のきゆ

デザインの勉強をしていた時のログ。色々あり更新が止まっています

のきゆ

デザインの勉強をしていた時のログ。色々あり更新が止まっています

最近の記事

  • 固定された記事

好きなデザイナー・デザイン10選

専門学校の授業開始日が延びています。本来4月から始まるはずだった授業は、5月8日開始(しかもオンライン)になってしまいました。 私の担任となってくれる先生はメールを通じて、授業開始までの課題というか過ごし方の指針を送ってくれました。それは「好きなデザイナーやデザイン(アートや写真の分野に広がっても良い)を10人(10個)見つけること」、併せて、「収集した情報を記録しておく習慣をつけること」でした。 私は恥ずかしながらデザイナーさんの名前に尽く疎くて、パッと「誰々のデザインが

    • DailyUI 41 Workout Tracker

      41日目はWorkout Tracker。アクティビティの表示や記録を行うアプリ系はこれまにも割と作っていたので、今回は運動中に見るジムの機器のトラッカーにしました。 どんなサービスを想定したか・ランニングマシンの操作画面 どんな時のUIか ・TVモードでランニング中 画像 工夫した点 ・ぱっと見たい数値(走行距離や消費カロリーなど)はテレビ視聴の邪魔にならないよう下部にまとめ、上にスワイプすることで画面を拡大して調整や詳細データの閲覧ができるようにした ・項目名太字

      • DailyUI 40 Recipe

        40日目はレシピ。レシピサイトのUIはOnboardingの日に作ったしな〜と思ったのですが、何も料理のレシピだけではないか…と思ったので別ジャンルのレシピで挑戦しました。他にもDIYレシピとか、カードゲームの強化や合成のレシピとか、意外と幅広くできるテーマだなと思います。 (レシピサイトのUI作った時の記事はこちら↓) どんなサービスを想定したか ・手作り化粧品のレシピを投稿/閲覧できるウェブサイト どんな時のUIか ・あるレシピを閲覧している時 画像 工夫した点

        • DailyUI 39 Testmonials

          39日目のお題「Testmonials」は相変わらず「なんて???」という感じのお題でした。調べたら「お客様の声」と出てきて「User's voice」とかじゃないんだ…!とびっくりしたり(結構この表記も見かけませんか…?) どんなサービスを想定したか ・コーヒー豆を販売しているウェブサイト どんな時のUIか ・ある商品の詳細を閲覧している時 画像 工夫した点 ・恐らく全てのレビューは載せないだろうなと思いつつ、自分ならどこの誰か知らない人の意見をいきなり読むより先に

        • 固定された記事

        好きなデザイナー・デザイン10選

          DailyUI 38 Calendar

          どんなサービスを想定したか ・60代がターゲットの健康管理アプリ(タブレット) ・複数人で共有でき、健康に関わる予定やメモや投薬などが記録できる どんな時のUIか ・今月の予定を月毎で見ている時(起動時の画面から「予定を見る」で遷移した想定) ・複数の予定(ラベル)とメモ(アイコンと文章)が登録されている状態 画像 工夫した点 ・高齢者中心の利用を想定しているので、カレンダーの区切り線をきっちり引いて境目(タップ領域)をわかりやすくした ・ラベルで表している予定が一番重

          DailyUI 38 Calendar

          DailyUI 37 Weather

          どんなサービスを想定したか ・天気情報を配信しているウェブサイト どんな時のUIか ・渋谷区の天気情報にアクセスした時 画像 工夫した点 ・人は天気が知りたいのではなく、天気をもとにどういう行動をとった方が良いかを知るために天気予報を見るのではないかと思った。そのため天気/気温/降水確率と同じ階層に天気ごとの行動アドバイスを入れた(いっそ天気/気温/降水確率が無くても良い?とも考えたが、行動アドバイスの根拠として見られた方が安心感があるし、行動アドバイスで拾えない部分は

          DailyUI 37 Weather

          DailyUI 36 Special Offer

          36日目はSpecial Offer。最近ネットショッピングが多くなったのでセールのお知らせなども受け取ることが多くなりました。それもあってどんな出方だったら嬉しいか考えながら作れたかな…と思います。 どんなサービスを想定したか・家電量販店の通販サイト(若干高級・お洒落路線のブランドを想定) どんな時のUIか ・トップページを訪れた時 画像 工夫した点 ・全商品ではなく対象商品が限られるセールなので、全画面やポップアップなどで操作を妨げて強烈にアピールすると対象商品じ

          DailyUI 36 Special Offer

          DailyUI 35 Blog Post

          35日目はBlog Post。中学生の頃最初に使ったのがJUGEMブログかFC2ブログで、その後はてなブログ使ったりnote使ったり…と色々使ってきましたがサービスによって投稿の見た目も結構違いますよね。ヤプログかなんかはデコ絵文字みたいな機能があって見た目めちゃくちゃキラキラしてた印象… どんなサービスを想定したか・ブログを投稿したり閲覧したりできるスマホアプリ。ホームタブを設けてフィードが流れるようにしているため、割とnote的な立ち位置かなという感じをイメージして作り

          DailyUI 35 Blog Post

          DailyUI 34 Car Interface

          お題見た瞬間に車乗らんし!!!!!!!!!!!!と思って頭抱えた34日目、Car Interfaceです。運転中のメーターみたいなのはもちろんカーナビすら見慣れてない… かなり想像ベースになってしまいましたが良い体験にはなったと思いたいです。 どんなサービスを想定したか・カーナビ どんな時のUIか・目的地へのナビゲーション中 画像 駐車中の感じも作ろうとしたけどバックミラー画像の素材がなくて諦めた 工夫した点・操作するのは運転手が多いだろうと思ったので右側(運転手側

          DailyUI 34 Car Interface

          DailyUI 33 Customize Product

          1/3終わった!33日目は何かのカスタマイズをする画面です。小さい頃どこかの博物館で自分の好みの色・形の車を画面上で作れるコーナーに延々入り浸っていたのでこういう楽しい仕組みは大好き… どんなサービスを想定したか・20〜30代女性向けの化粧品通販サイト ・一部商品においては、ケースや刻印などを選んでカスタマイズすることができる どんな時のUIか・リップをカスタマイズしている時の画面 ・お店でタッチアップ→好きな見た目にカスタマイズする という流れもあるかも、と思ったのでお

          DailyUI 33 Customize Product

          DailyUI 32 Crowdfunding Campaign

          32日目はクラウドファンディングのキャンペーン画面。クラウドファンディング、募集も参加もしたことがないのでどんな項目があったら良いのか分からず作りました(事前に見ちゃうと引っ張られそうだったので…) どんなサービスを想定したか・クラウドファンディングのプラットフォームアプリ。自分が支援したプロジェクトの状況とか、頻繁に見るとなるとアプリがあっても良いのかな?と思ったので… どんな時のUIか・実施中のキャンペーン一覧から募集中のキャンペーンを一つ選んで閲覧している時 画像

          DailyUI 32 Crowdfunding Campaign

          読書ログ:Hacking Growth グロースハック完全読本

          Hacking Growth グロースハック完全読本の感想です。 kindle版が物理版の半額でした。安い。 何を期待して読んだか/なぜ読んだか ・仕事で行き詰まっていたから ・UX DAYS TOKYOの読書会の題材になっていて、自分に締切を課すにはちょうどいいなと思ったから 役に立った情報は何か(かいつまんで) アハ・モーメントの概念 アハ・モーメントとは、顧客がサービスの有用性を感じてくれる瞬間のこと。Twitterの事例では「興味を持っている人からのニュース・近

          読書ログ:Hacking Growth グロースハック完全読本

          DailyUI 31 File Upload

          31日目はFile Upload。何日目だったか、フラッシュメッセージUIを考える時にたまたまアップロードのUIを作っていたのですが、今回は別のものを一から作りました。 どんなサービスを想定したか・コミュニティ内でファイルを共有できるサイト(PC/スマホ対応) ・png、jpg、pdf、Aiなど色々な種類のファイルが共有できる どんな時のUIか・「2019夏合宿」のアルバムから「ファイルを追加」を押し、カメラロールから写真をアップロードしている時 画像 工夫した点・誤

          DailyUI 31 File Upload

          DailyUI 30 Pricing

          30日目はPricing。在宅勤務で通販の利用が増えたので価格の類は色々見ているはずなのですが、どんなだったか全然残ってなかったです… どんなサービスを想定したか・オンライン予備校の公式サイト。予備校の情報スマホで調べるかなあ…と思ったのですが、自分の母世代が全然パソコン使わずスマホメインになってるのを鑑みてスマホ版で作ってみました どんな時のUIか・「受講プラン」のリンクをタップした時。プランごとの内容・料金が書かれているページにしました 
画像 プランの特徴や価格

          DailyUI 30 Pricing

          DailyUI 29 Map

          29日目はマップのデザイン。 マップを一から作るのではなく既存マップ(Googleマップとか)にマッピングしていく方がユーザーの慣れ的にもいいんじゃ…と思いながら作ってしまいました。iPhone使っててもGoogleマップ使ってる人が周りに多かったので… どんなサービスを想定したか・ペットを飼っている人向けの地図サイト(スマホ閲覧) ・犬の散歩ルートや周囲の地点のメモ(ここに水道がある、怖い犬がいるなど)が記録できる どんな時のUIか
・地図上にピンを置いてアイコンや説明

          DailyUI 29 Map

          DailyUI 28 Contact Us

          どんなサービスを想定したか・布団メーカーのコーポレートサイト どんな時のUIか・「お問い合わせ」から「法人の方」「取材に関するお問い合わせ」を選んだ時 画像 工夫した点・何でもかんでも入力フォームに着地させず、問い合わせ内容や問い合わせたい人の立場によって適切なページに誘導するようにした(「個人」「商品在庫の問い合わせ」の人には店舗に直接の方が早いので店舗一覧のページへのリンクを出すなど) ・今回は法人向けの問い合わせフォームなので名前と所属会社を入れる欄は省略した(自

          DailyUI 28 Contact Us