UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary
一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア
Breaking down Amazon's mega dropdown
The hover effects on Amazon’s big ‘ole “Shop by Department” mega dropdown are super fast. Look'it how quick each submenu fills in as your mouse moves down the list: It’s instant. I got nerd sniped by this. Most dropdown menus have to include a bit of a delay when activating submenus. Here’s an old Khan Academy dropdown as an example: See the delay? You need that, because otherwise when you try to
サイトマップのページは必須か？ | Accessible & Usable
公開日 : 2013年3月2日 (2016年10月22日 更新) カテゴリー : ユーザビリティ サイトマップとは、Web サイトを構成する各セクション/各ページへのリンクを一覧表示したページです。数多くのサイトが備えていますが、以下に図示するように、各コンテンツの位置関係 (階層構造) が整然と並んでいるのが一般的です。 サイトマップの例 (アップルの Web サイト) ユーザビリティのガイドラインとして、このようなサイトマップのページを設けることは必須である、という話を聞いたことがある人も多いと思いますが、ここ最近、私自身の中で「果たしてサイトマップは本当に必須なのか？」「サイトマップがないとユーザビリティが本当に阻害されるのか？」と自問自答する機会が度々あったので、考えをまとめてみようと思います。 サイトマップの必要性 サイトマップの効用としては、以下のようなことが、よく言われていま
'Design thinking' for web design
■タイトル： 「デザイン思考のアウトプット」 ■内容： １. Webに関わる人にとってのデザインの今 ２. ユーザー体験（UX）の解釈と今、求められていること ３. 時代の流れとともに変わったこと、変わらないこと ４. これからのWebデザイン 技術の進化に伴い，アウトプットの形が多種多様な時代になって来ました。デジタルに最適化されたもの，インターネットならではのもの，従来のアナログ的なものなど、ユーザの体験値もさまざまなものになってきてます。 本来デザインとはどうあるべきか？広義、狭義の両軸からWebデザインの関わりを確認するとともに、時代の変化とともに変わる「消費者行動」と「ユーザ体験」をふまえながら，これから私たちWebに関わる人たちがどのようにデザインを行い，アウトプットを 出していくべきかお話します。 ■キーワード： デザイン，Web，UX/UI，マインド，デジタル，アナログ R
パターン・ランゲージとUI設計 | OVERKAST ROUGHKUT
WebサイトのUI設計のアナロジーとして、建築家クリストファー・アレグザンダーのパターン・ランゲージについて考えてみたい。 ツリー構造とセミ・ラティス構造 まずはアレグザンダーの最初の気付きから。 長い年月にわたりともかく自然に出来上がった都市を＜自然都市＞、又デザイナーやプランナーによって慎重に計画された都市やその部分を＜人工都市＞と呼びます。（中略）今では多くの人々がなにか本質的なものが＜人工都市＞には欠けていると感じている。 クリストファー・アレグザンダー「都市はツリーではない」 アレグザンダーは人工都市と自然都市の差異、そして人工都市のあり方を考えた末に、引用元のタイトルでもある「都市はツリーではない」という結論に至る。そして人工都市をツリー構造として計画してしまう問題を次のように考察している。 我々がツリーを考えているときは、デザイナー、都市計画家、行政当局、開発業者だけに適合の
「苦悩からユーザビリティテストに希望を託すまでの道のり」と題してプレゼンしたので、資料を公開します
自己紹介の代わりに著書紹介 「P2P教科書」 「パーフェクトJava」 「実践JS サーバサイドJavaScript入門」 「パーフェクトJavaScript」
http://blog.iaspectrum.net/2012/06/02/di-meetup/
See related links to what you are looking for.
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
IA for Corporate Web
The document discusses information architecture (IA) and includes sections on IA for corporate websites, the history and development of IA, and key figures in the field such as Richard Saul Wurman. It also provides examples of IA frameworks and strategies for organizing information on websites.Read less
IAセミナー：サイト設計運用を最適化するために
ブランド、プロフィット、コスト、デザインを追及するコンテンツ管理とは(Oracle OpenWorld Tokyo 2009)Makoto Shimizu
ウェブ開発におけるアジャイルとデザインの勘所
ウェブ開発におけるアジャイルとデザインの勘所 - Presentation Transcript ウェブ開発におけるアジャイルとデザインの勘所 ゼロベース株式会社 ウェブ・アーキテクト 石橋秀仁 zerobase.jp/ishibashi 2011年5月29日 ポイント なぜアジャイルか？ ビジネスは「思った通り」に行かないから。 ウォーターフォールは試行錯誤に向いていないから。 なぜデザインか？ ユーザーにとっては「UI ≒ 製品」だから。 まずいデザインなら、いいプログラムを書いても無意味だから。 なぜペルソナか？ あなたは「ターゲットユーザー」ではないから。 想像上の「ユーザー像」は往々にして間違っているから。 2 ウェブ開発におけるアジャイルとデザインの勘所 ウォーターフォールとアジャイル 3 ウェブ開発におけるアジャイルとデザインの勘所 新規事業（勝ちパタ
OpenUM presents "Content First" for local government sites"
Editor's Notes自治体サイトのコンテンツファースト\n坂本貴史 @bookslope 2011,12,8 OpenCUイベント @loftwork #openum\n目次\n&#x81E
Official Usability, UX & UI Guidelines From Companies | Usability Geek
You are here: Home / UX Guidelines / Official Usability, User Experience & User Interface Guidelines From Companies Official Usability, User Experience & User Interface Guidelines From Companies By Justin Mifsud Guidelines are considered to be the best resource that designers and developer can use to ensure that the applications and web sites they produce are usable. Operating systems, devices, an
もうユーザーを迷わせない！ナビゲーションメニュー設置のコツ
2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UX on HTML5 x Touch UI
勘違いだらけのAndroid UIデザイン
IDEA * IDEA
UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!
Sastainable "IA" at Aomori 20110709
mdlab.jp