マガジンのカバー画像

UIUX

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

#UI

業務システムにつよいUIデザインライブラリー

業務システムにつよいUIデザインライブラリー

要件定義段階からプロトタイプを活用するアプローチ

私がつとめるアストロラボでは、DX推進支援事業におけるITソリューション開発で、プロジェクトの初期段階である要件定義からデザイナーが参加し、プロトタイプを活用して実際の業務をイメージしながらシステムの仕様を詳細に検討するアプローチをとっています。

従来のSI開発アプローチにおいては、UIデザイナーは、開発フェーズがある程度進んだあとで、ようやく

もっとみる
アプリのアップデート300本ノックから学ぶUI改善のヒント

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

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

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

こうしたものを「#アプリノック」としてTwitterで投稿すること3ヶ月。300本以上のネタが溜まってきました。

今回のnoteでは「フォッグの消費者行動モデル」というフレームワークを使ってまとめていきます。

行動 = 動機 × 実行能力 ×

もっとみる
課金 UI まとめてみた

課金 UI まとめてみた

売上を伸ばしたい。
課金率を伸ばしたい。
でも、難しい!

コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。

Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。

まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見い

もっとみる
地図を使ったUI考察

地図を使ったUI考察

こんにちは。TAM UX/UIチーム デザイナーの和佐(@wa_sser)です。
普段はUX設計からUIデザインまで幅広く担当しています。

今回地図を使ったアプリ設計の仕事があり、いろんなカテゴリのアプリを調べてみました。地図といっても、サービスの一部であるものからメインコンテンツとなっているものまで様々あります。

この記事ではしないこと
Google Maps APIを使うことが決まっていた

もっとみる
あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #09

あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #09

こんにちは!i3DESIGN デザインチームです。

季節もすっかり冬になりましたね⛄️
個人的には暑い夏より寒い冬が好きだったりします。

前回の投稿からだいぶ期間が空いてしまいましたが最後のユーザビリティチェックリストのご紹介です。

No.01〜No.50のチェックリストをまとめた記事も今後投稿しますのでぜひチェックしてください。

-----

46.条件は先に提示する誰しも、自分のした作

もっとみる
AIで簡単にUIデザインを作る(Uizard Autodesigner)

AIで簡単にUIデザインを作る(Uizard Autodesigner)

Uizard Autodesignerとは?
AIを利用して、デザインデータやモックを簡単に自動生成するツール。

早速Autodesignerを使ってデザインを作成してみる。

1. Generate with Autodesignerマイページ内のプロジェクトにある「Generate with Autodesigner (β版)」を選択。

2. デザインイメージをテキスト入力デザインイメージ

もっとみる
【1日目】WEBデザイナーからUIデザイナーへの道。

【1日目】WEBデザイナーからUIデザイナーへの道。

【追記(2022/08/10)】
こちらの記事を意外と見て頂いているようなので参考になればと私の勉強方法を共有いたします。。(現在は1〜4、6、7を実践中)

UIデザインの基本を理解する(はじめてのUIデザイン 改訂版 を読む)

ガイドラインを理解する(MaterialDesign、Human Interface Guidelines)

Daily UI の課題

既存サービスのトレース

もっとみる
Googleが出してるUXデザイン用語集

Googleが出してるUXデザイン用語集

こちらはGoogleが出してるUXデザインの用語集なんですが、DeepLで翻訳したものになるので、正確な日本語かどうかはちょっとわかりませんw

アクセシビリティ: 障害者のための製品、機器、サービス、環境のデザイン

代替テキスト(altテキスト): 画像やグラフなどの視覚的なものを、スクリーンリーダーで読めるような説明に変換するためのテキスト。

ブランド・アイデンティティ: 企業の視覚的外観

もっとみる
アメリカのスタートアップでUXコンセプトを作った話(手法紹介)

アメリカのスタートアップでUXコンセプトを作った話(手法紹介)

去年、AustinにあるGardenioというスタートアップでスマホアプリのコンセプトを作らせていただきました。

今回はプロダクトの詳細よりもプロジェクトのプロセスについて書きます。「スタートアップのUXデザイナーの実際の成果物ってなんなんだろう?」という疑問を解消できればと思います。なのでGardenioの事業についてよりもスタートアップで新しくUXコンセプトを作る流れについて僕なりに復習して

もっとみる
アプリのアップデート500本ノックから学ぶUI改善のヒント

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

「ザ・マイクロコピー」という本の中で次のような一説がでてきます。

何も考えずにこれしかないだろうと3回クリックするのと、これかなぁと迷いながら1回クリックするのとは同じ重みを持つ 。

ちょっとした「?」がどれだけユーザーの集中力を邪魔しているか。

アプリの使い方に意識がさかれて、メインコンテンツへの集中がおざなりになっていたら勿体ない。アプリの運用者としては避けたい状況です。

そこで今回は

もっとみる
OOUIってなんなのさ!オブジェクト指向UIデザインを読んでみた📕

OOUIってなんなのさ!オブジェクト指向UIデザインを読んでみた📕

ももやんです。今回はオブジェクト指向UIデザインという本について簡単にまとめます🐻‍❄️

📕オブジェクト指向UIデザインについて
この本のテーマ
オブジェクト指向UIデザインとは何か、どのように設計していくかのプロセスに加え、18個の実践問題を紹介しています。

🌟オブジェクト指向UIとタスク指向UIオブジェクト指向UIとは?
オブジェクトを手がかりに操作設計されたUIのこと。オブジェクト

もっとみる
色の見え方の多様性とデザイン

色の見え方の多様性とデザイン

デザインをしていたら先輩デザイナーに「色の見え方は全員同じだと思ってる?」と指摘を受けました。
その言葉にハッとしました。世の中には赤緑色覚異常P型(1型)やD型(2型)、青黄色覚異常といった色の見え方が特別な方がいます。そういった方達のことを考慮していなかった自分が恥ずかしかったので、たくさん勉強しました。今回はそのことについてまとめさせて頂きます。この記事は書くかどうか悩んだのですが、共有させ

もっとみる
検索結果の絞り込み・並び替えUIの観察

検索結果の絞り込み・並び替えUIの観察

先日、検索結果の絞り込みUIの検討をするために事例を調べたところ、意外にもアプリによって様々な違いがありました。面白いテーマなため観点ごとに違いを整理し、メリット・デメリットや設計意図を考察しました。注目した観点は以下の7つの点です。

これらの観点をもとに以下の条件で12のアプリを調査しました。

1. 絞り込み・並び替えボタンの配置
まずは、絞り込み・並び替えボタンの配置場所について。ボタンの

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

検索 UI まとめてみた

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

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

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

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

もっとみる