MENU

    UI制作/day11-day15

    SUMMARY

    Cocoda ( https://cocoda.design/ ) から1日一題出されるお題をもとにUI制作を行っています。

    プロフィールページ https://cocoda.design/yokok

    11.お問い合わせ画面

    Target
    プログラミング勉強中の社会人
    Concept
    • プログラミングの最中にわからないところをリアルタイムで聞けることを想定して、チャット形式にした。
    • ぱっと見て把握できるように材料を1ページ内に収めた。
    • コーディングの妨げにならないように、ウィンドウ内を移動させることを可能に。

    12.料理アプリのレシピ画面

    Target
    料理好きな女子大生
    Concept
    • 料理をはじめたばかりの人が抵抗なく見れるように、作り方や材料はシンプルに表記した。また、切り方について解説のリンクをつけた。
    • ぱっと見て把握できるように材料を1ページ内に収めた。
    • 料理中に材料の箇所に戻って確認する手間を省くために、調味料は作り方の該当箇所に再度表示した。

    13.カレンダー画面

    Target
    自律した自分を目指す女性
    Concept
    • スケジュール管理とToDo管理を行うことができる。
    • 分類ごとにタグの色分けを可能にすることでわかりやすくした。

    14.読書アプリのグラフ画面

    Target
    積読しがちな20代会社員
    Concept
    • 社会人が使いやすい落ち着いた色使い。
    • 先月読んだ本と今月読んだ本を表示、積読本と読んだ本の割合を表示することで、読書の進捗状況を可視化し達成感を感じさせるようにした。
    • 読書データ画面に一年間の読書記録などさらに詳細なデータを表示して自身の読書体験を振り返ることができる。

    15.カメラアプリの撮影画面

    Target
    最近写真撮影にハマり出した大学生
    Concept
    • 簡単な加工を使った撮影をメインとしたアプリ。
    • 初心者でも使いやすいように、必要な機能を絞って画面に配置した。
    • 特に印象の違いが出やすいフィルター機能は結果を一覧で見えるようにした。