デザイン系note集

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

こんにちは、HR業界でアプリマーケティングをしている宮﨑です。・アプリのアップデート前後のUI変化・Push通知など気になったGrowth施策こうしたものを「#アプリノック」としてTwitterで投稿すること3ヶ月。300本以上のネタが溜まってきました。今回のnoteでは「フォッグの消費者行動モデル」というフレームワークを使ってまとめていきます。行動 = 動機 × 実行能力 × きっかけザックリいうとユーザーに何か行動を促す際に「動機/実行能力/きっかけ

UIデザインの勉強方法を蒐集してみました。

みんなどうやってUIデザインを勉強しているのか、ふと気になりました。そして、それらをコレクションしたらちょっと楽しいし、役に立つかもしれない。という訳でこの記事ではUIデザインの勉強方法を蒐集してみました。（蒐集という漢字、かっこいいんで使ってみました）特段、この方法を推奨します！といった想いはないのですが、自分の経験談も少しだけ添えています。 UIデザインに関する知識を知るUIデザインをするうえ知っておきたい知識はたくさんありますが、まずはベーシックな所から固めてい

UX改善の第一歩は、"最高"と"最悪"のユーザー体験フローを描くこと

サービスデザインやグロースハックのコンサルをする中で、「自分たちのサービスのユーザー体験を改善するために、まず何から始めれば良いのか」という相談をよく受ける。そのときによく答えているのが、「まずは最高のユーザー体験のフローと、最悪のユーザー体験のフローを描きましょう」ということだ。なぜなら「最高の状態」を定義できていなければ、現状とその理想状態を乖離を定量的に測ることはできず、また「最悪の状態」を定義できていなければ、その最悪の状態がどれくらいの割合で発生してしまって

実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

こんにちは！i3DESIGNデザイナーチームです。今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントを50個シェアしていきたいと思います。マガジン「ユーザビリティチェックリスト」01〜09ののまとめ記事です。「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリス

マリオのUIがフラットデザインになった日を知っているか〜【視伝研】UIデザインの歴史を紐解く

今回の視伝研テーマは【UIデザインの歴史を紐解く】です。年表形式でUIデザインの歴史を作りながらメンバーと意見を交換しました。PCやスマートフォンのOSのUIはもちろん、乗り物の操縦桿やSNSのデザインなど、さまざまな観点で資料を集めてみました。そこで、元ゲーム屋の性として、個人的に楽しくなってしまうのはやっぱりゲームUIの歴史なのですが… なんか、ゲームのUIってこんなイメージありませんか。もちろんこういうのを作れることは大事なんだけど、「ゲームでよくあるやつ」以

新規登録 UI まとめてみた

シンプルだけど難しい「新規登録」のデザイン。派手さはないけど、地道な工夫の繰り返し。新規登録って大事新規登録は離脱を抑えるデザインが重要です。せっかくダウンロードしてくれたユーザーがサービス利用前に離脱してしまうともったいないので。本記事では新規登録の UI パターンや事例をまとめてみました。新規登録をデザインする際は、この記事を参考にデザインしてみてください。少しでもお役に立てばうれしいです。新規登録のポイント ① 最も負担の少ないタイミング ② 最小の操

デザイン4原則でUIの観察眼を鍛える

ココナラのHead of Designをしている外崎(@TakumiTonosaki)です。弊社にもついに新卒デザイナーを迎えることになりました。育成プランを練る中で、若手UIデザイナーが最初に身につけたい、そして今後も汎用的に使えるスキルについて僕なりのアイデアが浮かんだのでこの記事を書きました。 ◎この記事読んでもらいたい人・新卒、若手UIデザイナー・デザイナーのメンター・情報設計が上手くなりたい人全般デザインの本質と「情報設計」の重要性UIデザイナーとして学

モーダルで悩むのは「もうだるい」ので整理した

はじめにモーダルって言葉はよく聞くけど、なんかわかっているようでわかってない、、というデザイナーの方は多いのではないでしょうか？そんなモーダルについて悩むのは、「もうだるい」ということで整理してみました。今回は、モーダルとは何か、モーダルの制御レベルの違いとそれぞれの用途や目的、使い分けのポイントについて解説します。それぞれの使い分けがチーム全体で意識できると、よりユーザーにとって負荷の少ない体験が設計できるようになると思うのでぜひ読んでみてください。モー

「完璧」を目指さないデザインシステムのコンテンツ作り

電子契約サービス「クラウドサイン」プロダクトデザインチームの佐藤です。先日公開された「デザインシステムを作る上で最初にやることとは？」では、デザイナーチームで実現させたいゴールからブレイクダウンし、zeroheightでデザインシステムを作ることになった経緯をお伝えしました。今回は連載の第2回目として、デザインシステムのコンテンツ作りについてお伝えしたいと思います！連載の目次第1回　デザインシステムを作る上で最初にやること第2回　デザインシステムのコンテンツ作り（

フォローしませんか？

#UI

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

UIデザインの勉強方法を蒐集してみました。

UX改善の第一歩は、"最高"と"最悪"のユーザー体験フローを描くこと

実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

マリオのUIがフラットデザインになった日を知っているか〜【視伝研】UIデザインの歴史を紐解く

新規登録 UI まとめてみた

デザイン4原則でUIの観察眼を鍛える

モーダルで悩むのは「もうだるい」ので整理した

「完璧」を目指さないデザインシステムのコンテンツ作り

デザイン系note集

フォローしませんか？

#UI

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

UIデザインの勉強方法を蒐集してみました。

UX改善の第一歩は、"最高"と"最悪"のユーザー体験フローを描くこと

実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編

マリオのUIがフラットデザインになった日を知っているか 〜 【視伝研】UIデザインの歴史を紐解く

新規登録 UI まとめてみた

デザイン4原則でUIの観察眼を鍛える

モーダルで悩むのは「もうだるい」ので整理した

「完璧」を目指さないデザインシステムのコンテンツ作り

マリオのUIがフラットデザインになった日を知っているか〜【視伝研】UIデザインの歴史を紐解く