マガジンのカバー画像

UIトレース

21
運営しているクリエイター

#トレース

ビジネス構造 , 実装方法まで探る徹底したUI/UXトレース分析 〜Ubereats編〜

ビジネス構造 , 実装方法まで探る徹底したUI/UXトレース分析 〜Ubereats編〜

今年ももうすぐ終わりですね。
昨日が仕事納めで落ち着いたので、noteを更新したいと思います!

今回は、入社直後の会社の研修でやらせていただいたUI/UXトレース分析についてです。この研修をやらせていただいたことで個人的に凄く知見が増えました。

そこで、会社にnoteで発信していいか聞いたところ快く承諾してくださったのでまとめてみました。

私が就職前にやっていたUIトレースでは、画面のトレー

もっとみる
お洒落サイトをトレースしてみた【実践編】

お洒落サイトをトレースしてみた【実践編】

こんにちは。デザイナーになりたい神戸の新社会人m(@maima_1107)です。まるまるしたねこを一匹飼っています。

前回noteで、「なるほどデザイン」に出てくるデザインのプロセス
①デザインの方向性を考える
②骨格をつくる
③キャラを立てる
④足し算、引き算をする
⑤ブラッシュアップ
を参考にして、トレース、分析、言語化を行いました。

🎨前回:お洒落サイトをトレースしてみた【第一弾】ht

もっとみる
Twitterアプリをトレース&ガチ考察してみた

Twitterアプリをトレース&ガチ考察してみた

UIデザインの練習として、Twitterアプリのトレースをしたのですが、ググってみると「Twitterアプリをトレースしてみたよ!」という記事が山のように出てきました。
普通にトレースしてもなんの面白みもないですし、
誰にも負けたくないので、

自分なりの“ガチ考察”で、自分のインプット量を増やそうと考えました。
それではいきましょう。

(この記事を読んでいただいた先達さんで「それはちげえぞ!」

もっとみる
Instagramアプリをトレース&ガチ考察してみた

Instagramアプリをトレース&ガチ考察してみた

トレース&ガチ考察シリーズ(?)第2弾は、なんと!!
Instagramです!!!(超ベタ)

前回のTwitterトレースは、トレース考察が初めてだったということもあり、主にUIの観点で気づいたことを単純に羅列していくスタイルでした。

しかし実際にアプリを使うのはユーザーなので、今回は実際にアプリを触りながら「ユーザー視点」の考察をしてみようと思っています。

それではいきましょう!

気づき

もっとみる
LINEアプリをトレース&ガチ考察してみた

LINEアプリをトレース&ガチ考察してみた

トレース&ガチ考察シリーズ第3弾は、LINEです!!

前々回はTwitter、前回はInstagramと、おおよそUIデザイナーを目指す人がトレースする定番とも言えるアプリ達を、ほとんど思考停止でトレースしました。
そのため、「次…なにすればええんや?」となっていました。

ここで一旦トレースをやめて、他の方法でインプット&アウトプットしてもいいかな〜と考えたのですが、まだトレースでのインプット

もっとみる