mai

100日間デザインするエンジニア。

mai

100日間デザインするエンジニア。

Daily UI #6日目

6日目 User Profile 6日目のお題は「プロフィール画面」でした。 Daily Cocoda!にも同じテーマがあったので、そっちにも投稿してみました！ Daily Cocoda!で以下のようなペルソナが与えられていたので、今回はそれに合わせてデザインしてみました！ ターゲット プライベートも楽しむ働き盛りの女性 ＃26才女性　＃JILLSTUART　＃LUMINE　＃きれいめ　＃パステル　＃ネイル Point写真をメインにしたかったので、テキストなど他の要

mai

    • Daily UI #4日目 Calculator

      4日目 Calculator 4日目のお題は「電卓」でした。 いろいろな電卓を眺めてみると、「÷、×、+、-」の並びが一般的なようですね。 Point使用場面は、スーパーの買い物時を想定しています。 買い物時ということで、よく使うスマホの電卓アプリを主に参考にしています。 領域配分 いろいろな電卓を眺めていると、「＋」「０」「C」に領域を多く割くものが多く使用率の高さがうかがえます。買い物に使用される想定ということで、使用頻度が一番高そうな「＋」に一番面積を使用しま

      mai

      • Daily UI #3日目 Landing Page

        3日目 Landing PageDaily UIではなくWeekly UIになりました。 3日目のお題は「ランディングページ」でした。 今回はNetflixとAmazon Primeを参考に「動画サブスク」のLPを作成しました。 Point今回はユーザーになってもらうことを目標に、コンバージョンを無料体験登録にしました。 長さ LPって縦にものすごーく長いイメージがありました。 無料だったり認知度がすでに高い商材の場合は、付加価値をつけたり、営業する必要がないので

        mai

        • Daily UI #2日目 Credit Card Checkout

          2日目 Credit Card Checkout 2日目のお題は「クレジットカードの支払い」でした。 さっそく「シェア」が当てはめずらいお題でした。このサブスクの時代に「動画」を買う概念もよく分からなかったですが、映画やドラマのような作品を購入してダウンロードする想定をして「動画」を設定に当てはめます。 Point今回は購入画面なので「購入してもらう」ことを目標にし「離脱率を減らす」ことを意識してみました。 入力ステップ 人間はゴールがある方が進みやすい。 最初の入

          mai

        Daily UI #6日目

        mai

          Daily UI #1日目 Sign Up

          とある企業に新卒入社し、気が付くとエンジニアになってから早くも1年が経っていました。エンジニアがUI/UXの知識があることの重要性をものすごく感じた1年だったので、Daily UIにトライしながらUI/UXを学んでいこうと思います！ 全ての導線に意味を持たせる、インプットしたことをなるべく文字に残す、ことを目指して頑張ります！ 業務でWebシステムを作っているので、それに合わせてなるべくWeb画面用のデザインを考えることにしました。 1日目 Sign Up1日目のお題は

          mai

          Daily UI #1日目 Sign Up

          mai