专业知识分享案例研究 · 设计 · 体验

UI / UX案例研究:重新设计一个公共交通旅游城市APP

2020-05-0610 MIN READ原载于微信公众号 ↗

当你到了一个新的城市

你会使用什么App来查找交通攻略?

这样的App又是如何设计的?

想象一下你第一次在一个新的城市使用公共交通,你知道怎么做比较容易,对吧?

找一张地图或下载一个应用程序来帮助自己导航。然而,迪拜地铁并非如此,深层次的背后是有许多规则与当地的文化背景有关。例如,你知道男人和女人必须乘坐不同的车厢吗?甚至还有专为有钱的乘客准备的黄金车厢,或者你只能用一张特殊的不记名卡来进行支付费用。

处理所有这些分歧需要我们提供帮助。

但不幸的是,目前在这个问题上,我们没有多少援助计划。我们团队现在要面对和克服的挑战是我们要找到一种移动解决方案,既能适应这种非典型的地铁,又能提出一种新的概念,继而为大型旅游城市开发一款公共交通应用。

这个案例研究描述了我们的团队在重新设计这个应用程序时所经历的过程,并基于我们在这个过程中所获得的见解定义了它的功能。

1背景

2018年1月,我们拥有了一个重新设计公共交通应用的想法。在团队的一位同事去迪拜度假后,他说这个城市给他留下了深刻的印象,尤其是它的公共交通系统,包括地铁、公共汽车、有轨电车,甚至水上巴士。

然而,我们的同事注意到,当地的公共交通移动应用程序已经过时了,功能有限,而且在运行中很难使用。所以我们决定勇敢地(一如既往地)重新设计它。

2发现

我们没有发现与这个项目相关的全面的基准分析,因为它的核心思想与竞争对手不同。因此我们决定进行头脑风暴,阅读用户在谷歌Play上对类似应用的反馈,并与经常使用公共交通的当地人以及之前去过迪拜的游客交谈,从而构建该应用的功能。

我们首先定义了两个主要的 目标受众群体: 游客 和 当地人。

因此,应用程序必须以一种对两者都有效的方式运行。因此,我们将着重于从目标受众的行为模式和可能的需求和期望中建立一个全面的了解。

接下来,我们对他们可能面临的挑战进行了分析,并列出了每个组的使用场景。这些活动让我们对现代大城市的游客和市民在使用公共交通工具时的需求有了深刻的了解。

游客和当地人的使用场景

游客

在迪拜,所有的公共交通都受到一个名为Nol的电子售票系统的约束。Nol cards适用于的士、收费停车场、公众地方及公园。当一个游客第一次来到迪拜,他/她很可能没有Nol card,甚至几乎不知道它是什么以及如何得到一张。例如,我们的同事在刚到迪拜的时候就遇到了这样的问题,他告诉我们,他在旅途中遇到的其他游客也有类似的经历。

然而,事情远不止表面上那么简单。该系统不收取固定价格的门票。相反,旅行的费用取决于到达目的地所需要的时间。因此,旅行者必须知道Nol card的当前余额,并能够随时在线充值。

此外,迪拜的规则和法律非常严格,偶尔也会与西方人习惯的不同。例如,在酒精影响下出现在公共场所甚至可能导致立即被驱逐出境。当然,没有人希望这样的事情发生,所以在这个国家提前知道这些规则是避免任何麻烦的必要条件。

根据游客面临的挑战,绘制了以下使用场景:

  • 办理Nol card(线上及线下)
  • 检查信用卡余额
  • 充值卡
  • 在应用程序中获得支持服务环城旅游(导航、游览景点)
  • 到达想要的目的地
  • 参观著名的旅游景点
  • 获取有关城市的有用信息(地方规则、罚款、紧急热线、可访问性信息)

当地人

与游客不同的是,当地人通常都很了解这座城市,所以他们更专注于检查信用卡余额,然后充值。根据用户对其他应用程序的反馈,我们发现许多应用程序目前在运行时很难做到这一点,在添加Nol card的过程既笨重又不可靠。

此外,还有许多收入较低的临时工,他们正在寻找在一部智能手机上增加几张Nol card的可能性。

根据当地人所面临的挑战,绘制了以下使用场景:

  • 检查Nol card的余额
  • 充值卡
  • 在应用程序中获得支持服务
  • 获取有关城市的有用信息(紧急热线、可达性信息)

3功能

我们采取的下一步是把获得的使用场景将如何放置在我们的应用程序中。

用户充值的过程

Nol card

大多数游客在第一次乘坐迪拜国际机场的公共交通工具时,面临的一个挑战是弄清楚哪里有Nol card以及在哪里可以拿到Nol card。

我们知道Nol E-系统是复杂和棘手的。这就是为什么我们在首次发布应用程序时,决定添加在屏幕上。它提供了每种Nol card类型的描述,并建议用户要么在线购买一种Nol card,要么到附近的办公室购买。

刷新和充值余额

该应用程序现在的主要功能是检查和充值Nol card余额。

我们从用户对类似应用程序的反馈分析中发现的一个主要问题是,他们在向Nol card添加信用卡时所面临的难度。

