Daily UI #011-

OVERVIEW

Daili UIのお題をもとに作成しました。 ※制作時間には画像選定、加工時間も含まれます

YEAR 2021

#011 Flash Message


アップロード結果のアニメーション

  • アプリに情報をアップロードする際のアニメーションを想定
  • 審査中:青→成功:緑、失敗:赤 のカラーリングで結果を分かりやすく表現
  • 成功:チェック、失敗:バツ と連想しやすいマークを付与し、やりわかりやすく
  • 使用ツール:XD
  • 制作時間:1h


#012 E-Commerce Shop(Single Item)

ドリンクのオンライン注文

  • ドリンクショップのオンライン注文を想定
  • 配色でドリンクの味のイメージを表現
  • 個数入力とカートに追加ボタンは画面下に固定し、カスタマイズする/しないユーザーどちらも使いやすく
  • 使用ツール:XD
  • 制作時間:3.5h


#013 Direct Messaging

相手のメッセージにリアクションを送れるチャットアプリ

  • 相手からのメッセージへ簡単にリアクションを送れるチャットアプリを想定
  • 文字やスタンプだけでなく相手のメッセージに直接リアクションを送ることで、感情を伝わりやすくしコミュニケーションをより活発に
  • 最新メッセージの右横にボタンを設置し、押下することでリアクション一覧を表示
  • リアクション一覧右端に「+」を押下してよく使うリアクションを編集できる想定
  • 自分が送ったリアクションは相手のメッセージ右に表示される
  • 使用ツール:XD
  • 制作時間:2.5h