プロトタイプに発生する溝と対処法
完成品になれない溝をどう埋める あたかも完成品に見えてしまうデザインカンプには、様々な暗黙の了解が存在します。グラフィックツールで Web ブラウザ上での見た目を再現しようとしても、実際 HTML / CSS で組まれたデザインの見た目と同じになることはありません。どこまで静止画を作り込んでも、実際の完成品には成り得ない大きな溝が存在します。この溝が大きな誤解に繋がることがあります。 例えばレスポンシブ Web デザインの場合、幾つかの大きさで静止画のデザインを用意したとしても、その間（可変状態）でどうなるか想像するのが難しい場合があります。また、レスポンシブ Web サイトにおける表現は多彩になってきています。要素の順番を Flexbox で変えることもできますし、画像の配置の仕方もより柔軟で表現豊かになってきています。知識や経験がある方であれば静止画では表現されていない「実はこうなる」
UIの議論は、必ず画面を見て絵を描きながらしよう！ - Tortoise Shell
先日、何気なくスライドシェアを見ていたら「ほんとこれ！」なスライドを見つけました。 UIの話は会議室でするな from Shingo Katsushima 上記のスライドでは、会議は無駄が多い、UIの話は席でする、問題をみんなの見えるところで話す…など、UIデザインをしていく上で重要な点がまとめられています。 その中でも、身を持って「ほんとこれ！」と常々感じていたことがありますので、今回はそのことについて書きます。 言葉って意外と伝わらないもの わたしは現在、仕事で自社WebサービスのUIデザインをやっています。 Webサービスを開発していく上では、特にエンジニアやディレクターなど職種横断的なコミュニケーションが欠かせません。 なので、毎日のようにディレクターやエンジニアの方と議論をする場面があるのですが、プロジェクトが始まった当初はやり取りにとても苦労しました。 例えば、UIについて「
デザインを「作業から仕事」にDMM.comラボが活用するプロトタイピングツール【後編】 | SELECK
今回のソリューション：【Prott/プロット】 〜長くWebサイトを運営してきたDMMグループが、ネイティブアプリを開発するにあたり「Prott」を使ってデザイン業務を効率化した事例〜 デジタルコンテンツ配信、FX、英会話、そして3Dプリントサービスに至るまで、幅広いビジネスを展開するDMM.comグループ。同社のクリエイティブを支えているのは、株式会社DMM.comラボ内にあるデザインチームだ。 もともと石川県からリモートで作業を行い、東京本社からの依頼をこなす日々だった同チームを変えたのは、同社で取締役とデザイン統括を務める赤坂 幸雄さんだ。 「デザインはお化粧ではない」という思いを持って3年前に上京し、東京本社にデザインチームを立ち上げた。今では上流工程からデザイナーの視点を取り入れる開発体制を作ることに成功したが、そこでまた別の課題にぶつかった。それは、ネイティブアプリのUI/UX
UIの話は会議室でするな
UIデザインの決定プロセスをより高速化するために、会議するのをやめました。会議をやめたことでより多くのフィードバックを得ることができ、デザインの修正コストを下げる事ができました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
