使ってみたら素敵なモックアップ作成 ソフトだったのでご紹介。Adobe Air製 のSimpleDiagramsです。フリー版と 有料版がありますが、個人的には無料 版で十分だと思いました。使ってみた レビューをエントリします。 モックアップツールはオンラインからソフトウェアまで色々と出ていますが、日本語が使えなかったり、重かったりと、あまりピンとくるツールはありませんでした。Mockingbirdはいい感じでしたが、オンラインなので個人的に不可。 今日ご紹介するSimpleDiagramsは無料版と有料版があります。機能制限と、有料版を促すポップアップのみで日本語も普通に使えるのでお勧めですよ。特に記載がなかったので日にち制限も無いっぽい。 インターフェースもクールで素敵ですよ。使い方は多分すぐに分かるくらいシンプルなので特徴を以下にあげておきます。 シンプルなインターフェース 起動する

9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん（以下、けんすうさん）から ：HOWTOサイトをつくりたいからデザインを依頼したい！ ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる！？合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時

はじめに 【仕事における８０：２０の法則】個人・企業のパフォーマンスを最大限に高める方法 | [b] bizMode｜世界のデジタルトレンドを読む というブログの中で nanapiというレシピサイトがありますが、c/o時は全然機能がなく、レシピを探せませんでした。果たして、カットオーバー時点において、レシピ検索機能は備え付けておく必要があったのでしょうか？また、個人ページにも全く機能性はありませんでしたが、今はどうでしょう？十分パワーアップしています。 そこに、多くの問題が発生したでしょうか？していません。 少しの問題は発生していましたが、プロダクト価値を脅かすものではありません。 徹底的に８０％にこだわり、重要なポイントは、十分に抑えられていたと思います。 こんな記事で紹介してもらったので、ちょっと書いてみます。記事内では、最初は検索結果に対しての工数をさかずにあとで回した、というニュア

ワイヤーフレームはFireworksがベストか。意外とInDesignが次点か。 123 (2010/6/10, 10:50 PM) ワイヤーフレームって何で作ってますか？ これまで私はワイヤーフレームはイラレで作ってました。 大枠となるページだけ作る分にはこれでもさほど問題ないんです。 ただ、全ページ作る必要に迫られた場合、ナビゲーション部分などの共通部分に後から変更が生じたとき、イラレにはページ概念がないので、すべてのファイルもしくはアートボートのナビゲーション部分を変更し直さなければならず、とても厄介です。 前回の案件でそうなって、大変な目にあったので、次こそなんとかしたいと思って、最近InDesignのマスターページ機能に着目し、実際やってみたら結構よかったんです。もう今後これでいいじゃんと。 ところがそんな矢先、CSS Nite in Omotesando, Vol.1にて、Fi

6月18日金曜日に第2回ワイヤーフレームコミュニケーション研究会@東京が開催されました。 第1回の時は、あらかじめ用意されたトピックに従ってみんなでディスカッションするタイプの会でしたが、今回は講師を交えてのセミナー形式の会となりました。 第2回目は「マークアップエンジニアからインフォメーションアーキテクトへのキャリアパス　～マークアップはマイクロIA（インフォメーションアーキテクチャ）だ～」と題して、マークアップエンジニアとインフォメーションアーキテクトを兼任する株式会社ビジネスアーキテクツの伊原 力也さんと元株式会社ビジネスアーキテクツ、iA incで現nodot代表をつとめる小久保 浩大郎さんをゲストに迎えるかたちでの開催となりました。（伊原さんにより「ワイコミ研」という略名もつけていただきました） 当初、第1部は「マークアップエンジニアをベースにしたインフォメーションアーキテクトへ

Made by ZURB ZURB is a close-knit team of product designers who help companies design better web sites, services, and online products. We've worked with more than 200 start-ups since 1998. Bounce is a fun and easy way to share ideas on a webpage. Learn more about Bounce or stay in touch by following us on Twitter. Design Great Products Faster Check out our other product design apps in the Notable.

Thursday, May 06, 2010 9:36 AM Guest post: Morten Just is a product manager in Vodafone. Based in Copenhagen, Denmark, he spent most of his career as an interaction designer churning out wireframes and diagrams, and also co-founded Imity, a Bluetooth-enabled social network for mobile phones in 2006. On his personal blog he writes mostly about user experience. When I saw Google drawings on a Twitte

Learn how iPad users interact with apps and websites on their devices, and whether usability improves with time as people practice and learn new interfaces. The design guidelines are based on 2 rounds of usability studies, conducted one year apart. We observed participants working on their own iPads to accomplish a broad variety of tasks. Articles on research findings: iPad Usability: First Findin

Greenlight App Design Creative Navy Greenlight App Design Project Information: The mobile application enables people to submit incidents in the workplace.…

Owing to spam activity we are having to restrict edit access to this wiki. If you have any questions whatsoever please email me via facibus @ gmail dot com. Editors: there is a problem with the current hosting – I’m working through it now. I can do urgent edits as admin, email me the details and I’ll do my best to help. Thanks, Andrew Boyd The UX Book Club seeks to enhance the abilities and knowle

「客単価を倍増させた、丸善本店「松丸本舗」の本棚設計」という記事を見てすごくピンときた。そうそう、そうなんだよ！普段僕がウェブサイトの構造の事などを考えるときに頭に浮かぶのは「大きい本屋」を作るプロセスなのです。普段なんとなく考えていた、店舗設計とウェブサイトの構造の話をぼんやりまとめてみたよ。 ■ツリー 例えばツリー構造のカタログ型のサイトを作るとする。その時にサイトの構造を本屋に例えると、ABC順だとか、ジャンル別にキチッと整理された棚がずらーっと並んでいるような、図書館みたいな本屋。整理されているというのは、「探し物」がある時にすごく便利。あの著者の、あの本が欲しいというときにはすごくありがたいんだよね。ユーザーの目的が「あの本が欲しい」って感じで明確な時に有効。つまり専門的な商品を扱うときに良い。 さらに、ユーザがいる場所によってユーザの目的を絞り込みやすいからターゲティングがしや

認知科学ワークショプ「認知科学とデザイン」 こんにちは、多摩美コンプレックスのHitoyamです。多摩美とかなんかカッコよくない？ 日本ウェブ協会が主催する認知科学ワークショプ「認知科学とデザイン」に参加してきました。講師は多摩美術大学の吉橋昭夫先生が担当されました。 認知科学についての講義 前半は認知科学についての講義を座学で行いました。 参考図書はドナルド・A.ノーマンの『誰のためのデザイン？―認知科学者のデザイン原論 (新曜社認知科学選書)』。その他のノーマンの著作として『エモーショナル・デザイン―微笑を誘うモノたちのために』も紹介されました。ここは両方あわせて読んでおきたいですよね。もちろん両方とも持ってますっ。 キーワード 可視性：やるべきこと、やったこと、やった結果 対応づけ 概念モデル、メンタルモデル：人間が実世界で何かがどのように作用するかを思考する際のプロセス アフォーダ