UIデザイン初心者がキュレーションメディアを1ヶ月間トレースしてみた!

こんにちわ!現在大学3年でモスティープレイスという会社でデザイナーのインターンをしています、田島美鈴 @abcmisuzuです。

この記事では、デザイン初心者がキュレーションメディアのUIトレースをしてみてのどんな気づきがあったのかや、どんな成長が実感できたかを書いていきます。

UIトレースを始めたキッカケ

現在デザイナーとしてお仕事を初めて3ヶ月が経ちましたが、これからの自分の将来像に

もっとみる

今更じゃない、Bootstrap!デザイナーの視点で、美味しい活用方法を紹介します

こんにちは。最近トレース記事をupできていませんが、近いうちまとめ的なものを出したいと思っています。

今回は、以前会社のオウンドメディアで書いたBootstrapの記事に、編集を加えて載せてみました。Bootstrapって聞いたことあるけどよくわからない、Bootstrapってなんだ、どこにレスポンシブを打ったらいいのかわからない!という方に読んでいただきたいです。

Bootstrapってなに

もっとみる

UIトレース#1:旅行アプリ"Trip.com"

トレースの前に、
旅行アプリを使う時の4つのユーザーニーズ

3つの旅行アプリを考察した結果、
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
1. 場所:行きたい場所を決めたい。
2. 手段:行きたい場所は決まってる。どうやって行こうか。(泊まろうか。)
3. 時期:この時に、どこかへ行きたい。
4. 価格:何も決まってないけど、とりあえず旅行に行きたい。
ーーーーーーーーーーーー

もっとみる

1日1アプリトレース - 音楽アプリ Apple music/LINE MUSIC/AWA/Shazam/spotify/amazon music

今回は、音楽アプリの考察です〜

音楽アプリは全て解約してしまって、今はyoutubeで音楽聴くので、全部今回のためにプレミアム登録しました(解約忘れたら死ぬやつ)

そもそも、それぞれの音楽アプリのユーザー数や特徴を調べるところからスタートしました!

▼ユーザー数の順位

▼それぞれの音楽ストリーミングアプリの特徴

✔️Spotify
・洋楽に強く、邦楽に弱い
・レコメンド機能で好きそうな曲

もっとみる

動画配信アプリトレース4週目 -schoo/youtube/Mirrativ/SHOWROOM/AbemaTV/17 Live/TikTok/LINE LIVE/トークルーム

今回は、トレースというよりは動画配信を伴うアプリの考察&感想を書きます!(パソコンで見ることをオススメします)

なぜ動画配信アプリを選んだかというと、
①動画配信を伴うアプリのヒアリングを受けた時に、他のアプリのUI/UXが気になったから
②ゲームの世界観に近い部分があり操作が複雑なので、初めてアプリを使う人にどのように使い方を伝えているかという観点で、ガイドやウォークスルー画面、アニメーション

もっとみる

アプリトレース3週目 -LIPS/メルカリ/note/minimo/Meily/TRIBEAU/Lucmo

まだサボってません!!!!
アプリトレースというかアプリ考察3週目のnoteです〜

LIPS

【トレース】

【考察】

メルカリ

【トレース】

【考察】

note

【トレース】

【考察】

minimo

<トレース>

<考察>

美容整形アプリ『Meily』『TRIBEAU』『Lucmo』を比較

今回はトレースではないですが、大事な画面をsketchに並べて比較してみました〜

もっとみる

UIトレース記録 Spotify編

こんにちは,ろりこです。

2回目のUIトレースはSpotifyです。

UIトレース

英語フォントは全てSF Pro Text Boldだと推測されました。サイズはタブを除いて大きくて17, 小さくて13でした。色は主に黒(#121212),グレー(#282828),白(#FFFFFF)で構成され,左上に茶色に近いオレンジでグラデーションがつけられていました。タブバーのアイコンは表示しているも

もっとみる

Schoo × cocoda! Eギフトアプリをデザインしよう!

お題の提出期限には間に合わなかったけど、ホーム画面 / 検索画面 /決済画面(送信画面)を制作してみました〜!

(フリー以外のgoogle検索で表示された写真を拝借してごめんなさい・・・商用利用じゃないのでご容赦くださいm(_ _)m )

要件定義

【ターゲット】
・20代の男女
・スマホをよく使う
・友人や同僚とよく話す

【参考にしたアプリ】
TANP / Anny / Giftee /

もっとみる

SNSアプリのトレースと考察 -アプリトレース2週目

2週目のアプリトレースはSNSアプリ!

1週目はtwitterで毎日投稿していたんだけど、フォロワーに迷惑すぎるので、今後は1週間ごとにまとめてnoteに書いていこうかなと思います〜

ただ、evernoteに毎回考察書いていて、写真もnoteに全部一つずつ挿入していると効率悪くて仕方ないから、スクショで構成されたnoteになっています・・・(見にくくて申し訳ないです)

誰のためになるかわから

もっとみる

UIトレース記録1 Twitter編

お久しぶりです。ろりこです。

UIデザイナーになると決めたものの,あまり動き出せていない自分がいます。

知識不足の障害は経験で補える部分があるので,とりあえず軌道に乗るまで温かい目で見守ることにしました。

とりあえず,この二日間でUIトレースをゆっくりやってみたので自分で評価しようと思います。

分からなかったことなど雑多に記録しておきます。

背景

私がUIトレースをしようと考えたのは,

もっとみる