マガジンのカバー画像

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

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

#UIUX

シュンスケ｜ABEMA

シュンスケ｜ABEMA

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

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

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

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

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

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

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

もっとみる
Fritz | Lead Product Manager @ Mercari

Fritz | Lead Product Manager @ Mercari

120 個のアプリを触って見えてきたオンボーディング 15 種類・そのメリットとデメリット

120 個のアプリを触って見えてきたオンボーディング 15 種類・そのメリットとデメリット

オンボーディングとアクティベーションについて考察した 前記事 の続き。今回は 120 アプリのオンボーディング体験を調査してそれらを 15 種類の UX に分類、それぞれの UX について共通項・個人的に思ったメリット・デメリットをまとめました。

次回はこれらの統計結果を公開。今回は実際の UX 事例について。現場で「これ使ってみる？」と今日から検討できる（かどうかは知らないけど…）記事になって

もっとみる
あき - 良いもの作って正しく届ける

あき - 良いもの作って正しく届ける

検索 UI まとめてみた

検索 UI まとめてみた

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

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

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

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

もっとみる
Denoma （デジタル茶の間）～Web業界のコミュニティ～

Denoma （デジタル茶の間）～Web業界のコミュニティ～

【イベントレポート】Sansan×エウレカ 勉強会 ～『出会い』をつなげるアプリサービスのUI/UX～【グラレコ付き】

【イベントレポート】Sansan×エウレカ 勉強会 ～『出会い』をつなげるアプリサービスのUI/UX～【グラレコ付き】

2019年3月19日、「Sansan×エウレカ 勉強会 ～『出会い』をつなげるアプリサービスのUI/UX～」が開催されました！

Denoma初めての勉強会ということで、皆さまに興味を持っていただける内容になっているか、正直不安や緊張も…。

が、蓋を開けてみれば当初予定していたよりもたくさんの参加申し込みをいただき、まさかの会場キャパオーバー（汗）

直前の会場変更となるなど、嬉しいハプニングも

もっとみる