味わい深い:フードアプリデザインのガイド

公開: 2022-03-11

COVID-19のパンデミックが世界的な封鎖を促したとき、人々が食料品、昼食、カクテル、軽食を注文できるようにするアプリは、文字通り人々と企業を同様に維持するライフラインになりました。 食料品のeコマース企業であるMercatusの調査によると、米国のオンライン食料品の売上は2025年までに全食料品の売上の21.5%を占めると予想されており、パンデミック前の見積もりを60%上回っています。 レストランデリバリーの市場も急成長しました。 たとえば、英国では2020年に128%増加しました。

しかし、需要とともに、食品注文アプリ間の激しい競争が発生します。 新しいものは次々と生まれていますが、顧客は1つのビジネスへの忠誠心をほとんどまたはまったく示していません。 競争がますます激しくなる中、オンライン食品注文および食料品会社は、自社製品を区別し、顧客を引き付けて維持するのに役立つ設計の専門家に目を向けています。

ミニマリズムの最大化:空白の力

もちろん、食品アプリでは、商品を食欲をそそるように見せるために高品質の写真が必要ですが、その間のスペースも同様に重要です。 アプリが乱雑な場合、あなたはあなたの食べ物も同様になると思うかもしれません。

食料品アプリの設計に関しては、クリーンなUIの作成は口で言うほど簡単ではありません。 食料雑貨店は非常に薄いマージンで運営されているため、オンラインでは広告とバナーを利用して収益を上げています。 トロントを拠点とする家族経営のスーパーマーケットチェーンであるLongo'sのオンライン注文部門であるGroceryGatewayのデジタル製品管理責任者であるSimoneTheeboomは、次のように述べています。 「しかし、もっと多くの製品を紹介できることを諦めているかもしれません。」 それでも、彼女はそれを支払うのは公正な価格だと考えています。 空白は、見栄えを良くするだけでなく、ユーザーがページをスキャンしてその視覚的な階層を把握しやすくします。 「私は常にUXチームに挑戦しています。どこでより多くの空白を作成できますか?」 彼女が言います。

専門家によると、大量の空白を含むすっきりとしたデザインは、食品が高品質で新鮮であることをユーザーに知らせます。

FoodAppUIでの検索に焦点を当てる

ユーザーは、必要なものを正確に見つけて、すばやく見つけることができなければなりません。 当たり前のように聞こえますが、食料品店は通常、数万のSKUを提供し、定期的に在庫を変更しています。 「システムには膨大な量の情報が流れ、常に変化しています」と、カナダ最大の食品小売業者の一部であるInstacartとLoblawDigitalのプロジェクトに携わってきたJonathanLau氏は言います。 「家具や衣料品については、次の四半期または1年続く同じアイテムのカタログがあるかもしれませんが、食料品では、物事は毎日変わる可能性があります。」

顧客が自分の目的を見つけられない場合は、先に進みます。 UserZoomは、Google、PayPal、Salesforceなどでプラットフォームが使用されている大手エクスペリエンスインサイト管理会社で、4月に投資家から1億ドルを調達し、最近、米国と英国のオンライン食料品店の買い物客を調査しました。 英国の買い物客のほぼ4分の1が、オンラインで食料品を購入する際に必要な主な機能として検索のしやすさをランク付けしていることがわかりました。 この調査では、検索機能とカートへの追加機能の統合が非常に成功していることもわかりました。 英国のスーパーマーケットであるアズダとアイスランドはこれを大成功で行っています。UserZoomのVP兼リサーチパートナーのダナビショップはToptalに次のように語っています。 この場合、各結果には、サムネイルとともに必要なすべての情報が含まれます。 説明があります。 グラム数、価格、販売されているかどうか、カートに追加する機能があります。」 顧客の3分の1がこれを利用しており、ビショップは、これらの食料品店が英国全体で最高にランク付けされているのは偶然ではないと述べています。

