そんな数々の記事の中でも、特に「これは！」と膝を打ったのが、NEWSで取り上げられていた「モバイ...
そんな数々の記事の中でも、特に「これは！」と膝を打ったのが、NEWSで取り上げられていた「モバイルオーダーシステムのUI/UX改善が顧客満足度を15%向上させた」というトピックです。今やモバイルオーダーなんて当たり前のツールですけど、ただ導入すればOKという単純な話じゃないんだなって、この記事を読んで改めて痛感しました。お客さんにとって、スマホで注文する体験がスムーズで快適か、それともストレスフルか。そのちょっとした差が、お店への印象を大きく左右するんだろうなと。記事では「顧客満足度が15%向上」という結果が示されていましたが、じゃあ具体的にどんな改善がその数字に繋がったのか、独自に非常に気になって、少し自分でも考えてみたんです。
考えてみると、優れたモバイルオーダーのUI/UXって、突き詰めると「お客さんを迷わせない、ストレスを与...
考えてみると、優れたモバイルオーダーのUI/UXって、突き詰めると「お客さんを迷わせない、ストレスを与えない」ことと、「ちょっとした楽しさや特別感を演出する」ことの2つに集約されるんじゃないかなって。例えば、メニューの階層が深すぎて、お目当ての商品にたどり着くまでに何回もタップさせられるアプリ、ありますよね。あれって地味にストレスです。逆に、海外の有名なバーガーチェーンのアプリなんかは、トッピングを選ぶとリアルタイムでバーガーのイラストが変化する。これって、ただ分かりやすいだけじゃなくて、自分だけのバーガーを作っている感覚が非常に楽しいんです。ECサイトの調査データなんかを見ても、購入プロセスが複雑なことは離脱の大きな原因になると言われています。これはファストフードの注文でも全く同じことが言えるはず。たとえば、Reactみたいな技術を使えば、ユーザーの選択に応じて画面が直感的に変わるような仕組みも作りやすいです。
```javascript // Reactで選択肢に応じて合計金額を動的に更新する簡単な例 imp...
```javascript // Reactで選択肢に応じて合計金額を動的に更新する簡単な例 import React, { useState, useEffect } from 'react';
const MenuSelector = ({ items }) => { const [sel...
const MenuSelector = ({ items }) => { const [selectedItems, setSelectedItems] = useState({}); const [totalPrice, setTotalPrice] = useState(0);