generated at
コミュニケーションのためのデザインモックアップ術

社内イベント「Nota Tech Conf 2022」 での登壇内容です。
https://www.youtube.com/watch?v=ZUoDRUw0aUk&t=3007s


以下登壇資料















案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
→ これも気づかない



https://codepen.io/mountainboooy/full/MWjEmbQ






UXの5段階モデル

モック : https://toolbutton-mock.firebaseapp.com/buttons.html