読み込み中...
読み込み中...
戻る
TRAINING
01
説明
お薬手帳UIをリデザイン
ふつうのUIで価値を感じられるUI体験に゙リデザインしよう
# 情報アーキテクチャ ## お薬手帳の UI を”ふつうの UI”でリデザインしましょう ### 🙋🙋♀️ こんなお題です - お薬手帳アプリの「お薬手帳画面」のみのリデザインにチャレンジしてみましょう。 - この画面は機能は満たせていますが、”ふつうの UI”パターンではない箇所が多く、操作が難しくユーザーが価値を感じるための操作がやりづらい状態になっています。 - 参考 UI を集め、そこから基本パターンを盗んで、ふつうの UI パターンでリデザインしてみましょう。  ※ 下のセクション:「素材はこちら」で Figma で以下のリデザイン対象 UI を確認できます。 ## デザインに必要な素材 ### 🙋🙋♀️ 素材はこちら - こちらの Figma にアクセス、コピー&ペーストで自分の Figma にデータを持ってきてデザインをはじめましょう - [データはこちら](https://www.figma.com/design/D1uluKgh1qucbYOBW8DoHa/UI%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%9F%BA%E6%9C%AC%E5%8E%9F%E5%89%87?node-id=0-1&t=rRIN3BoAWHv3ccHK-1)  ## チャレンジ内容 ### 🚩 普通ではない点をリデザイン - 改善するべき点をまず列挙しよう - 改善点ごとに参考になる”ふつうの UI”を探そう - リデザインしましょう ## アウトプットするもの ### デザインしよう 💪 - アプリ UI のデザインデータ - OS:iOS / Android ※自分のスマホに合わせましょう
トレーニングに戻る
戻る
TRAINING
01
説明
お薬手帳UIをリデザイン
ふつうのUIで価値を感じられるUI体験に゙リデザインしよう
# 情報アーキテクチャ ## お薬手帳の UI を”ふつうの UI”でリデザインしましょう ### 🙋🙋♀️ こんなお題です - お薬手帳アプリの「お薬手帳画面」のみのリデザインにチャレンジしてみましょう。 - この画面は機能は満たせていますが、”ふつうの UI”パターンではない箇所が多く、操作が難しくユーザーが価値を感じるための操作がやりづらい状態になっています。 - 参考 UI を集め、そこから基本パターンを盗んで、ふつうの UI パターンでリデザインしてみましょう。  ※ 下のセクション:「素材はこちら」で Figma で以下のリデザイン対象 UI を確認できます。 ## デザインに必要な素材 ### 🙋🙋♀️ 素材はこちら - こちらの Figma にアクセス、コピー&ペーストで自分の Figma にデータを持ってきてデザインをはじめましょう - [データはこちら](https://www.figma.com/design/D1uluKgh1qucbYOBW8DoHa/UI%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%9F%BA%E6%9C%AC%E5%8E%9F%E5%89%87?node-id=0-1&t=rRIN3BoAWHv3ccHK-1)  ## チャレンジ内容 ### 🚩 普通ではない点をリデザイン - 改善するべき点をまず列挙しよう - 改善点ごとに参考になる”ふつうの UI”を探そう - リデザインしましょう ## アウトプットするもの ### デザインしよう 💪 - アプリ UI のデザインデータ - OS:iOS / Android ※自分のスマホに合わせましょう
トレーニングに戻る
お薬手帳UIをリデザイン | トレーニング | BONO | BONO