谷歌Play上类似应用的一些评论

因此,我们的目标是确保这个过程尽可能简单,因此我们提出了一个复杂的解决方案。

余额将在用户每次打开Home按钮时立即刷新。此外,该应用程序允许在屏幕上添加几张卡,并通过左右滑动在这些卡之间切换。

当用户填写完Nol card的详细信息后,app会自动保存他/她的卡号,并只存储在用户的设备上,使其个性化和安全使用。

充值功能可在中间浮动操作按钮中使用。有两种付款方式:使用谷歌Pay或添加银行卡支付。

人们往往会忘记及时充值,而且是在最不方便的时候,比如在地铁站或公交车站。在这种情况下,填写银行卡的详细信息来进行支付会导致信息暴露,银行卡信息的安全处于危险之中。这就是为什么用户还可以安全地将银行卡信息保存在应用程序中,以方便以后的支付。

此外,由于智能手机的屏幕越来越大,人们与移动版网站或应用程序交互的方式也发生了重大变化。这直接影响了移动交互UI的设计方式。

例如,根据一个针对拇指运动的热图分析,最容易到达的(绿色)区域是屏幕的左下角,而左上角是最难到达的(红色)区域。

移动设备上拇指使用的热度图

我们通常会分析热图,以增加在运行中使用应用程序的便利性。

因此,我们将应用程序最重要的功能(home键、导航键、充值键)放在绿色拇指区,并将工具栏放在屏幕底部,而不是使用层叠菜单。出于同样的原因,例如,将卡片保存到以后使用的功能也在红色区域,以确保它不会被意外按下。

导航

第二个优先优化的是路线规划。

在这里,我们假设更常用导航的是游客,因此,我们专注于使其高度适应他们的需求和期望。

在应用程序中直接建立路线可以大大节省用户的时间,并确保他们不会错过任何重要的观光。我们在屏幕顶部和浮动操作按钮中都安装了导航地图功能。

Android设备的最佳解决方案是谷歌地图,因为许多人都熟悉它,而且它很容易集成到任何外部应用程序中。

智能助手

为了让这个应用程序变得有用和具有吸引力,我们决定制作一个类似于谷歌发现的智能助手。它存储信息并提供相关的提示,而不具有侵入性。

我们为它设定了三个目标:

(1)为用户提供迪拜的法律法规信息

(2)使应用程序直观方便

(3)为用户推荐公园、观光、餐厅、公园等著名的旅游景点

探索迪拜

为游客提供额外的价值。它使用智能助手的概念,在人们需要获取信息时,根据人的地理位置和使用历史,显示信息卡片。这些卡片为游客提供了基本的旅游规则和法律信息,为用户提供了快速接入紧急热线,显示天气预报等。

路线导航信息卡片

显示特定用户接下来最有可能使用的导航。它可能是返回酒店或家的路线,也可能是用户每天在特定时间所走的路线,这个特性也能对当地人提供帮助。

热门景点卡片

卡片会建议哪些著名的旅游景点,如寻找发现餐馆,酒店或有趣的观光。

夜晚主题

我们知道每个人都是不同的,都有自己对设计的理解。所以我们提出了两个主题的选择: 标准主题 和 夜晚主题。

它的目的不仅是为了调整用户的个人品味偏好,也为了增加应用的可用性价值。

例如,在一个陌生的城市中,不愉快的经历有电池耗尽,这是很常见的情况。因此,延长手机的使用寿命是很有价值的,尤其是在旅行的时候。

众所周知,带有AMOLED屏幕的智能手机耗电量要少得多,黑色主题的电池要比白色主题的少得多。因此,夜晚的主题在这里会有很大的帮助,深色的配色方案也更方便了夜间使用手机对眼睛的保护。

app的主题可以手动从标准主题改为夜晚主题。

4结论

这个项目不仅仅是重新设计一个非典型类型的公共交通应用程序,它还提出了一个非传统的概念,一个现代公共交通应用程序,可以在许多其他城市使用。它是根据当地的传统和规则进行调整,从而使城市导航变得直观且有趣。我们实现的功能也减轻了在运行过程中使用该应用程序的压力,并让该应用程序同时充当游客和当地人的向导。

你觉得这个概念怎么样?请在下面的评论区评论和分享您的反馈。我们很乐意讨论您对我们项目的想法!

附注:我们对有趣的项目持开放态度。通过https://bravegeeks.team/联系我们!

原文:查看链接 ↗

作者:BraveGeeks Team

译者:益生菌菌

原文请戳【阅读原文】

为尊重版权和译者

转载请联系我们

我们

服务.体验.交互设计传道者

「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办,致力于创造卓越的设计知识学习课堂,专注交互设计、用户体验设计、服务设计领域的专业知识教育。

教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校,以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。

清华大学有训曰:行胜于言。「一只朝菌」谨承母校百年教诲,时刻铭记师者之责,为好学者传道授业,为有志者掌灯引行。

本文原载于微信公众号,正文与配图已转存至本站以便长期访问。 查看原文 ↗

有想具体聊聊的问题?把你的情况说一说。

联系咨询