1.DailyUI#082のお題82日目のお題は「フォーム」。 マッサージ店の予約フォームを制作しました。 2.ざっくりワイヤー 3.制作したデザイン 4.デザインする上で考えたこ…
1.DailyUI#081のお題81日目のお題は「ステータスの更新」。 ビジネス用のコミュニケーションツールにおける自分のステータス更新画面を想定して制作しました。 2.ざっく…
1.DailyUI#080のお題80日目のお題は「日付ピッカー」。 宿泊予約アプリの日付選択画面を制作しました。 2.ざっくりワイヤー 3.制作したデザイン 4.デザインする上で考…
1.DailyUI#079のお題79日目のお題は「旅程」。 旅程管理アプリの画面を制作しました。 2.ざっくりワイヤー 3.制作したデザイン 4.デザインする上で考えたこと複数人で…
1.DailyUI#078のお題78日目のお題は「招待」。 架空のビジネスチャットアプリの招待メール画面を制作しました。 2.ざっくりワイヤー 3.制作したデザイン 4.デザインす…
1.DailyUI#077のお題77日目のお題は「Thank youページ」。 ECアプリの注文完了画面を制作しました。 2.ざっくりワイヤー 3.制作したデザイン 4.デザインする上で考えた…
1.DailyUI#076のお題76日目のお題は「読み込み中」。 読み込み中の待ち時間が楽しくなるようなデザインを考えるとのことだったので、AIチャットアプリの返信待ちの時間に…
1.DailyUI#075のお題75日目のお題は「事前注文」。 モバイルオーダーができるコーヒー専門店のアプリ画面を制作しました。 今回はCRISP SALAD WORKSのアプリ画面を参考に…
1.DailyUI#074のお題74日目のお題は「アプリのダウンロード」。 個人で制作したチャットアプリのダウンロードページを想定して制作しました。 2.ざっくりワイヤー今回は…
1.DailyUI#073のお題73日目のお題は「仮想現実」。 VRで体験する仮想空間の美術館を想定して制作しました。 2.ざっくりワイヤー 3.制作したデザイン 美術館の画像は拾…
1.DailyUI#072のお題72日目のお題は「スライダー」。 スライダーとは、あらかじめ定められた範囲の数値を選択させたい時に使用する選択フォームです。 ファッション通販ア…
1.DailyUI#071のお題71日目のお題は「スケジュール」。 googleカレンダーを参考に制作しました。 2.ざっくりワイヤー 3.制作したデザイン 4.デザインする上で考えたこ…
1.DailyUI#070のお題70日目のお題は「イベントリスト」。 遊園地のHP内イベントページを想定して制作しました。 2.ざっくりワイヤー 3.制作したデザイン 4.デザインす…
1.DailyUI#069のお題69日目のお題は「トレンド」。 ファッション系の通販アプリのトレンドページを制作しました。 2.ざっくりワイヤー 3.制作したデザイン 4.デザイン…
1.DailyUI#068のお題68日目のお題は「フライト検索」。 googleのフライト検索画面を参考に制作しました。 2.ざっくりワイヤー 3.制作したデザイン 4.デザインする上で…
1.DailyUI#067のお題67日目のお題は「ホテルまたはバケーション レンタルの予約」。 ホテル探しアプリのホテル詳細画面を想定して制作しました。 2.ざっくりワイヤー 3.…
さる
2024年5月17日 10:42
1.DailyUI#082のお題82日目のお題は「フォーム」。マッサージ店の予約フォームを制作しました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたこと・メニュー選択→日時選択→確認→完了の流れで進ことがわかるよう、プログレスインジケーターを入れる・近い日にちを選びたい場合と、少し先の予約をしたい場合があるのでカレンダーアイコンを入れる・選択した日の予約可
2024年5月16日 11:05
1.DailyUI#081のお題81日目のお題は「ステータスの更新」。ビジネス用のコミュニケーションツールにおける自分のステータス更新画面を想定して制作しました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたことステータスをテキストフィールドで入力するか、選択肢の中から選択することができるステータスの表示時間の設定ができるようにした5.反省点アカウント設
2024年5月15日 10:40
1.DailyUI#080のお題80日目のお題は「日付ピッカー」。宿泊予約アプリの日付選択画面を制作しました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたことチェックイン日とチェックアウト日の表記を入れて確認しやすいようにリセットボタンを押して選択のやり直しができる今日の日付を線で囲んでわかるように5.反省点リセットボタンの位置が中途半端で、存在に
2024年5月14日 11:07
1.DailyUI#079のお題79日目のお題は「旅程」。旅程管理アプリの画面を制作しました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたこと複数人で共有できることを想定1日ごとにタブ切り替えでその日の旅程を確認できる予定時刻通りにスケジュールをこなせない場合もあるので、完了した行程はユーザー自身がチェックマークを入れて記録できるように行く場所のマ
2024年5月13日 10:01
1.DailyUI#078のお題78日目のお題は「招待」。架空のビジネスチャットアプリの招待メール画面を制作しました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたことなんのサービスからの招待なのかが一目でわかるように上部にロゴを入れるはじめに招待されたことを明示するテキストを入れる誰に招待されたのかを明確にして安心感を与えるために招待した人のアイコンを
2024年5月12日 22:14
1.DailyUI#077のお題77日目のお題は「Thank youページ」。ECアプリの注文完了画面を制作しました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたこと・ユーザーが気になるであろうお届け予定日を目立つように表示する・注文内容が間違っていないか確認できるように詳細確認ボタンを作る・キャンセルや返品交換はそれぞれリンクを設置して目的別に内容を確認
2024年5月10日 09:51
1.DailyUI#076のお題76日目のお題は「読み込み中」。読み込み中の待ち時間が楽しくなるようなデザインを考えるとのことだったので、AIチャットアプリの返信待ちの時間に表示されるアニメーションを考えました。本当はGIFを作りたかったのですが、私には難しかったのでイメージ画像のみです。2.ざっくりワイヤー3.制作したデザイン顔文字のアイコンの口角が上がり、花火のようなキラキラ
2024年5月9日 12:10
1.DailyUI#075のお題75日目のお題は「事前注文」。モバイルオーダーができるコーヒー専門店のアプリ画面を制作しました。今回はCRISP SALAD WORKSのアプリ画面を参考にしています。2.ざっくりワイヤー3.制作したデザインお店を探す画面を制作しました。4.デザインする上で考えたこと店舗ごとの待ち時間をボールドで表示して、待ち時間を把握した状態で店舗選択ができ
2024年5月8日 11:49
1.DailyUI#074のお題74日目のお題は「アプリのダウンロード」。個人で制作したチャットアプリのダウンロードページを想定して制作しました。2.ざっくりワイヤー今回はワイヤーなしです。3.制作したデザイン4.デザインする上で考えたこと・アプリの機能を伝える3行のキャッチコピーを添えて、どんなアプリなのかがわかるように・QRコードを読み込めばスマホから簡単にインストールできる
2024年5月7日 12:19
1.DailyUI#073のお題73日目のお題は「仮想現実」。VRで体験する仮想空間の美術館を想定して制作しました。2.ざっくりワイヤー3.制作したデザイン美術館の画像は拾ったものを使用しています。4.デザインする上で考えたこと作品近づくと作品の音声解説を聞くことができる。解説の気になったところを再度聞き直すことができる次の作品がどこにあるのか、わかりやすい目印を入れた
2024年5月6日 11:26
1.DailyUI#072のお題72日目のお題は「スライダー」。スライダーとは、あらかじめ定められた範囲の数値を選択させたい時に使用する選択フォームです。ファッション通販アプリ内の商品を値段で絞り込める機能をデザインしました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたこと探したい価格帯をざっくり絞りたいときに使うことを想定して、下限と上限それぞれを感覚的に
2024年5月5日 11:36
1.DailyUI#071のお題71日目のお題は「スケジュール」。googleカレンダーを参考に制作しました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたこと・右上の表示切り替えボタンで「1日」、「週」、「月」の表示を切り替えられるようにした。・現在時刻を色つきの線で表示して、大体今何時ごろで次のスケジュールまでにどれくらい時間があるのかを把握しやすいように
2024年5月4日 14:28
1.DailyUI#070のお題70日目のお題は「イベントリスト」。遊園地のHP内イベントページを想定して制作しました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたこと・イベントの内容によっては小さいお子さんや車椅子での利用が難しいものもあると考え、対象の人があらかじめ条件を絞って検索できるよう絞り込み機能をつけた・各イベントのカード左下に対応している条件の
2024年5月2日 14:25
1.DailyUI#069のお題69日目のお題は「トレンド」。ファッション系の通販アプリのトレンドページを制作しました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたこと・気になるアイテムごとにトレンドを見られるようにカテゴリーの絞り込み機能を入れた・トレンドらしいスタイリッシュな雰囲気が出るよう、写真の縦幅はアイテムごとにバラバラにして不規則な配列に見えるよ
2024年5月1日 22:22
1.DailyUI#068のお題68日目のお題は「フライト検索」。googleのフライト検索画面を参考に制作しました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたこと・途中離脱を防ぐため、手続きにかかるステップと現在地を可視化し、ユーザーのストレスを軽減させる・検索条件を確認しやすいよう、情報をすっきりと簡潔に表示・画面上部の検索条件が表示されているハ
2024年4月30日 12:05
1.DailyUI#067のお題67日目のお題は「ホテルまたはバケーション レンタルの予約」。ホテル探しアプリのホテル詳細画面を想定して制作しました。2.ざっくりワイヤー3.制作したデザイン4.デザインする上で考えたこと宿泊先選びで初めに確認したいのは部屋の雰囲気だと思ったので、画面上部に大きめに部屋の写真を入れました。他の宿泊客の口コミ情報を参考にする人は多いと思うので、口コ