UIデザイン観察

乙女心をくすぐるアプリのマイクロインタラクションを考察してみた

Web制作会社つみきにてデザイナーとして活躍してるユキコです!
私は弊社で唯一の女子デザイナーなのでアラサー女子ならではのフレッシュな視点から、女の子向け2つのアプリのマイクロインタラクションの考察をしたいと思います。

合理的思考が得意な男性よりも感覚的に見た目が可愛いいものや、なんか色が綺麗!っていう女性ならではの全体イメージをふんわり掴むような視点で、メイクやファッションなんかも選ぶ傾向があ

もっとみる

第1回 身の回りにあるマイクロインタラクションのヒント

マイクロインタラクションのインプット第1回目。
今回はWebサイトやアプリからではなく、自然と目にしている、又は生活に密着している、身の回りのものに焦点をあてて、マイクロインタラクションネタのヒントとなるコト、モノを探してインプットをしていこうと思います。最終的にはこのインプットに沿ったアウトプットがdribbbleなどで公開できたらなと考えています。

以前、下記の3アプリを対象としたマイクロイ

もっとみる

「Pokémon GO」のUIトレース&デザイン考察 #001

どうも、SOYAです。デザイナーになって2ヶ月の新米です。
まだまだ未熟なので、デザインスキル向上を目指し、アプリのUIトレース&考察を定期的にnoteで投稿していこうと思います。
※考察力及び文章力も相当未熟ですので、暖かい目で読んであげてください。

初回となる今回は自分に一番馴染みがあるアプリ「Pokémon GO」に決めました。

Pokémon GOとは

位置情報を活用することにより、

もっとみる

アプリ起動習慣化への工夫 ~NewsPicksの事例~

はじめに

ユーザーがよりサービスを継続的に使ってもらうためにどんな工夫ができるのかを考えていた時期があり、NewsPicksがバッチ制度を使っていたので観察することにした。

NewsPicks以外の継続的に使ってもらう事例

GitHubの草制度

GitHubを利用しているエンジニアだったら毎度おなじみ草制度。
草制度とは、下記のように日々のコミット数に応じて、緑の色が濃くなっていくというも

もっとみる

5月前半 こまどり的GoodUX/UI

📖Jourのハーフモーダル入力画面

メモ系のアプリはキーボードが下!フォームエリアが上!という謎の区切りがあるけれど、このアプリではキーボードのすぐ近くにフォームがあって、画面の下半分だけでフォーカス→入力→投稿ができる。

メッセージアプリでは当たり前のようにキーボードの上にボックスがあるけれど、短文を書いていく前提だから一行フォームで成立した、
今回のアプリは複数行書くこと前提なので、ハー

もっとみる

Daily CoCoda! #003 メッセージ画面 と入力エリアの観察

写真素材はフリー素材アイドルのMika + RIkaから。

ポイント

ビジネスシーンで使える、ということで会話のフキダシは無し
フキダシがあるだけでグンとカジュアルになっちゃう気がする。
同じ理由で会話の角丸も控え目に。

入力エリアはすぐ打てるように
入力エリアはカメラアイコンとか置かなかった。
写真などはプラスアイコンから表示される。面倒かなぁ...。

仕事を円滑に進められる、アンケート

もっとみる

Daily UIメモ(随時更新)

作り貯めてたDaily UIの内容を吐き出すためのnote。
基本FigmaかSketchで作ってます。(あとでFramerで動きつけたい)

#001_Sign Up

大好きなTwitterの画面を参考にサインアップページを作成。

#002_Credit Card Checkout

最近Pay系のアプリが乱立していてよく見るUIと思ってたけど、
あらためて考えるとむずい。

#003_La

もっとみる

4月後半 こまどり的GoodUX/UI

令和元年!令和もUIだのUXだのをどんどん探求していくぜ!💪

👗Dior の 「ARフィルター」

InstagramでDiorのアカウントをフォローすると使えるフィルターです。
「試着ARって、EC・アパレルで激強じゃん〜〜」と感動しました。別にお店で ARミラー見に行かなくても、どこでも、今持ってるデバイスで、みんな入れてるアプリで、試着ARが行えるのは強いですよね。(使ってみた)

もっとみる

IDEOとPivotalが設計したJR東日本アプリについて「ターゲットは誰だ?」

どうも。Sunnyです。

色々と考えることがあったので、まとめます。

昨日あたり、IDEOとPivotal設計したという東日本アプリについてTwitterに流れてきたんですよね。

という感じに、デザイン系、特にアプリのUI/UXとかやっている人たちが絶賛していたので入れてみて思ったことをまとめます。

1、JR東日本アプリとは

4/10にリリースされたアプリで、簡単にいえば、時刻表アプリで

もっとみる

イケてるWEBサイトの構成トレース&考察Vol.01

弊社ではデザイナーがそれぞれ週課題を設定し、勉強しています。
私の今期の週課題は「デザインまとめサイトに載るようなイケてるサイトの構成(ワイヤーフレーム)をXDでトレースし、考察までする」です。

そこで第一弾としてこれまでの課題を3つ紹介しつつ考察を書いていきたいと思います。

なぜやるのか

弊社は今までワイヤーフレームはディレクターが引いて、デザイナーがその通りにデザインする仕事の流れでした

もっとみる