効率的なシステムを構築する（３）UI・UX設計

もう一度、UIとUXについて軽くおさらいしておきましょう。UIとはユーザーインターフェースのことで、ユーザーとサービスの接点を指します。UXはユーザー体験のことで、ECサイトを利用することによってユーザーが得る体験のことです。

売上をあげるためには、UIやUXが消費者の環境に最適化していることがとても重要です。そして、そのポイントは3つです。

・情報が整理されていてわかりやすいか(わかりやすさ)

・ボタンの位置や色、動線がスムーズで使いやすいか(使いやすさ)

・文章が読みやすいか(読みやすさ)

<情報が整理されていてわかりやすいか(わかりやすさ)>

カテゴリーごとにまとめて商品を閲覧することはできるものの、全ての商品をまとめて一覧にして見られる機能がない。ヘルプページはあるものの、検索機能がないために上から順に読んでいかなければならない。

このように、情報がカテゴライズされていなかったりいろいろな場所に分散していたりすると、ユーザーがいちいち迷ってしまい、ユーザーに「使い勝手が悪い」「イライラする」という体験を与えてしまいます。

<ボタンの位置や色、動線がスムーズで使いやすいか(使いやすさ)>

私たちは無意識に、前のページに戻るときには「←」次のページに進むときには「→」という矢印の方向で理解しています。「戻る」「進む」という日本語がなく「←」「→」だけが表記されていても、直観的に次のページに進みたいときには「→」のボタンを押すものです。そのため、戻るときに「→」進むときに「←」と逆向きの矢印を使用しているサイトでは、しばしば操作を間違えてしまいます。

また、顧客情報を入力する画面においてしばしば見られるのが、英数字を半角で入力しなければエラーが出るというものです。使いやすいサイトでは、電話番号の欄やメールアドレスの欄に「半角で入力」などのサポートがついていますが、こうした案内がなく、しかも入力が完了して画面遷移をしたらエラーになって入力済みの項目が全てリセットされ、また最初から入力していかなければならないようなサイトもあります。

こうした使いづらさもまた、ユーザーにとっては不快を感じるものです。ユーザーが不快を感じるようなサイトは、消費者の環境に適したUXとは言えません。

<文章が読みやすいか(読みやすさ)>

改行が全くない長文のテキストや漢字が多いテキストは、パッと目に入ってきたときに圧迫感が強く、読みにくいためになかなか内容が頭に入ってきません。文章の読みやすさも非常に重要です。

デザインを重視したECサイトによく見られるのが、文字が小さくて読みづらい、文字の色が薄くて読みづらいといったケースです。たとえば、グレーの背景に少し濃いグレーのテキストを重ねると、背景と同化してテキストが目立ちません。デザイン性は高くても実用性が低くなってしまうと、やはり消費者の環境に適したUXとは言えません。

とくに健康食品のECサイトではターゲットの年齢層が高くなることから、読みやすい文字サイズなどの考慮も必要です。