sai

UIの勉強中。 将来なにかできればなあと思いながらDailyUIに取り組んでます。 …

sai

UIの勉強中。 将来なにかできればなあと思いながらDailyUIに取り組んでます。 主にCocoda! で勉強してます▶ https://cocoda.design/sai1

Daily UI #028

こんにちは、saiです！ 今回は、美容院予約サイトの404ページに取り組みました！ 完成までのプロセス①思いつくワードを書き出す ・27歳→スマホで予約する ・流行りは必ずチェック→他の人のもの、芸能人、世界 ・インフルエンサー好き→ファッションの参考にしてる、 ・自分磨き→鏡、リップ、メイク、ヘアケア ↳メイク用品でかわいい雰囲気のページ ②伝えたいことを整理する ・イラストのかわいい ・写真のかわいい ↳イラスト　＞　写真 ③含まれる情報を考える ・40

sai

    • Daily UI #027

      こんにちは、saiです！ 久しぶりにDaily UIに取り組みました！ 今回はクレジット情報の入力画面です。 完成までのプロセス①思いつくワードを書き出す ・慎重派→セキュリティの心配、本当に浸透するのか ・Newbalance→シンプルだけど優等生 ・都内在住→キャッシュレス決済できるところたくさんある ・実はキャッシュレスしたい→使い方わからない、どうやって入力するかわからない ↳何をどこに入力するのかわかりやすい画面 ②伝えたいことを整理する ・視覚的なわ

      sai

      • Daily UI #026

        こんにちは！saiです。 今回は、クイズゲームのランキング画面に取り組みました。 完成までのプロセス①思いつくワードを書き出す ・ゲーム好き→スマホゲーム ・友達とマック→一緒に遊ぶ ・パズドラ→パズルゲーム ・謎解き→経過時間 ・勉強の息抜き→手軽にできる ・負けず嫌い→友達と競い合う、全国で競い合う ↳フレンドとの差がわかりやすいランキング画面 ②伝えたいことを整理する ・友達同士の比較 ・自分と友達の比較 ↳自分と友達の比較　＞　友達同士の比較 ③

        sai

        • Daily UI #025

          こんにちは！saiと申します。 今回は、決済アプリのリワードモーダルに取り組みました。 完成までのプロセス①思いつくワードを書き出す ・財布持たない→シンプル、ミニマム ・電車はSuica→iPhoneで支払う、ワンタッチ ・コンビニ好き→手軽 ・手軽→ワンタッチ、操作回数が少ない ・Airpods→いらないものを省く ・ミニマム→シンプル ・買い物が楽しい→買った後の嬉しさ、達成感 ↳シンプルで操作回数が少ない手軽なアプリ ②伝えたいことを整理する ・シ

          sai

        Daily UI #028

        sai

          Daily UI #024

          こんにちは、saiです。 今回は、通話中画面をつくりました。 完成までのプロセス①思いつくワードを書き出す・Mtgは基本オンライン→情報の共有、チャット、映像、音声、資料 ・デスク周りスッキリ→スッキリ整理したい、ごちゃごちゃは嫌 ・ノマドワーク(様々な場所で仕事する)→背景、ワンタッチでカメラオフやマイクオフ ↳通話画面がスッキリしており、機能が優れている ②伝えたいことを整理する ・機能(情報共有、チャット、背景、資料) ・手軽(ワンタッチ、画面スッキリ)

          sai

          Daily UI #024

          sai

          Daily UI #023

          こんにちは、saiと申します！ 今回はメディアアプリのフィード画面に取り組みました。 完成までのプロセス①思いつくワードを書き出す ・初めての子育て→先輩ママさんの話 ・子育て情報→子育てに必要なものは？、出産準備は？ ・たまごクラブ→妊娠、出産、育児、快適お部屋づくり、やってはいけない ・ひよこクラブ→寝かしつけの技、他のママの24時間覗き見、離乳食が楽になる ・不安とワクワク→未来、 ・夫婦で協力したい→どういうことに気をつければよいのか、パパとママ両方の立場 ↳子

          sai

          Daily UI #023

          sai

          Daily UI #022

          こんにちは、saiと申します！ 今回はアプリ紹介画面(web)に取り組みました。 完成までのプロセス①思いつくワードを書き出す ・カジュアル→きっちりしてない、手軽 ・手軽さ→仕組みが複雑ではない、少ないステップで管理できる ・貯金したい→学費、家のローン、老後に備えて ・学費→コツコツとためたい ・共働き→収入源が複数ある、時間がない ↳簡単に使っているお金とためているお金がわかることを伝える ②伝えたいことを整理する ・手軽さ ・貯金できる(アプリを使用し

          sai

          Daily UI #022

          sai

          Daily UI #021

          こんにちは、saiと申します！ 今日は2回目の投稿です。 今回はソーシャルログイン画面に取り組みました。 完成までのプロセス ①思いつくワードを書き出す ・NIKE→かっこいい、外国人っぽい雰囲気 ・フィットネスアプリ→痩せる、筋肉をつける ・炭酸水→カロリー気にせず飲める ・スポーツウェア買った→形から入るタイプ？ ・ジムは高い→安いor無料でも継続してやれることが大切 ↳フィットネスのかっこいい雰囲気が伝わるログイン画面 ②伝えたいことを整理する ・かっこ

          sai

          Daily UI #021

          sai

          Daily UI #020

          こんにちは、saiと申します！ 今回はライブ配信アプリのライブ画面に取り組みました。 完成までのプロセス①思いつくワードを書き出す ・会話したい→コメント、視聴者参加型(アンケート)、ハート ・人気者→称号、ランキング、同時接続数 ・ポップ→かわいい、きらきら ・ハードルが高い→個人情報、見た目 ・誰でもスターになれる→Vtuber、加工、ゲーム実況、カラオケ、雑談 ↳個人情報をさらさずに視聴者と交流しながら配信できるライブ画面 ②伝えたいことを整理する ・視

          sai

          Daily UI #020

          sai

          Daily UI #019

          こんにちは、saiと申します！ 今回はECサイトの商品詳細画面に取り組みました。 完成までのプロセス①思いつくワードを書き出す ・カジュアル→キッチリしていない、お手軽 ・海外旅行→安くて短時間で行ける、複数都市に行く ・一人旅→女性ひとりでも安全か、ホテルはきれいか、評価 ・旅行費も気になる→費用での比較 ・煩雑な手続き→交通とホテルを分けて予約しないといけない、検索の条件が多い ↳簡単な条件で検索できる検索画面 ②伝えたいことを整理する ・検索の手軽さ(検

          sai

          Daily UI #019

          sai

          Daily UI #018

          こんにちは、saiと申します！ 今回はECサイトの商品詳細画面に取り組みました。 完成までのプロセス①思いつくワードを書き出す ・会社員、残業→時間がない、欲しい情報にすぐたどり着ける、おすすめ機能 ・ショッピングが好き→おしゃれになりたい、最新をおさえたい ・似合うか不安→サイズ感、色、形　(モデルの写真と着用サイズ) ・新しいもの好き→トレンド、カラーバリエーション、スタイリング ・雰囲気→服の細部、着てみたときの感じ、スタイリング例 ↳商品情報が文字と写真

          sai

          Daily UI #018

          sai

          Daily UI #017

          こんにちは、saiと申します！ 今回は家計簿アプリの支出記入画面に取り組みました。 完成までのプロセス①思いつくワードを書き出す ・カジュアル→ゆったり、気軽、格式ばってない ・手軽さ→簡単に記録できる、カテゴリ分けがシンプル、入力項目がシンプル ・貯金したい→支出の把握、定額預金 ・学費→将来を考えてコツコツとためたい、シミュレーション ・共働き→収入源が複数ある ↳シンプルな入力で簡単に記録できる家計簿アプリ ②伝えたいことを整理する ・カジュアルさ(ゆったり、気

          sai

          Daily UI #017

          sai

          Daily UI #016

          こんにちは、saiと申します！ 今回はニュースアプリのカテゴリ選択に取り組みました。 完成までのプロセス①思いつくワードを書き出す ・前向き→明るい話題、勉強欲 ・おしゃれ→シンプル、デザイン、髪色自由 ・電車通勤→スキマ時間、行きと帰りにチェックできる ・活字は苦手→イラスト、短文、図解 ↳ITニュースを画像やイラストでわかりやすく伝えるアプリ ②伝えたいことを整理する ・手軽さ(イラスト、短文、スキマ時間) ・おしゃれ(デザイン、シンプル) ↳　手軽さ　＞

          sai

          Daily UI #016

          sai

          Daily UI #015

          こんにちは、saiと申します！ 今日は2回目の投稿です。 今回はカメラアプリの撮影画面に取り組みました。 完成までのプロセス①思いつくワードを書き出す ・一眼も欲しい→本格的な撮影、見た目がかわいい ・instagram→日常で撮ったものを気軽にあげたい？ ・夕暮れ好き→ノスタルジーな感じが好き？ ・サブカル→ビレバン、一眼レフ、缶バッジ、ヘッドフォン、ニット帽、帽子、スニーカー ・Lightroom→写真の編集ごりごりにやりたい？ ↳初心者でもエモい写真が撮れ

          sai

          Daily UI #015

          sai

          Daily UI #014

          こんにちは、saiと申します！ 今回は読書アプリのグラフ画面に取り組みました。 完成までのプロセス①思いつくワードを書き出す ・週末は本屋へ→おすすめの本、新刊、レビュー ・podcast 　→音声をネットで配信するサービス？ 　→なにかしながら聞けるのが良い？ ・newspicks 　→専門家や著名人の解説コメントでニュースがわかるサービス 　→短い時間で情報が欲しい？ ・でもYouTube見ちゃう→手軽に見られる、自分の欲しい情報に早くたどり着ける ・読書が楽

          sai

          Daily UI #014

          sai

          Daily UI #013

          こんにちは、saiと申します！ 今回はカレンダー画面に取り組みました。 完成までのプロセス①思いつくワードを書き出す ・きっちり→シンプル、整列、色少なめ、細かく設定できる ・Mac→シンプル、美しい、余白の美 ・Oggi おしゃれもキャリアも。働く女性のWebメディア→大人、トレンド、おしゃれ ・スマート→洗練されている、しゃれている、近未来的、便利 ・自律 　→自分で立てた規範に従って、自分のことは自分でやっていくこと 　→時間単位でスケジュール ↳予定をシンプルに

          sai

          Daily UI #013

          sai