マガジンのカバー画像

ui

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

#UI

新規登録 UI まとめてみた

新規登録 UI まとめてみた

シンプルだけど難しい「新規登録」のデザイン。
派手さはないけど、地道な工夫の繰り返し。

新規登録って大事
新規登録は離脱を抑えるデザインが重要です。
せっかくダウンロードしてくれたユーザーがサービス利用前に離脱してしまうともったいないので。

本記事では新規登録の UI パターンや事例をまとめてみました。新規登録をデザインする際は、この記事を参考にデザインしてみてください。少しでもお役に立てばう

もっとみる
検索 UI まとめてみた

検索 UI まとめてみた

検索 UI を作る機会があったので、リファンレンスを集めた。あたまの整理をかねてパターン分け。

パターン一覧
1. フリーワード型
2. サジェスト型
3. グループ型
4. あとからフィルター型
5. 条件指定型
6. レコメンド型

フリーワード型キーワードで検索。入力中に検索結果がリアルタイムに変わるものが多い。

良いところ
シンプル。入力と同時に検索結果を表示できるので、最短で検索対象

もっとみる
フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと

フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと

フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。

なんでこんな話になったのか(前置きなので次の章まで飛ばしてOKです)

デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡され

もっとみる
UIのお作法。28個の「〇〇できそう感」をまとめました。

UIのお作法。28個の「〇〇できそう感」をまとめました。

UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。

1、進めそう感

時間の流れは左から右に表現します。右矢印は次、進む、

もっとみる
Apple Musicのマイクロインタラクションを考察してみた

Apple Musicのマイクロインタラクションを考察してみた

つみきでデザイナーとして活躍してるYukikoです!
前回、Sound Cloud & Spotify のUI/UX考察記事を書いたところ、スキ♡をたくさん頂けたので、身近でポピュラーな分野で人気なアプリに関しては皆さんの興味関心も高いのかな~と思いウキウキしておりました。

今回は、続☆Music App編で超王道、Monthly課金( 980円 )もみじんも惜しくないApple Musicのマ

もっとみる