Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UIデザイナーを取り巻く様々な設計 / Intrinsic meaning of UI Design

UIデザイナーを取り巻く様々な設計 / Intrinsic meaning of UI Design

UIデザイナーの周りにある"設計"について、Human-Computer Interactionからヒトとコンピュータの仕組み、エンジニアの設計手法、コミュニケーションの方法などをまとめました。

Tsuyoshi Higuchi

August 07, 2015
Tweet

More Decks by Tsuyoshi Higuchi

Other Decks in Design

Transcript

  1. Profile • UI Designer • 趣味でサービスつくったり、ハッカソンに参加したり • 最近熱いのはDDDと情報処理心理学 毎週日曜朝に 色々な企業・学生の

    エンジニアと 渋谷で趣味開発 やってます。 デザイナーが少ないので 興味ある方はぜひ! Tsuyoshi Higuchi devMorning @tyshgc
  2. 記事リーダアプリで記事を選ぶまでのユーザフロー ىಈͨ͠ΒϦετ͕ ͋Δͱࢥ͍ͬͯΔ Mainflow Subflow アプリを起動する 画像などで 内容を軽く認知 タイトルなどで 内容を軽く認知

    リスト面を見る 記事をタップする 記事セルに 指でふれる 画面が記事詳細へ 切り替わるのを期待 Ϧετηϧ͸λοϓ Ͱ͖Δͱ͍͏ࢥ͍ࠐΈ λοϓ͢Δͱը໘͕ ੾ΓସΘͱࢥ͍ͬͯΔ
  3. User Interaction Action Dispatcher Store View User Interaction ユーザの入力 リクエストを受け

    データを渡す ActionとStoreの 紐付け データの永続化を 担う Storeを状態から 描画処理 Fluxのアーキテクチャだとこんな感じ FluxはFacebookが提案した一方向型のアーキテクチャ WebAPI
  4. 感覚器官 短期記憶 パターン認識 スキーマ 身体行動 感覚器官 視覚・聴覚・触覚 などからの入力 7秒程度の記憶 長期記憶と比較、

    記憶と行動の 紐付け 紐付けから行動を 呼び出す 体を反応させる 人間情報処理のおおよそなフロー もう少し実際は複雑ではあるが、ヒトの情報処理もデータ駆動