マガジンのカバー画像

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

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

#デザイン

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

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

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

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

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

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

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

もっとみる
ペルソナって意味あるの?

ペルソナって意味あるの?

この記事は Goodpatch Design Advent Calendar 2020 18日目の記事です。

こんにちは!Goodpatch UXデザイナーの関根です。

ペルソナは、UXデザインを学び、実践しようとするとまず最初のプロセス・成果物としてカスタマージャーニーマップと共に例として取り上げられることが多いと思います。そのため、この記事を読んでくださっている方々の中には、実際にペルソナ

もっとみる
やってみて感動した、実装速度が早くなるデザイナーとエンジニアコラボレーション術

やってみて感動した、実装速度が早くなるデザイナーとエンジニアコラボレーション術

年末の足音が聞こえてきましたね。🐾🐾🐾🐾🐾🐾🐾
こんにちは、株式会社アトラエのデザイナーの新垣です。

このnoteは、サービスやコトをデザインするデザイナーを中心としたコミュニティInHouseDesignersのアドベントカレンダー14日目の記事です🎅🎄

この前とあることを試してみたところ、通常の開発速度よりも爆速で開発が進んで感動したのでそこで実践したことを書いていこうと

もっとみる
【成果に繋がる実践UXリサーチ入門】なぜUXデザインにおいてリサーチが欠かせないのか

【成果に繋がる実践UXリサーチ入門】なぜUXデザインにおいてリサーチが欠かせないのか

この記事はCreatorZineからの転載です。
https://creatorzine.jp/article/detail/1159

 UXデザインにおける大切なフェーズであることは理解しているけれど、どのように進めればいいかわからない。「定量リサーチ」、「定性リサーチ」という言葉は聞いたことがあるけれど実践できていない。本連載ではそんな方に向け、現場で使える具体的なリサーチの手法や業務への取

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

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

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

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

もっとみる
アウトプットで話をしよう、あとロゴデザインについてちょっと

アウトプットで話をしよう、あとロゴデザインについてちょっと

アル株式会社で、ちょっと前からCXO(Chief eXperience Officer)という役割がついていて、CxOと紛らわしすぎてアレなのですが、体験全体の責任者みたいな意味合いがあります。

「体験設計がー」「組織課題がー」「QAがー」みたいなことも必要に応じてやるんですが、デザイナーとして手を動かして実際にアウトプットすることもやっています。むしろ軸はずっとそこで、Illustratorと

もっとみる
音声革命の鍵となる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

もっとみる
メルカリキャンペーンデザインを解剖してみた

メルカリキャンペーンデザインを解剖してみた

こんにちは。メルカリ UX Designチームの野見山(nomiyama)です。
2019年に新卒で入社してから、約1年ほどメルカリのキャンペーンにまつわるデザインを担当しています。

入社までアプリやWebでのデザイン経験もなく、はじめて担当するキャンペーンのデザインにとても苦労しました。いつも何気なくキャンペーンのデザインを見ていたのですが、実はそこには、意識していなかった数々の工夫があったの

もっとみる
Lookbackを使ってユーザビリティテストをしたらとても良かった話

Lookbackを使ってユーザビリティテストをしたらとても良かった話

この記事は PLAID Advent Calendar 10日目のエントリーです。

突然ですが、みなさんのオフィスにユーザビリティテストの設備はありますか?ユーザビリティテストを行う上で環境づくりは大切な要素のひとつです。
しかしながら、テストを行う専用部屋などの設備が用意できている環境は少ないのではないでしょうか?

弊社でも専用部屋などの設備はなく(そもそも部屋が存在しない)、「チームでユ

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

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

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

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

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

もっとみる