プロダクトデザイン知見まとめ

本

プロダクトデザイン・UI/UX・UXライティングなどの知見をまとめていくマガジンです！noteではプロダクトデザイナーを募集しています→https://open.talentio… もっと読む

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

鮮魚バイヤー向けおすすめ提案のアプリデザイン

こんにちは！株式会社ウーオでUI/UXデザイナーをしている久保坂（@misaaa09）です。先日水産流通マーケットプレイス「UUUO」でユーザーに合った商品提案を行う「オススメ提案機能」をリリースしました。約6ヶ月で構想からリリースまでを行い、その中で様々のメンバーを巻き込みながら進めたプロジェクトでした。今日は具体的な開発フローの紹介とともに、周囲を巻き込みながらデザインしていくうえで工夫しているポイントをお伝えしたいと思います。 💬開発の背景始まりは主要機能の

「料金比較表」のUIを集めてみた｜パーツ別デザインまとめ

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです🌿 今回はLPやサービスサイトでよく見かける「料金比較表」のUIパーツに特化してデザインを集めてみました。 LPや特定のサービスサイトは構成要素が比較的パターン化されています。「この要素・セクションのデザインどうしよう」となった時用に、要素ごとにデザインのパターンのストックを持っておきたい。そんな皆さまに参考にしていただけると嬉しいです！はじめに今回は、集めた料金比較表のデザインをこちらのサ

「ボタンっぽい見出し」と「見出しっぽいボタン」問題

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、最近気になっている「わかりづらさを感じるUI」について書こうと思います。よろしければお付き合いください✍ 前提：UIとは？UIは「ユーザーインターフェイス」の略。interfaceは「接点」や「境界面」という意味の英単語であり、UIとはコンピュータ（機械）とユーザー（人間）を繋ぐ接点です。スマホであれば指先、パソコンであればマウスなどを介して、人間は機械と意思の疎通を図ります。 UIは、何よりも「

"悲劇的な"デザイン

こんにちは。アル株式会社でCCOをやっている@ottieeです。今日はデザインのネガティブな面について書いてみようと思います。「デザインがユーザーの感情や行動にネガティブな作用をすることもある」ということは感覚的にも経験的にも、ほとんどの人がわかっていること事だと思います。たとえば… 商品をカートに入れると標準でメルマガを受け取る設定になっているECサイトブラウジングをしている時に突然現れ作業を中断させる「✖️」ボタンのやたら小さなダイアログ広告削ぎ落と

0→1フェーズにおけるプロダクトデザイナーのビジネスへの貢献方法

ごきげんよう！SmartHRプロダクトデザイナーのこぎそ（@kgsi)です。 SmartHRで2023年前半から開発に携わっていた「キャリア台帳」が、2024年2月8日についにリリースとなりました。「キャリア台帳」は、SmartHRで収集した部署や役職、評価推移、スキルなど、タレントマネジメントに必要な従業員情報をまとめて確認できる機能です。今後タレントマネジメント領域を攻めていくSmartHRとして、欠けていたピースを埋める重要なプロダクトとなります。さて、このプ

多言語対応UIを作るときのポイントを知っておこう

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今日は、多言語に対応するUIデザインをつくるときのポイントについて書きます。表層的な「UI」だけでなく、掲載コンテンツの内容やローカライズについても言及しています🌐 最後に参考記事も紹介しています！ぜひお楽しみください。はじめに｜多言語対応UIとは？今回扱う「多言語対応UI」とは、単一の言語のみでなく、いくつかの言語に対応しているUIデザインのこと。日本でよく見かけるのは「日本語」「英語」の2つに対応し

【海外記事】デザインをする上で知っておきたい、5つの心理法則とその活用法

こんにちは、RAKSULでデザインインターンをしている川村です。いきなりですが、デザイン心理学という言葉を聞いたことがありますか？デザインは美的な要素だけではなく、ユーザーの心理的なニーズや行動を理解し、魅力的なユーザー体験を創出する点においてとても重要な役割を担っており、デザインと心理学は深くリンクしています … 人がどのようにプロダクトとインタラクトし、彼らの意思決定がどのように影響され、あるいはコントロールされうるかを理解することは、UXデザイナーが取り上げるべき

新規事業に好循環をもたらす“UX”とは？

今や新規事業立ち上げで成功を収めるには、ユーザー中心のアプローチを取り入れた事業検証が不可欠になっています。そんな新規事業立ち上げにおける体験設計・UXデザインは、単なる顧客視点の理想を実現する方法論的なアプローチではなく、事業検証をしていく上で直面するあらゆる課題を解決し、ビジネスとしての成功と顧客の成功の両立を叶える鍵になり得るものだと私は考えます。本記事では、顧客の行動や要望の裏にある背景に着目することでよくある事業検証の落とし穴を避ける方法や、UX的な観点を取

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

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

その状態のデザイン考えてなかった！　UI Stackってナニ

アプリの画面をデザインする際、エンジニアさんに「なにも登録データがない場合、どう表示しますか」「選択したときの状態ってどんなデザインですか」などと聞かれて「ｳﾜｱ考えてなかったすみません、今作ります。。」（なんて自分はポンコツなんだ、、ｳｳｳ）と、なりたくないですよね。 UI Stackは👆のような状況を回避するのに便利で大事な考え方だと思ったので、言葉の意味を知らない方はぜひ読んでってください！ UI Stack アメリカのプロダクトデザイナー Scott H

ラクスルのユーザビリティを評価する【準備編 #1】

こんにちは、RAKSULでデザインインターンをしている川村です。現在ラクスルでは、プロダクトの使いやすさを計るため、ユーザビリティ評価を行っています。今回、自分は評価で使用するラクスル独自のユーザビリティ評価シートを作成させていただきました。このnoteでは、ラクスルのユーザビリティ評価シート作成のプロセスについて、2つの記事に分けて書いていきたいと思います。今回は【準備編 #1】 … 評価をする上で必要な知識を身につけるぞ！です。 Step1. 評価に関する知識を身