Biaのデザインの変遷

この記事では、Biaのデザインがどのように変わってきたのか、そしてユーザーの皆さんの声が今の見た目をどう形づくったのかを紹介します。

Conquer Emetophobia。Biaは、Conquer Emetophobiaという、嘔吐恐怖症のためのシンプルなエクスポージャー用コンテンツを載せた静的なウェブサイトとして始まりました。サイトでは、回避の悪循環がどのように恐怖症を生み、なぜエクスポージャーが恐怖症を学び直すのに効くのかを説明し、文字、単語、文、画像という形で少しだけコンテンツを提供していました。私自身、初めてエクスポージャー療法に取り組んだとき、何か月もこのバージョンを使っていました。スマートフォンやパソコンで各レベルを順番に開き、コンテンツを見ても不安反応が起きなくなるまで、少しずつ進む練習をしていました。サイトはわかりやすく使いやすいものでしたが、見た目はあまりよくなく、続けたくなる工夫や個人に合わせた機能はありませんでした。エクスポージャー用コンテンツの一覧以上のものはほとんどなかったので、エクスポージャーのセッションをうまく進めるための工夫は、すべてユーザーである私任せでした。同じように嘔吐恐怖症からの回復に踏み出したほかの人たちにサイトを紹介すると、特定の種類のコンテンツ、新しいレベル、モバイル端末へのより良い対応、そして何より、時間とともに進歩を記録できる方法を求める声が届きました。

道のり。エクスポージャーとは、意図的に不快感に近づくことで、恐怖症から少しずつ自分の人生を取り戻していくことです。それは信頼の上に成り立つプロセスです。今不快感を通り抜けることで、あとで恐怖症による不快感から解放される、という信頼です。道のりのデザインの見直しは、この信頼を目に見える形にすることを目指していました。60の練習からなる道のり全体を8つのマイルストーンに分け、ステップごとに進歩を記録しました。道のりの中で進歩を目で確かめ、時間とともに良くなっていく自分を見られることは、とても大きな助けになりました。突然、恐怖症を克服するためのはっきりした道が見えたのです。プロセスを信頼するのが楽になりました。1週間のエクスポージャーで本当の進歩が見えると、次の週も練習を続けやすくなりました。

プロとの協力。最初の2枚のスクリーンショットでおわかりかもしれませんが、私のデザインのセンスはあまりよくありません。ビジョンはあり、中身のコンテンツもそろっていましたが、その上に乗せるUXが欠けていました。そこで、デジタルデザイン会社のTubikと協力することにしました。今のサイトの見直しから始まり、UXの流れの設計、配色のすり合わせ、オリジナルのイラスト制作まで、すべてのステップを一緒に進めました。仕上がりにはとても満足していて、今後もTubikと一緒にBiaの新しい機能を作っていくのを楽しみにしています。

新しいデザインでは練習がコンパクトにまとまり、縦のスペースをずっと取らなくなりました。練習やレッスンの種類ごとのオリジナルのイラストでサイト内を移動しやすくなり、進歩もひと目でわかります。モバイル表示では、ひとつのマイルストーンが横にスクロールする1つの画面にまとまり、開閉できるフッターから各マイルストーンへすぐに移動できます。

読んでくださり、ありがとうございます。皆さんの体験談やフィードバックをいつでもお待ちしていますので、気軽にお問い合わせください。Biaの歴史についての関連記事もぜひご覧ください。