KOBITブログ

カラフルなのにシンプル。UI/UXに優れた海外のWebサービスサイト3選

この記事は約 6分 で読めます。

%e3%82%ab%e3%83%a9%e3%83%95%e3%83%ab

UI/UXについて理解を深め、優れたUI/UXを持ったWebサイトを構築するためにお送りする本連載。
ここまで、UI/UXの基本から、優れたUXを構築するための戦略や手法までを多数ご紹介してきましたが、今回からは、手法ではなく UI/UXに優れたサイトの海外事例をご紹介します。

UIやUXを向上させるには優れたWebサイトから学ぶのが早道です。実際に使ってみて、その経験を自社のWebサイトへ活用していきましょう。

「UI/UXを知り、優れたWebサイトを構築する」連載一覧

1.UI/UXの基本(全三回)

第一回:良いUI/UXとは何か?Amazonと楽天に見るユーザー体験の違い

2.UXに優れたサイトを構築するために検討するべき事項(全四回)

第四回:優れたUXを設計するための戦略:ペルソナ法とストーリーボード

3.UIの要素や方法論の解説(全二回)

第八回:優れたUI設計のためのレイアウト・配色・フォントの原則

第九回:優れたUI設計のために知っておきたい4種類のデザイン手法

UI/UXに優れたサイトの海外事例:Webサービス系

Asana:ポップな色合いがプロジェクトを捗らせる進行管理ツール

asana

Asana(https://app.asana.com/

Asanaはプロジェクト管理ツールとして急速に注目を集めています。カレンダー上にタスクを作成し、担当者や期限などを設定すると、期限が近づくたびに担当者へ自動的に通知する機能が、プロジェクトの遂行を促進します。関連するファイルなども一か所にまとめておけるため、担当者の生産性向上に寄与します。

Facebookの共同創業者と元エンジニアが2008年に創業し、ピーター・ティールなどの著名投資家が資金を投じたニュースが米国では有名です。Facebookでユーザーの生産性向上を担当していた創業者たちの経験を活かして作られたUI/UX はAsanaの強みと言えるでしょう。

淡い色合いが印象的なデザインは居心地がよく、企業向けの進行管理ツールとは思えないほどです。タスクを完了させたときに発生するアニメーションが、完了を祝ってくれるようで、もっとタスクを完了させたいと思わせてくれます。ゲームの要素を使って利用を促す「ゲーミフィケーション」に近いコンセプトに基づいたUXになっているのでしょう。ポップな見栄えでありながら、派手すぎず、シンプルな設計になっています。

Mailchimp:ユーモアを忘れず、細かい要望まで手が届くメルマガ配信サービス

mailchimp

Mailchimp(https://mailchimp.com/

MailchimpはEメール・マーケティングの自動化ツールとして多くのユーザーを獲得してきました。2001年の創業し、2014年の段階で100億通ものEメールを送信してきた実績があります。

Mailchimpを使うには、まず、宛先のメールアドレスを登録し、送信するメールの雛形を作成します。メール一斉送信を行う際には、宛先となるユーザーの氏名を自動的に挿入したり、メールの一部を条件によって異なるデザインを適用したA/Bテストを実施したりするなど、多種のオプションが選択できます。送信後は開封率やクリック率を計測したレポートを使って、Eメールキャンペーンの精度向上に役立てます。

Eメールマーケティングは多数の宛先リストを取り扱うため、膨大なデータを簡単に扱える仕組みが重要です。Mailchimpでは任意のテキスト列、CSV(カンマ区切りファイル)などを入力として、一斉登録が可能になっています。どの列がメールアドレスで、どの列が名前か、という部分も自分で指定できるため、ファイル形式を選ばない点が効率的です。さらに、登録したメールアドレスが既に入力済みだった場合は、自動的に既存のデータを更新する仕組みになっているなど、痒い所に手が届く仕様と言えるでしょう。

アイコンに使われているサルのようなキャラクターはMailchimp内で度々登場します。例えば、メール一斉送信を行った際には、サルがボタンを押すアニメーションが表示されるようになっており、ユーモアに溢れたWebサービスになっています。ユーモア性がユーザーにとっての心地よさを高め、UXを向上させているのは間違いないでしょう。

Typeform:テンプレート豊富なアンケート作成支援ツール

typeform

Typeform(https://www.typeform.com/

オンラインで簡単にアンケートが作成できるツールは競争が激しい業界です。GoogleフォームやSurveyMonkeyなどの大手企業がツールを提供していながらも、より良いユーザー体験を求めて新たな企業が立ち上がってきました。スペインを拠点にするベンチャー企業Typeformもその一つです。

オンラインアンケートは様々な場面で活用できます。イベントの会員登録や市場調査、顧客向け満足度調査、中途採用への応募、商品購入申し込み、クイズ、企業の中であれば目標管理や業績評価など、情報を収集するあらゆる場面で適用可能です。

アンケートを作成する際に検討するのは、見栄えはもちろん、質問の内容が非常に重要です。何をどのような形式で質問するのかを少し変えるだけで、アンケート結果は大きく変わり、その後のアクションにも影響してしまいます。質問の順番や回答形式、文言にも気を配る必要があります。

Typeformでは、あらかじめ数十種類の雛形が作成されており、必要に応じてカスタマイズが可能になっています。見栄えだけではなく、それぞれ多くの質問項目が設定されているので、アンケートを作成する手間が省けます。

アンケートは基本的にフラットデザインで、シンプルな構成です。質問に回答するごとにページが自動的にスクロールしていくため、アンケートの回答者にとっても快適なUXが提供されています。

まとめ

紹介したAsana、Mailchimp、Typeformに共通するのは、「カラフルで美しい見た目でありながら、UIは非常にシンプル」ということです。美しいデザインはそれだけで利用したくなりますし、必要な機能だけがシンプルに取り入れ、迷わず快適に使用できるというのはサービスの信頼感にも繋がります。

自分のサイトはなんだかシンプルすぎる、という方は、派手になりすぎない程度に色数を増やしてみるのも良いかもしれません。


CATEGORY:

さあ、KOBITをスタートしよう。