マガジンのカバー画像

実例から学ぶUX/UI、Webデザイン

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

#UIデザイン

アプリのアップデート200本ノックから学ぶUI改善のヒント

アプリのアップデート200本ノックから学ぶUI改善のヒント

こんにちは、HR業界でアプリマーケティングをしている宮﨑です。

・アプリのアップデート前後のUI変化
・Push通知など気になったGrowth施策

こうしたものを「#アプリノック」としてTwitterで毎日投稿しています。
#アプリノックの結果

10月に100本ノックした学びを書いたところ、15,000ビュー・550スキと多くの方に読んでいただけました。

また次のような変化もあり、コツコ

もっとみる
プレースホルダを用いたローディングUI

プレースホルダを用いたローディングUI

ローディングのUIって、なーんかおざなりになりがちよね。

だいたいクルクル回る系のローディングインジケータを使うと思うけど、他にもいろいろ方法はあるんやでぇ。

マテリアルデザインを見ればまぁだいたい参考にはなるはず。

で、今回僕が紹介したいのは、プレースホルダを用いたローディングUI。

知ってる人は知ってるけど、知らない人もまぁそれなりにいそうなのでこの記事が役に立ったらいいな、と思ってい

もっとみる
あなたの声がメルカリをつくる。UXリサーチがメルカリに反映されるまで。

あなたの声がメルカリをつくる。UXリサーチがメルカリに反映されるまで。

こんにちは、メルカリのUX ResearchチームでUXリサーチャーをしている上田(chanu)です。

これまで「Mercari Design」ではお客さまの言葉にならない声を聞く。メルペイを支える、リモートUXリサーチについて。やメルペイデザインチームでリサーチャーとデザイナーがコラボしやすい3つの理由という記事で、何度かUXリサーチについて取り上げてきました。

今回の記事では、お客さまの調

もっとみる
デザイナーがスクラム開発とうまく付き合うには

デザイナーがスクラム開発とうまく付き合うには

株式会社トクバイでデザイナーをしている吉井 (@hrtk441) です。
ちょっと前にFigmaをつかったチーム開発の記事を書きましたが、今日はデザイナーとスクラム開発の付き合い方について書きたいと思います。

というのも僕自身それなりの期間、スクラムを採用する開発チームのなかでデザイナーとして働いてきました。
なんとなくですが僕の感覚として、スクラム開発はエンジニアなどの職種に関しては教科書的な

もっとみる
音声革命の鍵となるVUIデザインは近現代で拡張されたデザインの代表例

音声革命の鍵となるVUIデザインは近現代で拡張されたデザインの代表例

新型コロナウイルスの影響により、外出自粛・休校・テレワークが日常となったことで音声メディアが活発化している。

近年でいうと「Voicy」「stand.fm」「REC.」「Spoon」などの音声アプリが話題で、音声配信プラットフォームの「Radiotalk」も先日3億円の資金調達を発表した。ラジオアプリ「radiko」の会員数は1000万人近いという。

スマホ中心の音声メディアの勃興は、映像メデ

もっとみる
OOUIを実践してわかった、9つの大切なこと

OOUIを実践してわかった、9つの大切なこと

こんにちは、プロダクトデザイナーのmunazoです。

私の所属するリクルートの「Air ビジネスツールズ」で、OOUIを実践したいデザイナー・エンジニアを有志で集め、半年間にわたり実践に取り組みました。

この記事では、現場でやってみたからこそ気付くことができた、OOUIを実践するにあたって大切なことをご紹介します。

この記事に書かれていること
・練習問題を解くだけでは、わからなかったこと

もっとみる
FLOWERの情報設計を観察する

FLOWERの情報設計を観察する

ここ最近、お花のサブスクリプションサービスFLOWERを使っていて、アプリの作りがApple News+の様にスマートだなぁと思った。なぜスマートだなと思ったかと言うと、大体設定は左上にドロワーメニューの中に作られているものが多い気がしていたのだが、設定も含め、すべての要素がタブに収まっていたからである。
どうすればスマートなアプリが作れるのか気になったので、情報設計を観察することにした。

FL

もっとみる
「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた

「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた

大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。

プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像

もっとみる
5種類57デバイス対応UIデザインの裏側——U-NEXTブランドリニューアル

5種類57デバイス対応UIデザインの裏側——U-NEXTブランドリニューアル

U-NEXTは、2020年4月にブランドリニューアルを行いました。新ブランドは、ブランドデザインを担当するNicolas Goninを中心に構築していきましたが、そのブランドをあらゆるタッチポイントに反映するに当たっては、さまざまなメンバーが活躍しました。

今回は、ユーザーのU-NEXT体験に最も影響を与えるアプリ等のUIデザインを担当した源田みどり、Livioに話を聞きました。

源田 翠
U

もっとみる
理想のカラーパレットをもとめて 命名編

理想のカラーパレットをもとめて 命名編

がいた色4/26に開催されたDIST.26 「Webサービスの個性を支えるデザイン」でのLTをさせてもらったので、その内容と補足をnoteにしたためる。

Webサービスにおける「色」Webサービスのデザイン、開発をしていて「色」を何も考えずに決めるということはおそらく無い。もちろん創業者の好みとかそういった決め方もあるかもしれないが、何かしらの理由はある。一方、サービスの利用者にとっても色がサー

もっとみる
ミラティブ辞めたけどUIデザインの面白さについて語らせてほしい ~ミラティブブログ社員リレー~

ミラティブ辞めたけどUIデザインの面白さについて語らせてほしい ~ミラティブブログ社員リレー~

はじめまして。業務委託としてMirrativのUIデザインに関わっていたmizorinです。好きなものは焼き鳥とコーヒーです。
すでに卒業はしていますが、せっかくなので置き土産としてMirrativ UIデザインのおもしろポイントをご紹介したいと思います。

----------------扱うものの側面から----------------

ゲームっぽさが所々にあって新鮮で面白かった- ベンチャ

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

検索 UI まとめてみた

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

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

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

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

もっとみる
ねらいどおりの変化を起こす、UI改善について

ねらいどおりの変化を起こす、UI改善について

こんにちは、クックパッド デザイナーの平塚(@tsukasio615)です。クリエイション開発部では、レシピやつくれぽなどクックパッドの投稿体験に関する開発を行っています。

今回は、レシピ投稿の中でも重要な「レシピを書く画面」のUI改善についてご紹介します。

課題の洗い出しと優先度決めある日、プロダクトオーナーからレシピ投稿のユーザビリティ改善をしたいというオーダーがありました。レシピ投稿と言

もっとみる
UXデザインを学ぶデザイナーが絶対に読むべきnote厳選21本

UXデザインを学ぶデザイナーが絶対に読むべきnote厳選21本

去年書いたこちらの記事で実は「UXデザイン」というカテゴリーもつくる予定だったのですが、それだけで3、4つだけ選ぶのが難しいぐらい神noteが存在していたので、今回はUXデザインのみで記事をまとめてみました。

これからUXデザイナーを目指す方や現役UXデザイナーの方はもちろん、全ての方に学びになることが書かれているので、ぜひ読んでみて頂ければ幸いです。

1、SNS時代のマーケティングフレームワ

もっとみる