Gyazoの選択画面のプロトタイプ(モックアップ)
/nota-techconf/コミュニケーションのためのデザインモックアップ術#62845c9db34f220000ecb8ad
案1 :
ワイヤーフレーム
通りにHeaderに収めてみる
https://explore-header-mock.firebaseapp.com/captures-1.html
→ これはダメ。操作可能なことに全然気づかない
案2 : サイドメニューに収めてみる
https://explore-header-mock.firebaseapp.com/captures-2.html
→ 連続して選択しづらい
案3 : Headerに被せる形で表示してみる
https://explore-header-mock.firebaseapp.com/captures-3.html
→ 良さそう
案4 : Headerに収めるが、検索ボックスやアイコンは表示しない
https://explore-header-mock.firebaseapp.com/captures-4.html
→ これも気づかない
この発表見たとき、ちゃんと動くものを作るの良いな、と感動した
mrsekut.icon
それもまたUIだね。インタフェース散歩!(1) プロダクト開発の試行錯誤を高速に回す | TECH+(テックプラス)
https://www.youtube.com/watch?v=48yN7kjVsfU