taki

Designer | Service, UIUX | 23新卒

taki

Designer | Service, UIUX | 23新卒

【UIデザイン】SNSの新規登録画面を考察

アカウント作成手順の最初の画面・各サービス、何で登録してもらいたいかによって、先に出す情報(メアド/電話なのかSNS連携なのか)を決めている印象 ・各サービス、登録の手順が簡単でわかりやすくて、新規登録での離脱が少なそうな印象 ・ログインしなくても使えるAirbnbとTikTokは半モーダルを使用している テキストフィールドInstagram ・1画面に1つの情報を入力して次々進んでいく
 ・キーボードがきても情報が隠れないよう画面上部のみを使用
 ・画面タイトル自体がラベ

taki

    • 【UXリサーチ】デザイン未経験だった学生によるユーザーインタビュー体験記

      UI/UXデザインをするにあたって必要となるユーザーインタビュー。最近、長期インターンや空いた時間で個人的にサービスをデザインする上で、とても重要であると気がついた一方で、これが難しい！先日個人製作した際の実体験や感想を踏まえつつ、本日の記事にしてみたいと思います！ ユーザーインタビューとはサービスを作る側がユーザーのペインを解消・解決、また現状より良くする方法として立てた仮説が、本当にそうなのか確かめるために実際にユーザーに聞くこと。ただ、そこで必ずしも正解を得られるわけ

      taki

      • 【UIデザイン】ClubhouseのUIトレースをして学んだこと

        こんばんは！今日はClubhouseのUIトレースをしました。 メイン画面気づき ・メインで使われているカラーのなかで、目立つのは緑色のみ ・この画面で使われるフォントカラーは黒よりも少し薄い(柔らかい)#333333のカラー 不明点 ・下のStart a roomのボタンの背面にBlurがかかっていたのですが、かけ方が分からなかった。 ルーム画面気づき ・ホーム画面からルームに入った時に左右の余白がなくなる→入室している感を出すため (？) ・名前のフォントカラ

        taki

        • 【UIデザイン】YoutubeのUIトレースをして学んだこと

          こんばんは。 今回はYoutubeのUIトレースを通してFigmaのツールの使い方を学んだので、それをアウトプットします！ トレースするにあたって、UIデザイナーのカイクンさんのYoutubeチャンネルを見ながら手順を真似して作ってみました。 以前noteに載せたTwitterとInstagramのUIのトレースをしたときは、スクショを下にひいて模写をし、アプリ自体の構造や文字と要素のサイズ感について学びました。 今回はプロの方の制作手順を見ながら制作したので、今まで

          taki

        【UIデザイン】SNSの新規登録画面を考察

        taki

        • 【UXリサーチ】デザイン未経験だった学生によるユーザーインタビュー体験記

          taki

        • 【UIデザイン】ClubhouseのUIトレースをして学んだこと

          taki

        • 【UIデザイン】YoutubeのUIトレースをして学んだこと

          taki

          【UIデザイン】InstagramのUIトレースをして学んだこと

          こんばんは！ 今日はInstagramのプロフィール画面のUIトレースをしてみました。使用ツールはFigmaです。 前回と同様、スクリーンショットを一番背面に置き、その上から文字の形や大きさを整えていく方法で行いました。 気づき・文字ブラックのみ(薄い色を使用していない) →サイズと太さを変えることで強調をつけている ・フォントサイズは基本的に12pxくらい （アカウント名は14px） ・ボタンにはシャドウをつけていない ・アイコンやボタンもブラックかグレーで、カ

          taki

          【UIデザイン】InstagramのUIトレースをして学んだこと

          taki

          【UIデザイン】TwitterのUIトレースをして学んだこと

          こんにちは！ 今回は私が今挑戦している「UX/UIデザイン」のアウトプットとして記事を書こうと思います。 (ちなみに私は大学3年から始めた就職活動の中で、偶然デザインの会社について知り、そこから興味を持って挑戦し始めました。) 今回はTwitterのプロフィール画面のUIトレースをしました。使ったツールはFigmaです。 スクリーンショットを一番背面に置き、その上から図形や文字の形や大きさを整えていく方法で行いました。 気づき・文字と図形の色はブラック、濃いグレー、薄い

          taki

          【UIデザイン】TwitterのUIトレースをして学んだこと

          taki

          アパレル廃棄削減に取り組む株式会社FINEでインターンをさせていただいた話

          今年の２月から３月にかけて、アパレル廃棄削減に取り組んでいる株式会社FINEでインターンシップをさせていただいた時のことを書こうと思います。 大学の課題を取り組む際にFINEを知るまずFINEを知るきっかけについて。大学２年生の秋にキャリアデザインという将来の働き方について考える授業がありました。その授業の最後に、興味のある職業の方や、素敵だと思う働き方をしている方に自分でアポを取ってインタビューしてまとめる、レポート課題が出ました。 恥ずかしながら私はそれまで”働く”と

          taki

          アパレル廃棄削減に取り組む株式会社FINEでインターンをさせていただいた話

          taki

          はじめまして！

          はじめまして、 名古屋在住の大学3年生の者です。 ８月に入り、春学期がもうすぐ終わろうとしています。新型ウイルスの影響で全ての授業がオンラインになってからはや４ヶ月。学校に行くことも友達に会うこともできないまま、夏休みを迎えようとしています。 私個人の話にはなりますが、予定していた９月からの交換留学も白紙になってしまいました。大学生活の中で一番目標にしてきたことだったので、中止が決まって辛い時期もありました。 そんなこんなで何とか過ごしてきましたが、いつまでも落ち込ん

          taki

          はじめまして！

          taki