英国のスーパーマーケットチェーンであるAsdaでは、ユーザーは検索バーから直接カートに商品を追加して、商品のランディングページに移動する手間を省くことができます。

最短の旅を計画する

タスクを完了する速度はどのサイトにとっても重要ですが、人々は時間に余裕がないときにタスクに頼るので、食事配達アプリにとっては特に重要です。 Andrijana Mrkelaがdivoora.comの再設計に取り組んでいたとき、スイスのイタリア語圏にサービスを提供する食事配達アプリは、選択とチェックアウトをできるだけ早く行うことが最優先事項でした。 「人々は料理をする時間がないか、単にレストランに行く時間がないので、食べ物を注文します。 注文のプロセス全体は本当に簡単で迅速である必要があります」とMrkelaは言い、4〜5ステップしかかからないと付け加えました。

食料品の買い物では、手順を最小限に抑えることも不可欠です。「食料品のビジネスを推進するのは、サイトまたはアプリにアクセスして、できるだけ早く食料品をチェックアウトするという体験です」とTheeboom氏は言います。 UserZoom Competitive UX Research Benchmark Reportでは、最高ランクのサービスは、ユーザーがカートに何かを追加する前に表示されるページ数を制限するサービスでもあります。 一例では、ウォルマートのユーザーはたった3つのページビューでタスクを完了しました。 同じタスクで、AmazonFreshユーザーは10ページビューを取得しました。 ウォルマートは、ユーザーエクスペリエンスにおいて、米国の食料品店の中で一貫して1位にランクされています。

デザイナーはまた、特に送料無料など、彼らが目指していると思われる特定の何かがある場合に、サインアップとチェックアウトの経験のどこにいるかを人々に示すことをお勧めします。 業界最高の栄誉の1つであるAdAge2021StandoutAgencyリストに選ばれたYMediaLabs (YML)のクリエイティブディレクターであるAugust Kreowskiは、画面の上部を横切るステッパーの設計を推奨しています。 オンラインの自然食品スタートアップThriveMarket(Compass製品とは無関係)のランディングページとオンボーディングファネルを再設計したチームを率いたKreowskiは、Toptalに次のように語っています。その最初の送料無料の資格があります。」

Thrive Marketページの上部にあるステッパーは、カートの作成とチェックアウトのプロセスのどこにいるのかを顧客に示します。

エクスペリエンスをパーソナライズする

速度を考慮して設計するということは、トランザクションを完了するためのステップ数を単純に最小化することではありません。 また、エクスペリエンスをパーソナライズして、残りのアイテムをミュートしながら、必要なアイテムをユーザーに表示することも意味します。 「意思決定プロセスは面倒です」と、ユーザーが同じタブで複数のレストランから注文してすべてを一度に配信できるアプリ、KitchenUnitedのUXチームで働いていたDiegoValencia氏は言います。 彼はデザイナーに、ユーザーがより多くの好みを設定できるようにして、選択肢を制限するようにアドバイスしています。 美味しい菜食主義者が欲しいです。 私は4人のグループにいます。 私はあなたに、アプリ、私が欲しいものを伝え、あなたはそれを世話します。」

パーソナライズは、メンバーシップベースの繁栄市場にとって最も重要です。 Kreowski氏によると、YMLの彼のチームがプロジェクトに着手したとき、彼らの担当は、食料品店に1時間半しかかからない「ミレニアル世代の母親」の設計と、洗濯や家の掃除でした。 「私たちにとって、それは「誰かが1週間または数週間5分または10分以内にすべての食料品の買い物をすることができる体験をどのように構築できるでしょうか?」と彼は言います。 「時間はとても大きな要因です。 カートの作成速度についてはよく話しました。」

