Designing for Mobile, Part 2: Interaction Design March 26th, 2013 My first mobile phone, a Nokia 5110 (purchased in 1998!), offered very few features: I could call, text or play Snake. What’s more, these interactions were completely controlled by the manufacturer. With the advent of smartphones, touch screens, and “app stores,” however, the opportunities for designers are now innumerable. It’s inc

一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア

dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、１本は濃い内容で書いてみてます！ ウェブサイトで実施されるテストの回数やアプローチなどを日本とUSで比較をすると、やはり少し日本の方が遅れている感があります。感覚的には今の日本でのWeb解析の盛り上がりが、USにおけるウェブサイトでのテストの状況といった感じです。 ちなみにWebサイトでのテストに実施については、USのある調査によると平均で４〜５回／月に実施されているところが最も多いというレポートもあったりします。日本は実際にどうでしょうか？恐らくそこまで＜テスト＞といった視点で実施していることは少ないのではないでしょうか？ そこで「なぜ日本においてテストの文化が根付いていかないのか？」について少しつらつらと考えながら書きだしてみたいと思います。ただ、これはあくまで私見なの

優れたUXのスマフォ向けアプリ のスクショを紹介するデザイン ギャラリーサイト・UX Archive のご紹介。数はまだ多くは無い ですけど、スクショの数が多い ので参考になりそう。 UXが優れているスマフォアプリのスクショを紹介するギャラリーです。優れているかどうかは触って見ないと何とも言えませんけど、参考にはなるかなと。

[対象: 中級] URLが変わらないタブ切り替え型のページでは初期状態で選択されていないタブに隠れているコンテンツは無視されるかもしれないという情報を昨日の投稿で伝えました。 しかし背景や前後関係が不明だったので本当にそうなのかどうかの結論を出せませんでした。 この発言をしたGoogleのJohn Mueller（ジョン・ミューラー）氏から詳しい説明をもらえたので今日の投稿でフォローアップします。 以下、ジョンさんからの説明の日本語訳です（原文は記事の終わりに転載します）。 状況による。 適切な経験則からすると次のようになる — タブに隠れているコンテンツのために特にあるいはそのコンテンツのためだけにユーザーがやって来たのなら、最初の状態でもっと発見しやすくもっと見やすくしておきたいと思うはずだ。 タブにあるコンテンツがただの“おまけ”の情報の場合、たとえば一般的な情報を載せている製品ペー

UXやユーザビリティという観点で、海外の記事を中心にサマリーと併せてご紹介していきます。第1弾の今回は、ユーザー登録時のパスワード入力画面についてです。 U-Site編集部 2012年12月10日 こんにちは。U-Site編集部です。 今まではニールセン博士と黒須教授の記事のみを配信して参りましたが、編集部でも、UXやユーザビリティという観点で記事を配信していくこととなりました。海外の記事を中心にサマリーと併せてご紹介していければと思っております。どうぞ、よろしくお願い致します。 さて、早速第1弾の投稿ということで、今回はユーザー登録時のパスワード入力画面に関する記事をご紹介します。 #パスワード入力画面についてはニールセン博士も2009年の段階で言及しております。その当時の記事はこちら。 ユーザー登録フォームにおける、よりよいパスワードの隠し方 ご紹介記事：Better Password

9. 時代背景 2000 2005 2010 ITのモード（潮流） ドットコムバブル Google アジャイル Web 2.0 ソーシャルシフト iPhone クラウド Lean Startup 思考のモード（流行） ロジカル思考 システム思考 プラットフォーム思考 コミュニケーション思考 デザイン思考 未来思考 デザインのモード（価値・権威） ユーザビリティ Human Centered Design サステナビリティ クロスメディア／クロスチャネル サービスデザイン アクセシビリティ User Experience Design プロトタイピング ストーリーテリング Lean UX ISO13407 ISO9241-210 IA/UX UI/UX System Management Design Engagement Design System Webサービス Webサイト ／アプリ

