
HearU
話したくなる、聞いてもらえると思えるアプリを。
ユーザーが安心して記録し、正直に自分と向き合える環境をつくる

シーンの構築
プライバシーと信頼を核心に
ユーザーが何かを記録し始める前に、まず「ここは安全で、自分だけの場所だ」と感じてもらう必要がある。

オンボーディングアニメーションの設計は、ある観察から生まれました。
ユーザーは大抵、何かを能動的にしたくない状態でこのアプリを開きます。だからこそ私たちはアニメーションを通じて一つのことを伝えたいと考えました——このアプリを開くこと自体が、すでに能動的な助けを求める行動(Help-seeking Behavior)であり、ユーザーに「これは自分で選んだ空間だ」と感じてもらうことです。そこから最初の安心感と信頼が生まれ、その選択こそが癒しの出発点になります。
なぜ私たちは「プライベート美術館」を核となる舞台に選んだのか?
美術館は単なる物の保管場所ではなく、経験に意味を与える場所です。ユーザーは心のどこかで、飾られる作品はすべて大切なものだと期待しています。
私たちは一つひとつの感情の出来事を、作品に変えます。作品はすべてユーザー自身のものであり、評価されることなく、ただ大切に収められます。この設定は心理的に、「ここでの自分は、外での自分と同じでなくていい」という前提をつくります。

ユーザーを支える
理性で感情を認識し、理解する
ユーザーを感情から一歩引かせ、第三者の視点から自分の感情を本当に理解できるようにする。

感情の渦中では、人は理性的に考えることが難しい。
ユーザーを自分自身の感情から引き離すために、私たちが選んだ解決策は、感情を「選択」できるキャラクターに変えることでした——この行為そのものが、ユーザーに第三者の視点から自分の状態を見ることを促します。感覚的な状態から理性的な思考へと切り替え、感情に飲み込まれないようにするためです。
これは認知行動療法における核心的なメカニズムであり、私たちはそれをプロダクトの中で最も自然なインタラクションへと落とし込みました。
24種類の感情キャラクターで、ユーザーの心の壁をやわらげる
ユーザーの心理状態を踏まえ、私たちは「選ぶ」という行為をもっと温かいものにしたいと考えました——向き合うことを恐れるのではなく、自分を受け入れるための行為として。
感情キャラクターはPlutchikの感情の輪を参照し、24種類の感情に命を吹き込みました。それぞれに対応する色と、はっきりとしたビジュアルを持たせています。色の選び方は感情心理学に基づいており、ユーザーが選んだ瞬間に直感的な納得感を得られることを目指しています。
ネガティブな感情でさえも面白く感じられるように——すべての感情には存在する価値があると伝えるために。

感情に意味を与える
感じ方を前向きに捉え直し、深い自己認識を築く
感情と出来事を結びつけることで、自分の感情のパターンを発見する

感情は、ユーザー自身の言葉を通じて表現される。
ユーザーが入力したテキストの描写をもとに、システムは一つひとつの出来事に対して多角的な分析を生成します。
私たちは、振り返るたびにユーザーが——自分のどんな瞬間も、しっかりと耳を傾けられ、記憶されていると深く実感してほしいと考えています。
さらに一歩進んで、私たちはどうすれば感情のパターンを把握できるのでしょうか?
感情の記録と生活の出来事を結びつけて分類し、ユーザーが中長期的なデータを照らし合わせることで、自分自身の行動や思考のパターンを客観的に観察し、把握できるように導きます。
感情は多くの場合、特定の状況と結びついて生まれるものです。

信頼から、また戻ってきたくなる理由へ

次のステップとして、
ユーザーがより正確に自分の感情を選べるように
デザインにできることは、機能をつくってユーザーが使ってくれることを期待することではありません。
ユーザーの心理と状況に基づき、使い続けたくなる空間をつくることです。

yushidesignstudio@gmail.com
ブランドデザイン Brand Identity Design
医療・クリニックブランディング
Healthcare & Clinic Branding
教育・知識ブランディング
Education & Knowledge Branding
レストランブランドアイデンティティ
Restaurant Brand Identity
お茶ブランドアイデンティティ
Tea Brand Identity
コーヒーブランドアイデンティティ
Coffee Brand Identity
スタートアップ・テックブランディング
Startup & Tech Branding
文化・クリエイティブブランディング
Culture & Creative Branding
ウェブデザイン Web Design
ウェブデザインプロセス
Web Design Process
Webflowカスタムデザイン
Webflow Custom Design
WIXカスタムデザイン
WIX Custom Design
Framerカスタムデザイン
Framer Custom Design
その他
プラン
Plans
記事
Articles