食事の好みについてのクイズでオンボードのマーケットユーザーを繁栄させます。 そこから、Kreowski氏は、「Thriveの10,000 SKUを取得して、ユーザーが認識しているだけでなく、気に入っている40個のアイテムを表示する方法でユーザーをホームページに誘導することができました」と述べています。 彼のチームは、Thriveのスクロール体験を、食料品店でのブラウジングのパーソナライズされたバージョンになるように設計しました。 「下にスクロールするだけでなく、横にスクロールすることもできます」と彼は言います。 「通路をすばやく閲覧しているように、商品を追加できます。」 彼らはまた、買い物客が実際の食料品店で注目の商品やエンドキャップに出くわした経験を再現しようとしました。 mもう少し体験的な感じの新しいアイテムに出会う​​。」

また、お気に入りのアイテムを簡単に保存したり、頻繁に購入するアイテムを一貫して表示したりできるようにすることも重要です。 「顧客がどのように買い物をしたいかについて、アプリで顧客に提供できるオプションが多ければ多いほど、より良いものになります」とTheeboom氏は言います。 「だから、彼らにリストを作って、彼らにお気に入りを見せて、彼らに過去の購入を見せてもらいなさい。 カートに追加したい商品を実際に見つけるためにナビゲートするさまざまな方法を提供したいと考えています。」

Thrive Marketでは、過去の購入を表示するだけでなく、お気に入りの製品のリストを作成できます。 同社はまた、製品を自動出荷し、特定のアイテムが不足している可能性があることを顧客に通知します。

思い出深いものにする

消費者が自分たちの食べ物がどこから来ているのかということにますます関心を持っていることは間違いありません。 2019年には、米国の消費者の60%が、2017年の47%から、社会問題に対する姿勢に応じてブランドを購入しました。

Kreowskiは、Thrive Marketのホームページを再設計する際に、会社の社会的責任の精神を強調することの重要性を認識しました。 たとえば、2019年、Thrive Marketは、自社ブランドのコーヒーの売り上げの10%をペルーの熱帯雨林の土地の回復に寄付するプロジェクトを実施しました。 このイニシアチブはすでにソーシャルメディアで注目を集めていたため、KreowskiはそれをUIにシームレスに取り入れました。 「私たちは、教育的であるだけでなく、顧客がクリックして商品をカートに追加できるようにするストーリーを伝えたいと思っています」と彼は言います。 「私たちがすでに知っている価値観に触れるこのマーチャンダイジングで、買い物客が自分の食料品の経験の中で邪魔をすることができたらどうでしょうか?」

ブランドストーリーを際立たせることは、小さな食料雑貨店がかなり大きくても個人的ではないウォルマートやアマゾンフレッシュとの差別化にも役立ちます。 Theeboomは、Longoの配信アプリで作業しているときに、食料雑貨店とコミュニティとの長年の関係を強調するコールアウトをデザインするようにチームに指示したことを思い出します。 「私たちは地元に集中することができます。地元の農家を利用しているという事実と、注文に応じて電話をかけることができる高齢者にサービスを提供しているという事実です。」

優れたUXとUIを提供

おそらく他のプロジェクトよりも、食品注文アプリを作成するデザイナーは、ほぼ確実に先入観を持って割り当てを開始します。 結局のところ、誰もが食べます、そしてほとんどの人は彼らが好きなものと嫌いなものについて明確な考えを持っています。 さらに、食べることは強い感情と記憶を引き出します。 そのため、フードアプリのデザインプロジェクトを実施する際には、UXの調査を詳しく調べることが特に重要です。 ユーザーを理解するための調査を行わなかった場合、ユーザーの食べ方とはまったく異なる可能性のある、食べ方基づいて設計する可能性があります。

最近では、食料品店でのシリアルから5つ星レストランでの夕食まで、空腹の顧客がオンラインで注文できないものはほとんどありません。 食品注文の分野での競争が非常に激しいため、デザイナーは、インパクトのあるストーリーを語り、パーソナライズされたエクスペリエンスをデザインし、顧客の欲求を刺激するクリーンで簡単で直感的なデザインを作成することに集中する必要があります。