![見出し画像](https://assets.st-note.com/production/uploads/images/110965223/rectangle_large_type_2_bbb98d5b1d1e865deb194543d6ff1e7e.jpeg?width=800)
【Daily UI】#008 404 Page
課題
▼404 エラーページ
食品ECのエラーページのイメージで制作しました。何か探したいあてがあって試していると404に辿り着くという想定で、探しものをフォローできるUI(動線配置)にしました。
![](https://assets.st-note.com/img/1689522357843-BaWxpOQ6B8.jpg?width=800)
気づき
調査していると、出会う確率が低いページだからこそ「そこでストレスを溜めないように親切・リッチに」「シンプルな作りで迷わせない」の2つの方向性に分かれると感じました。
タブに表示される名称まで変えてあげると親切。すごく細かいことだけど、タブを並べてざっと見る時にも分かりやすいと思いました。
調べること
どういう動線を配置しているか
参考資料
![](https://assets.st-note.com/img/1689522744994-Gogr1Q3702.png)
![](https://assets.st-note.com/img/1689522785433-IZdDXWT6rQ.png)
![](https://assets.st-note.com/img/1689522871187-4SHuDmiJZc.png?width=800)
ZOZO(PC)は自社モールの特徴を活かした&遊び心たっぷりの画面設計でとても好き
投稿した
#DailyUI #008 404page
— さかい (@sakaichaaaaan) July 16, 2023
食品ECのエラーページのイメージで制作しました。何か探したいあてがあって試してると404に辿り着くという想定で、探しものをフォローできるUI(動線配置)にしました。#dailyuichallenge pic.twitter.com/3R2nAIe3KB
この記事が気に入ったらサポートをしてみませんか?