今日、 ありえるえりあミニ勉強会#3 ～Sencha Touch で 「HTML5 x Touch UI の UXを考える」というタイトルで発表してきます。 その資料がとりあえず出来たので、一足お先に こちらで公開します。 UX on HTML5 x Touch UI from dsuket Webアプリの Touch UI で UX を実現するために、ということで Touch UI の概要や課題、Touch API の仕様と現状、そしてUX実現のポイントなどについて書いてみました。ちなみに、Touch API は HTML5ではないのでタイトルに偽りありです(^^; すみません。。 ちょっと詰め込みすぎた感はありますが、まだまだ書ききれないことも沢山。 後日、当日の様子と補足記事なんかもアップできればと思います。 (補足を書きました http://dsuket.hatenablog.co

2012年6月22日のOnlab Data Conferenceにて、UXデザインで良く使う調査手法をテーマとしたクリス・パルミエリのプレゼンテーションRead less

渋谷のシェアライブラリー co-ba library に置いてある、OVERKAST 選書の第１弾。 初回は自己紹介も兼ねて、UX デザイン周辺の書籍を選びました。 本棚の場所は、co-ba library に入って右手前あたり、OVERKAST マークが目印です。棚には付箋メモも置いておきますので、本の感想や気付きなどあれば、書いて貼りつけておいてください。 さて、今回のテーマは「広義／狭義のUXデザイン」。「UX デザイン」という言葉の定義が気になりますが、それはまた別の機会に掘り下げるとして、今回は本の内容にそれを託します。 以下、選んだ本のレビューを簡単に書くので、参考にしてください。 ブレンダ・ローレル『人間のためのコンピューター – インターフェースの発想と展開』（1990） アラン・ケイ、ニコラス・ネグロポンテ、ドナルド・ノーマンらの、貴重なインタビューや文献を所収。 今から

Remember when websites used to feature Flash intro videos as part of a splash page? These days video use in Web Design is much more creative (and UX friendly!) with many sites using video to provide an introduction or a tour of their product or service. Following on from our recent showcase of websites featuring full-screen videos, today’s post looks at the sub-trend of intro videos in web design.

昨日、今日とWindows Developer Days(WDD)に参加してきた。二日間セッションに参加して感じたのは、「Metro UIは『UXアプリ養成ギプス』だ」ということである。 デザインの原則がある。 例えば原則のひとつに、”Content before Chrome”というものがある。これは、「コンテンツを主役にし、ツールバーやメニュー等のコンテンツへの没入を妨げるものは最小限にする」というものだ。 こうしたデザインの原則やガイドラインがきちんと決められている、ということは重要なことではあるが、それ自体はさほど驚くべきことでもない。先日ブログに書いたように、最近の主要なプラットフォームには、大抵UX/UIのデザインガイドラインが定められているからだ。 では私が何に驚いたかというと、Metro UIではこのデザインガイドラインが「半強制」されていることだ。 UX/UIに意識の高い

サイトウ氏セッション概要 最初のセッションでは、立命館大学映像学部教授のサイトウアキヒロ氏が登壇しました。同氏は「おもてなしの心」という言葉でゲームニクス理論の本質を表現しました。日本のテレビゲームの歴史を紐解くと、日本のゲームはあらゆるストレスを極力排して、快適な体験環境をユーザーに提示することに注力してきました。具体的には、プレイヤーは外部デバイスであるコントローラーを使い、テレビ画面（モニター）を自由に操作します。こうした制限下で、プレイヤーとゲームとの間にインタラクティブな関係（ある行為に対する反応があること）をいかに構築するかなど、ゲームの進化は、この工夫の歴史であると同氏は解説しました。 同氏は、テレビゲームの特徴として以下の3点を挙げました。 （1）マニュアルを読まなくても操作が覚えられてしまう （2）いつの間にか段階的に攻略法を学習してクリアできてしまう （3）長時間にわた