• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
見た目以上に大事なこれからのデザイン
 

見た目以上に大事なこれからのデザイン

on

  • 3,234 views

2013.7.25、LINE株式会社で行われた第40回 HTML5とか勉強会の発表資料、デザイナー向け。

2013.7.25、LINE株式会社で行われた第40回 HTML5とか勉強会の発表資料、デザイナー向け。

Statistics

Views

Total Views
3,234
Views on SlideShare
2,541
Embed Views
693

Actions

Likes
16
Downloads
16
Comments
0

6 Embeds 693

http://shumaiblog.com 565
https://twitter.com 106
http://cloud.feedly.com 12
http://www.freeinews.com 7
http://s.deeeki.com 2
https://www.google.co.jp 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    見た目以上に大事なこれからのデザイン 見た目以上に大事なこれからのデザイン Presentation Transcript

    • 見た目以上に大事なこれからのデザイン 第40回 HTML5とか勉強会 2013.7.25 @LINE株式会社 秋葉秀樹
    • 「美しいもの、カッコいいもの、おしゃれ、はやりのもの」 これらをデザインと認識されている特に日本のかたよった解釈によって 「行動のデザイン」に対するデザイナーへの期待は薄い
    • デザインを「時間」で考える 今日話したいこと…
    • 検索 検索結果 をデザイン 「検索結果が見つかりません」その先のユーザー行動にデザインが必要 ゼロ 0 反省点:デザイナーは「都合のいい状況」しかデザインをしないことが多い 検索結果がなかったら?通信が途切れたら?
    • 今週のオススメお菓子 最新の材料 TEXT TEXT TEXT TEXT TEXT テキストが入りますテキストが入りますテ キストが入りますテキストが入りますテキ ストが入りますテキストが入りますテキス トが入りますテキストが入りますテキスト TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT テキストが入りますテキストが入りますテキストが入りますテキストが入りますテ キストが入りますテキストが入りますテキストが入りますテキストが入りますテキ ストが入りまテキストが入りますテキストが入りますテキストが入りますテキスト TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT テキストが入りますテキストが入りますテキストが入りますテキストが入りますテ キストが入りますテキストが入りますテキストが入りますテキストが入りますテキ ストが入りまテキストが入りますテキストが入りますテキストが入りますテキスト TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT テキストが入りますテキストが入りますテキストが入りますテキストが入りますテ キストが入りますテキストが入りますテキストが入りますテキストが入りますテキ ストが入りまテキストが入りますテキストが入りますテキストが入りますテキスト もっと読む TEXT TEXT TEXT TEXT TEXT テキストが入りますテキストが入りますテ キストが入りますテキストが入りますテキ ストが入りますテキストが入りますテキス トが入りますテキストが入りますテキスト もっと読む TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 一瞬きれいに見える、しかし…
    • 今週のオススメお菓子 最新の材料 特製ブラウニー スペイン生まれのドーナツ シナモンシュガーをたっぷりまぶして 揚げたてをいただきます。 ココアパウダー カカオマスから脂肪分であるココアバターを搾った残りである「ココアケーキ」を 粉砕して粉末状にしたものです。 ココアパウダーにも脂肪分が約 11%-23% 程度残っています。製法にはブロマプ ロセスとダッチプロセスの 2 種類があります。 ベーキングパウダー ベーキングパウダーは、パンや焼き菓子に使われる膨張剤の一種です。 人気のブラウニーにはこのベーキングパウダーを使うとよいでしょう。 ココアパウダー 製造の際に食塩を加えないバター。ケーキなど菓子の材料に多く用いられるフレッ シュバター。調理や製菓で必要とされ、また腎臓病患者の食事設計に使われること があります。 もっと読む バニラエッセンスのかわりにバニラビーン ズを半分加えてもおいしい。 粉を入れてから混ぜすぎるとふっくらとし たマフィンはできません。また、よく混ざっ てないとボソボソとした生地になってしま うので、気をつけましょう。 焼きたてもいいけど、翌日はよりしっとり しておいしい。粗熱が取れたらラップなど して乾燥を防ぎましょう。 もっと読む カラメルクリームからつくるカ フェ・キャラメルクッキー さつまいもと鶏ひき肉煮込 み 鶏ひき肉の和風ロールキャ ベツ 里芋と鶏ひき肉のごま煮 里いものころ煮 たっぷり野菜のコンソメス ープ 冷やしだしそうめん つけそうめん(しょうゆ味 ) 鶏ともやしのそうめんサラ 実は都合のよいデザイン 反省点:ダミーテキストばかりに頼るからこういう結果になり、結局、 クライアントに「なんかイメージ違う…」「高さそろえて」 結果コンテンツとユーザー行動に大きな悪影響が…
    • HTML5 Videoを使った動画サイトデザイン 足りない、何かが… 01:25 再生時のボタン 音量のアイコン 音 量 ア イ コ ン マ ウ ス オ ー バ ー で 音 量 ス ラ イ ダ ー が フ ェ ー ド イ ン し ま す
    • 01:25 再生時のボタン 音量のアイコン 音 量 ア イ コ ン マ ウ ス オ ー バ ー で 音 量 ス ラ イ ダ ー が フ ェ ー ド イ ン し ま す 再生が終わった後は? (昇順型?ランダム型?ユーザー選択型?) デザインを時間で考えると… 反省点:ユーザーが何故このコンテンツにいるのか? その先どうしてほしい、どう動いてほしいか? ストーリーを最後まで描いてみよう
    • あなたのグループ 社内プロジェクト プレゼン資料 稟議 サークル プロジェクト A プロジェクト X C 社案件企画書 B 社案件企画書 社内プロジェクト + ユーザーによる編集が不可欠なUI
    • あなたのグループ 社内プロジェクト プレゼン資料 稟議 サークル プロジェクト A プロジェクト X C 社案件企画書 B 社案件企画書 社内プロジェクト × グループを削除
    • 稟議 サークル プロジェクト X C 社案件企画書 B 社案件企画書 グループを削除 手がかりが乏しい「ロングタップ」 並び替えができることをどうユーザーに伝えるか? 何秒で並び替えを可能とするか? ロングタップを気づかせるしくみはないか? 一つの提案:ロングタップはヒントが少ない、気がつきにくい。 ここは、誤動作や何気ないミス操作を味方につけ、「気がついていたらドラッグできていた」 という予想外も想定した「ロングタップの許容秒数:0.4秒前後」を各自考えてみよう。
    • 私からの提案:デザインカンプも必要、でもインブラウザデザインも必要。 両方、色んな角度から使い心地をシミュレートしてみるべき。 これは弊社がチャレンジしているネイティブアプリの挙動を HTMLベースでつくるWebプロトタイプ http://tuqulore.com/demo/201307_todo_longtap/todo_longtap_proto.m4v
    • 慣習にしたがうのもひとつの手段 チェックボックス、左右のちがいは? 慣習かもしれないが…:左のチェックは編集・削除につかわれることが多く、 右のチェックはトグルスイッチのON/OFF替わりに使われることが多い。 困ったときは慣習に一度従ってみよう。
    • まとめ デザインは人の行動に寄り添う よって時間とともに変化する意識を持とう ダミーテキストは撲滅するべし 手段を限定せず、あらゆる問題解決にチャ レンジしよう (「カンプの時代は終わった」とか言わない、手段を切り捨てない) ただし、一瞬でしか表現しづらいデザインカンプという弱点は把握し、 クライアントと共有することが好ましい。
    • 秋葉 秀樹 株式会社 ツクロア 代表取締役 / デザイナー Visual design、UI/UX design、 HTML5、Flash、 CSS、JavaScript、3DCG、映像、音楽、銭湯 ありがとうございました