More Related Content
Similar to K1hash20121024
Similar to K1hash20121024 (20)
More from Keiichi Hashimoto
More from Keiichi Hashimoto (13)
K1hash20121024
- 1. モバイル向けサービス/アプリで UXを高めるには スマートフォン＆モバイルEXPO 2012/10/24
- 2. スピーカー紹介 橋本 圭一 シグマコンサルティング株式会社 代表取締役 Micorosoft Windows Azure MVP Sitecore CMS MVP クラウド利用推進機構 運営委員 クラウド、CMSをベースとして、サービスの開発に従事。 クラウドでは、他の企業と協力しての新規事業開発。 CMSでは、サイトコアを活用して大規模サービスを構築。 サービス開発にUXの観点は必須事項なので、 日々学んでいる。 http://www.sigmact.com/
- 4. 今日のおすすめ写真 39キロ上空からダイブ 音速突破、米で世界記録 http://photo.sankei.jp.msn.com/essay/data/20 12/10/1015supersonic/ コスプレ いろいろ NYの「Comic Con」 http://photo.sankei.jp.msn.com/kodawari/data/ 2012/10/1014comic/
- 9. 複数の要素から構成される 「The Elements of User Experience」 J. J. Garrett 2000
- 13. POST PC ・様々なデジタル端末 ・ユーザーにとってのＰＣ、スマホ、それぞれを別で考えるのか？ ・スマホ「以前は・・・」がない世界、標準は今まさに育っている ・増加を裏付ける圧倒的な数値 ※激動の Post-PC シフトを、21枚のチャートで確認 http://agilecatcloud.com/2012/10/08/%E6%BF%80%E5%8B%9 5%E3%81%AE-post-pc- %E3%82%B7%E3%83%95%E3%83%88%E3%82%92%E3%80% 8121%E6%9E%9A%E3%81%AE%E3%83%81%E3%83%A3%E3% 83%BC%E3%83%88%E3%81%A7%E7%A2%BA%E8%AA%8D/
- 14. データで考えるPOST PC Agile_Catさんブログより転載 App Store を凌駕する、Touch Screen Web サイトの成長 By Kevin C. Tofel May. 12, 2010, 11:15am PDT http://wp.me/pwo1E-1f9 ※タッチスクリーン･モバイルにフォーカスする、Taptu というリサーチ会社の最新データによる iPad を PC の一部として計算する Intomobile - October 20, 2010 http://wp.me/pwo1E-1Vd Tablet デバイスを PC の 1つとして分類 すると、2010年 第3四半期の驚異的な 伸びにより、 Apple は Dell や HP を追い抜き、トッ プ･ポジションに躍り出たことになる。
- 15. データで考えるPOST PC Agile_Catさんのブログより 最も急激に成長しているモバイル･アプリケー ション･ストアとして、 Google Android Market と Microsoft Windows Phone 7 Marketplace を認識。 Android Market が 2011年 1月に 18％ の成長率を示したのに対して、 WP7 Marketplace は 30％ の伸び。 スマートフォン･プラットフォームに関しては、 Google Android が 34.7% の 市場占有率でトップ
- 21. アプリケーション定義ステートメントの作成(抜粋) 1. ユーザに好まれる可能性のあるすべての機能の洗い出し 2. 対象ユーザの決定 3. 対象ユーザの定義による機能の絞り込み 4. そこで立ち止まらない ※開発工程全体を通じてアプリケーション定義ステートメント を使用し、機能、コントロール、用語の適合性を確認します。た とえば次のように宣言します。 ※新機能を追加すべきかを検討するときは、アプリケーションの 主目的と対象ユーザにとって不可欠か を自問します。不可欠でなければ除外します 最近の疑問 ・機能を追加する際に80％のユーザーを考える ・この80％のユーザーの質は？(一定量以上の機能を装備しない、できない)
- 22. Android Design デザインガイドライン ◇目次 ・クリエイティブビジョン ・デザイン原則 ・UI概要 ・スタイル ・パターン ・UI用の部品 http://developer.android.com/design/index.html http://firespeed.org/diary.php?diary=kenz-1462 日本訳 ポイント ・ナビゲーション関係(これはプラットフォームとしてブレがある部分だからか) ・下部でタブバーを使わないでください。
- 23. Windows8 デザインガイドライン ◇目次 ・アプリの UX の設計 ・計画 ・設計のガイダンス ・カテゴリ ガイド ・ケース スタディ ・設計の資産 http://msdn.microsoft.com/ja-jp/library/windows/apps/hh779072.aspx ポイント ・収益の計画 http://msdn.microsoft.com/ja-jp/library/windows/apps/hh465433 ※ドキュメント全般的に充実
- 25. ②スマートフォンのＵＸで考慮 するUIフレームワークとは A 配置 B 記号化 C ジェスチャー D コントロールとフォント
- 30. アクションバーについて １ アイコン ２ コントロールビュー ３ アクションボタン ４アクションオーバーフロー １ メインアクションバー 現在の位置 ２ トップバー タブかスピナー ３ ボトムバー アクション＋アクションーバーフロー タブ スピナー アクションボタン http://webnoborder.jp/iphoneandroidui/
- 31. 配置について(Windows8) 下段アプリバー 右側チャーム アプリバーとチャームの違い
- 32. FITスキーマに該当したらバーに表示 F ― Frequent(頻繁) ・人々はこの画面を10回開くうち7回は使いますか？ ・一般的に何度か連続して使いますか？ ・毎回余分なステップを踏むのは大変ですか？ I ― Important(重要) ・それはことさらクールか、セールスポイントなので必ず見つけてほしい物 ですか？ ・それが必要なのはまれなケースで楽にする必要がありますか？ T ― Typical(典型) ・それは類似のアプリで一般的に大切なアクションとされていますか？ ・人々はアクションオーバーフローへ隠れると驚きますか？ FITに該当しないものがバーにあっても わかりにくい操作、無駄な画面領域の占有となりがち
- 34. 記号化について ＞ 遷移 、探す、 特徴的なアイコン、暗黙の色 共通かつ世界的に普遍的なルール
- 36. ■ジェスチャ タップ コントロールまたは項目を押す、または選択する（マウスのシングルクリックに相当）。 ドラッグ スクロールまたはパンする （片方の端からもう片方の端への移動）。要素をドラッグする。 フリック（はじく） すばやくスクロールまたはパンする。 スワイプ 1本の指で、テーブルビューの行に「Delete」ボタンを表示し、 あるいは通知センターを（画面の上端から）表示する。 ダブルタップ コンテンツブロックまたは画像を拡大してセンタリング。 縮小する（すでに拡大されている場合）。 ピンチ ピンチオープンして拡大する。ピンチクローズして縮小する。 タッチアンドホールド 編集または選択可能なテキストで、 カーソル位置で拡大されたビューを表示する。 シェイク アクションを取り消す、またはやり直す。 http://firespeed.org/diary.php?diary=kenz-1477 ＝Android
- 41. サービスの構成を明確にする 上位層のサイトマップが明確になっているか。 ※iPhoneアプリの場合は水平的な構成(遷移)になる。 検索 旬のワード 検索 一覧 レシピ テキスト カテゴリ 話題の レシピ 履歴 CookPadの例 構成が明確だとユーザー タブバー は迷わない
- 42. コンテンツを分類する LATCH - ５つの情報の整理棚 1. Location （位置）都道府県別 2. Alphabet （アルファベット） かな順 3. Time （時間） 月別、最新順 4. Category （分野） 5. Hierarchy （階層） タクソノミ、フォークソノミ 分類するのはサービス側？ユーザー側？ MECE もれなく、ダブりなく
- 43. コンテンツが構造化されている事 CMS等を使い、コンテンツを構造化する事によって さまざまなデバイスでもコンテンツを表示でき、多言語にも対応できる。 タイトル 記事 本文 画像 日時 添付資料 執筆者 カテゴリ タグ ソーシャル RSS ボタン
- 44. 関連性のある情報を表現する スマホの場合、関連性を表示するのが難しい。 ※元々、関連性はメインの情報のオマケ的なものとして余白に表示。 ※表現しようとするとTL的な表示(文末に付ける)になりがち。