Recomendados
Recomendados
Más contenido relacionado
Destacado
Destacado (19)
Similar a インターフェイスの世界の言語
Similar a インターフェイスの世界の言語 (20)
インターフェイスの世界の言語
- 2. イントロダクション 02
- 3. 03 自己紹介 Tomohiro Suzuki UXデザイナー - 受託でワークショップしながら進めたり、戦略考えたりする人 - デザイナー 6 年目 - DTP→新聞社→スタートアップ→Standard
- 6. 名詞としての分類 06
- 9. アプリケーション 09
- 10. 画面郡 10
- 11. 画面 11
- 13. 画像 13
- 14. 図形 14
- 15. Safari search now includes Spotlight Sugges- tions from the Internet, iTunes, App Store, movie showtimes, locations nearby, and more. You can change this in Settings. テキスト 15
- 19. 動詞の作用と関係構造 19
- 25. コンポーネント 存在目的 アクションに必要なジェスチャ ジェスチャに必要な視覚情報の結合 構成物 - 画像 - 図形 - テキスト 設計対象 25
- 26. アプリケーションを通し て得られる結果のため 経験に必要なタスク 画面群の集合体 存在目的 構成物設計 タスクに必要なアクショ ンを成すため アクションに必要な ジェスチャ コンポーネントの集合体 アクションに必要な ジェスチャを成すため ジェスチャに必要な 視覚情報の結合 - 画像 - 図形 - テキスト 概念整理 アプリケーション 画面群 画面 コンポーネント 経験に必要なタスクを成 すため タスクに必要なアクション 画面の集合体 26
- 27. 目的構造 一時的な経験とは、それを構成するタスク以下がインターフェイスを通して得られ た実体験をユーザーを通して変換された結果。 経験（一時的） タスク アクション ジェスチャ ジェスチャ アクション ジェスチャ ジェスチャ タスク アクション ジェスチャ ジェスチャ アクション ジェスチャ ジェスチャ ユーザー インターフェイスを 目的に発生する行為 インターフェイスを 目的に発生しない行為 27
- 28. 物的情報の生成 目的達成のために必要となる作用の設計過程の結果、物的情報としての画面、または それを構成する視覚的にも確認できる存在が生成される。 画面群が生成 画面が生成 コンポーネント が生成 経験（一時的） タスク アクション ジェスチャ ジェスチャ アクション ジェスチャ ジェスチャ タスク アクション ジェスチャ ジェスチャ アクション ジェスチャ ジェスチャ ユーザー インターフェイスを 目的に発生する行為 インターフェイスを 目的に発生しない行為 28
- 29. had been V（Verb） 経験について アプリケーションでの経験 = 一時的UX（Momentary User Experience） 経験 =「過去」に「した」こととして分解 完了形を削除した場合に残るのは「動詞」であり、その動詞の一部はインターフェイス を通して経験することとなる。 have been 語幹 V（Verb） た（活用語尾） ※必ずしも過去・完了のみを表すものではないが本資料では省略 ラテン語文法 日本語文法 29
- 30. 記号変換 インターフェイス アプリケーション インターフェイス 画面群 インターフェイス 画面 インターフェイス コンポーネント 経験（一時的） タスク アクション ジェスチャ 先にまとめた4種類の分類に基づき内容を行為（動詞）へと変換。 表現 内容 行為 30
- 33. シナリオへの活用と分類 33
- 34. 価値 活動 操作 バリューシナリオ アクティビティシナリオ インタラクションシナリオ 抽象的 具体的 構造化シナリオについて ユーザーの要求事項の抽出に基づき、価値、活動、操作の各レイヤーでユーザーに とっての理想的となるシナリオを書き出す手法。 34
- 37. 動詞の分類 バリュー活用 アクティビティ活用 インタラクション活用 経験動詞 インターフェイス動詞 インターフェイスを目的としない活用形 インターフェイス上での行為を目的とする活用形 インターフェイス上でのジェスチャを表す活用形 1, vVのためにaVする 2, aVのためにiVする バリュー活用=vV,アクティビティ活用=aV,インタラクション活用=iV と仮定した場合の文章構造 ※ バリュー活用以外の経験動詞の分類については次章にて記述 37
- 38. 動詞の分類指標βの作成 i) 目的語=X,動詞=V と仮定した場合の基本構文 ii) 上記XとVに文脈で使われる目的語と動詞を代入 [X] を/に/と [V] する バリュー活用 Xは現実世界に存在する物/概念 Xはデータ世界に存在する物/約束事/概念 動詞によってはバリュー活用、アクティビティ活用の両方として存在することもあ るため、目的語を当てはめた場合の文脈により判断。 アクティビティ活用 ※ インタラクション動詞は数が少なく、動詞単体で判断できるため除外 38
- 39. 代入例サンプル 解除する [パスワード] を [解除する] アクティビティ活用 行く [オフィス] に [行く] バリュー活用 加工する [写真] を [加工する] アクティビティ活用 消す [火] を [消す] バリュー活用 [メール] を [消す] アクティビティ活用 [送付先] を [選ぶ] アクティビティ活用 選ぶ [家具] を [選ぶ] バリュー活用 39
- 42. ワイヤーフレームの情報分解 12:24 AM Download Files awesome_file.pdf 12.3Mb awesome_file.pdf 12.3Mb awesome_file.pdf 12.3Mb awesome_file.pdf 12.3Mb12.3Mb awesome_file.pdf 12.3Mb awesome_file.pdf 12.3Mb 位置情報 - 存在位置による意味の付与 形状情報 - 記号抽象化 色彩情報 - 2色以上の意味の付与 知覚補助コンポーネント - 操作はできずトリガーとフィードバックのインタ ラクションを補助するための要素 操作コンポーネント - 画面に存在しなくては成り立たない要素 効果 効率 42
- 44. ユーザーが見るもの ユーザーがすること ユーザーが見るものユーザーが見るもの ユーザーがすること① ユーザーがすること② ユーザーが見るもの UI Flowsの記法 アクティビティ型UI Flows コンポーネント アクティビティ活用動詞 インタラクション型UI Flows コンポーネント インタラクション活用 44
- 46. アプリケーションを通し て得られる結果のため 経験に必要なタスク 画面群の集合体 存在目的 物的存在設計 タスクに必要なアクショ ンを成すため アクションに必要な ジェスチャ コンポーネントの集合体 アクションに必要な ジェスチャを成すため ジェスチャに必要な 視覚情報の結合 - 画像 - 図形 - テキスト アプリケーション 画面群 画面 コンポーネント 経験に必要なタスクを成 すため タスクに必要なアクション 画面の集合体 概念整理 構造化シナリオ UI Flows UI Flows 46
- 47. 形容詞による品質向上 47
- 48. 品詞とユーザビリティ 先までの動詞による構造化は効果を成立させるための条件であるが、効率を向上さ せるためには形容詞、形容動詞による言語化が必要。 効果 効率 満足度 概念 品詞 コンポーネントへの影響 0→1 1→100 動詞 - 操作コンポーネント - 知覚コンポーネント - 位置情報 - 形状情報 - 色彩情報 形容詞 48
- 49. 影響を与える情報 形容詞の相対性 動詞に比べ形容詞は認識の違いに差異が発生するという特徴があるため、ユーザー 調査による定性的、定量的な定義が必要。 動詞 形容詞 AA CB - 言語 - 文化 - 宗教 - 社会 - 経済 - 経験 - 身体的特徴 - 感情 - 感覚 - 性別 - 年齢 - 職業 - 空間 - 時間 - 調査方法 ※ 本資料では形容詞、形容動詞をあわせて形容詞として明記しています。 49
- 50. 形容詞の対称性 形容詞よっては相対的に反対の意味をもたらす対義語が存在する（動詞に比べ対義 語の単語数が多く存在することも特徴）。 大きい 小さい 古い 新しい 浅い 深い 高い 低い 高い 安い 固い 柔らかい 長い 短い 明るい 暗い 早い 遅い 薄い 濃い 50
- 56. 56 ネクストステップ
- 57. 57 ネクストステップ - インターフェイス領域 - ナビゲーション構造と言語 - 他品詞の影響 - デバイス依存型言語の構造化 - インターフェイスパターンと判断言語の構造化 - ユーザー体験領域 - 課題品詞と解決品詞の分類による定性的課題の特定方法の確立 - 経験に関する形容詞の分類
- 58. 参考文献 池上 嘉彦（1984）- 記号論への招待 http://amzn.to/1UUoY2F クラウス クリッペンドルフ（2009）- 意味論的転回―デザインの新しい基礎理論 http://amzn.to/1gpUiDD 内田 樹（2012）- 街場の文体論 http://amzn.to/1OdIcw3 S.I.ハヤカワ（1985）- 思考と行動における言語 http://amzn.to/1NCbrZe 田中 克彦（1993）- 言語学とは何か http://amzn.to/1UUqe5X 小林 重順（1995）- 配色イメージワーク http://amzn.to/1FM53qs レトリックの記号論（1993） https://goo.gl/suhqJ2 細川 英雄（1989）- 現代日本語の形容詞分類について http://goo.gl/I25DNR 原沢 伊都夫（2010）- 心の状態を表す動詞の再分類 http://goo.gl/1hfMti 野口 良平 - イコン・インデックス・シンボル ― 概念再定義への試み http://goo.gl/AKMc2F UX INSPIRATION!(2014) - サービスデザイン方法論2014 第5回：構造化シナリオ法 レポート http://goo.gl/PGBrsY REFLECTION（2014）- 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール http://goo.gl/tBwUIp 58