デザイン系note集

UIデザイン初心者、Webディレクターのための心理学的法則と実践テクニックまとめ

より背景感を持たせたデザインや、デザインへのフィードバックを意識して行きたいと思っていくつかの記事を読みサマリした✍ まとめて改めて思うのはあたまでっかちにならず「議論」「要件」などの構造を把握することが大事だなと経験上強く感じる。意識して読んでみてほしい☝🏻 対象読者UIデザイン初級〜中級者ディレクター上記ふくめ、合意形成が必要なデザインパーソン 1. 複雑さの管理と簡潔性テスラーの法則：システムには必ず複雑さが存在する。UIデザイナーの役割は、この複雑さを

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

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

TikTokのUIとインタラクションの観察

今までちゃんと使ったことがなかったTikTokを最近がっつり触ったところ、UIやインタラクションの細かな作り込みに気づくことが多く、発見の連続でした。今後の機能開発やUIデザインの参考にもできそうなので記事にまとめます。 1. アクションなしの没入体験TikTokで最も特徴的なのは動画フィードでのレコメンドの仕組みです。フルスクリーンで表示されるショート動画が上下のスワイプで切り替わり、視聴行動（視聴時間やスキップなど）に応じて次の動画がレコメンドされ続けます。そのため利用

UIデザイン力を鍛えるリデザインの勧めとコツ

Twitterでクラシルのリデザインの題材として使って良いとつぶやいたら数名からリデザイン案をもらえました。ありがとうございます！リデザインは、デザインの基礎スキルを身につけられると思うので、どんどんやったら良い派ですが、リデザインする際は何かにフォーカスすると振り返りしやすく技術を積み上げやすいです。今回は、僕もクラシルのリデザイン案を作りつつそのコツを書いてみたので参考になればと思います。デザイン力を鍛えるリデザインのコツインターン採用でリデザイン課題を出す

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

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

「引き出し」をデザインする | Design Journal vol.26

この記事のサマリ2023年7月末に開催された、Spectrum Tokyo Jam #01 でLTをした際にお話した内容をスライドと共にまとめました。デザインプロセスにおいて、より使いやすいデザインを追求するため、世の中のサービスに幅広く触れ、デザインの引き出しを増やしていくことはとても重要です。その中で、ただ「引き出し」を増やすだけではなく、それらの引き出しをより使いやすく「デザイン」することが重要であると気づいた私自身の経験と、実践していることについて書いてみま

ペアUIモデリング：オブジェクト指向UIデザインを業務に取り入れる

アプリやWebサービスをデザインする際、大きく分けて２種類の設計方法があります。タスク指向とオブジェクト指向です。多くの場合においてオブジェクト指向のUIデザインを取り入れることで、操作しやすく拡張性のあるアプリケーションを実現することができます。 2020年に「オブジェクト指向UIデザイン」が出版されて以降、多くのUIデザイナーにこの考えが浸透しました。オブジェクト指向UIデザインを業務に取り入れるにあたって、この書籍で説明されているオブジェクト指向UIデザインの手順

生成AIサービスのUXデザインにおけるベストプラクティス | 豊富な実例付き

国内でも生成AIを使ったプロダクトづくりに取り組む企業は増えていますが、ユーザー体験の正解はまだほとんど体系化されていません。そのため、サービスの実例を掲載しながら「生成AIサービスにおけるUXデザインのベストプラクティス」についてまとめました。何でもかんでもチャットUIにしない Webサイトノーコード制作サービス「Wix」のAI機能は、テキストや画像など編集したい箇所をクリックした際にAI機能のボタンが出現する。このように、制作系のサービスにおいて生成AI機能を

事業会社のUIデザイナーがSQLを書けるようになったら、デザイン能力が爆上がりした

こんにちは、クラシルでプロダクトデザイナーをしているかしこです！半年ほど前から開発チームに異動になり、【既存の機能改善】や【プロダクトのグロース】を担当していますが、SQLを書けるようになったことでデザイン業務が数倍やりやすくなりました🚀 この記事では、 ①SQLをデザイナーが学んだ先にどんないいことがあるのか ②どこまでがデザイナーの業務に必要なレベルなのか ③知識ゼロから何を手がかりにSQL学習を進めたらいいのかを紹介していきます✍️ 章ごとに内容が分かれてい

UIデザインのための10のヒューリスティクスについて改めて考えてみた

はじめにこんにちは。i3DESIGNデザイナーチームです。「ユーザーインタフェースデザインのための10のユーザビリティヒューリスティクス（10 Usability Heuristics for User Interface Design）」をご存知ですか？ https://www.nngroup.com/articles/ten-usability-heuristics/ 1994年にヤコブ・ニールセンによって提唱され、現在も多くのデザイナーが使用している、良いUIデザ

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

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

ユーザー行動というファクトをもとにプロダクトデザインできる道具を作っている話

デザイナーのsuです。プレイドという会社で「KARTE」という顧客体験を良くするプロダクトのデザインをしています。この記事ではタイトルにある「ユーザー行動というファクトをもとにプロダクトデザインできる道具」を作っているという話を書こうと思います。シナリオやジャーニーマップ、ユーザーの行動データをデザインに活用できていますか？突然ですが、あなたはシナリオやジャーニーマップ、実際のユーザー行動というデータをどれくらい継続的にデザインに活用できていますか？デザイン思考

デザイナーが構造化シナリオ法を使う上での注意点

noteをサボっていた（？）間、自社の中堅以上のデザイナー向けに、少人数制のUXデザインの12回連続講座を開催しました。やっていく中で、記録として残しておいた方が良いなと思ったことの第2弾として、今回は、構造化シナリオ法でデザイナーさんたちが引っかかっていたところと注意点を記載します。 1.そもそも、構造化シナリオ法とは構造化シナリオ法は、丸善出版から出ている「EXPERIENCE VISION」という書籍の中で、ビジョン提案型デザイン手法のフレームワークとして紹介されてい

「ユーザーを褒めるデザイン」について分析してみた

こんにちは。SOMPO Digital Lab プロダクトデザイナーの林です🙆‍♀️ 皆さんは、「サービスを利用していたら、不意に自分を褒めてくれてちょっと嬉しくなった」という体験はありませんか？私は最近言語学習アプリを日々の日課にしているのですが、アプリの中でキャラクターが自分を褒めてくれるのが、継続の大きなモチベーションになっています。そこで、今回は「ユーザーを褒めるデザイン」に注目し、それがサービスにどのような効果をもたらすのかについて記事を書いてみようと思います！

フォローしませんか？

#UIデザイン