編輯導(dǎo)語：若想設(shè)計(jì)一款符合實(shí)情、保障用戶體驗(yàn)的應(yīng)用，用戶調(diào)研、用戶需求洞察等步驟都是必不可少的，設(shè)計(jì)師需要找到用戶可理解的設(shè)計(jì)平衡點(diǎn)。本篇文章里，作者復(fù)盤了一款A(yù)PP應(yīng)用的設(shè)計(jì)案例，并總結(jié)了相關(guān)設(shè)計(jì)經(jīng)驗(yàn)，一起來看一下。

一、產(chǎn)品概述?Product Overview

Aider 是一款幫助人們?cè)诰o急情況下拯救生命的 APP，用戶可以在通過此 APP 呼叫救護(hù)車，提供附近醫(yī)院的方向，與醫(yī)生交談等等。繼續(xù)閱讀你會(huì)了解到更多這一 APP 是如何做到這一點(diǎn)的。

這款 APP 是我的個(gè)人項(xiàng)目。我進(jìn)行了用戶體驗(yàn)研究，并根據(jù)研究階段得到的結(jié)論來設(shè)計(jì) APP 的用戶界面。

設(shè)計(jì)一款面向大量受眾的應(yīng)用程序并不容易，但通過良好的用戶體驗(yàn)研究后，在 Figma 和 adobe illustrator 上進(jìn)行了一系列試驗(yàn)，我成功地為 Aider 設(shè)計(jì)了良好的用戶體驗(yàn)。

二、緊急情況下的挑戰(zhàn)?The challenge with regards to emergency situations

2017 年，就在我即將離開高中之前，我們進(jìn)行了一項(xiàng)室內(nèi)運(yùn)動(dòng)，其中一名隊(duì)友頭部受傷，他因?yàn)闆]有救護(hù)車把他送到一家好的醫(yī)院而遺憾死去。

幾年前，在尼日利亞首都阿布賈，三個(gè)年輕的青少年準(zhǔn)備參加考試，卻突然遭遇了一場(chǎng)意外。雖然周圍有很多撒瑪利亞人（撒馬利亞會(huì)：英國慈善團(tuán)體，為嚴(yán)重抑郁和想自殺的人提供熱線電話談心服務(wù)），但沒有適合的車將他們運(yùn)送到附近的醫(yī)院，他們都失去了生命。

BBC 的一項(xiàng)調(diào)查顯示，許多重病患者等待救護(hù)車的時(shí)間超過一個(gè)小時(shí)。Aider 是解決此類及更多情況的解決方案。人類的大腦希望在緊急情況下能夠立即做出決定并采取行動(dòng)，Aider 致力于挽救生命。那么它是如何解決的？

• Aider 允許用戶查看附近的醫(yī)院（并顯示有可用救護(hù)車的醫(yī)院）；
• Aider 允許用戶呼叫救護(hù)車到他們當(dāng)前的位置；
• Aider 允許用戶向親人發(fā)送 SOS 消息（包含用戶的當(dāng)前位置）；
• Aider?給予急救技巧建議。用戶會(huì)收到隨機(jī)的急救提示作為通知（用戶為此設(shè)置時(shí)間）；
• 有了Aider，用戶可以從應(yīng)用商店購買急救箱和醫(yī)療用品；
• Aider 允許用戶在緊急情況下與專業(yè)醫(yī)療人員交談。

Aider APP 提供的解決方案具有廣泛的受眾。受眾群體的范圍從街上沒有任何技術(shù)知識(shí)的小販到大學(xué)里非常有學(xué)識(shí)的 Z 世代。這使任務(wù)變得有點(diǎn)困難，但我將帶你慢慢了解我是如何設(shè)計(jì)這款能夠拯救生命的 APP 的。

三、了解緊急情況和響應(yīng)?Understanding emergency situations and response

在使用 Figma 設(shè)計(jì)之前，我從研究階段開始做這個(gè)項(xiàng)目。我親身經(jīng)歷過緊急情況，這種情況下雖然我希望能做些什么，但由于經(jīng)驗(yàn)不足讓我束手無策。我需要確定 Aider 將要解決的問題，這將使我明確要廢棄的功能和要加入的功能。

在進(jìn)行用戶訪談之前，我從大量桌面研究開始，只采訪了 13 個(gè)用戶作為樣本進(jìn)行研究，但我得到的信息都非常有效，因?yàn)槲掖_保了進(jìn)行多樣化的采訪過程。采訪人員包括了阿布賈尼日利亞農(nóng)村市場(chǎng)的三名營銷人員、五名高中生和五名工人階層。我拿了一支筆和一本書，并詢問他們對(duì) Aider 功能和外觀的想法。

在進(jìn)行了用戶訪談后，我研究了其他緊急應(yīng)用程序，還查看了支持它們的研究，并將其與我的研究進(jìn)行了比較。我將添加一些來自其他 APP 的屏幕截圖，并解釋用戶界面布局背后的原因。

有趣的發(fā)現(xiàn)

在親自研究階段，我發(fā)現(xiàn)一個(gè)應(yīng)用程序僅供緊急使用，那么它就不會(huì)出現(xiàn)在很多人的手機(jī)中。這讓我覺得，Aider 還需要包括一個(gè)網(wǎng)絡(luò) APP 和一個(gè)智能手表 APP 的功能，人們可以在這些緊急情況下訪問它們。

網(wǎng)絡(luò) APP 和智能手表版本的功能有限。該網(wǎng)絡(luò) APP 將具有該應(yīng)用程序的主要功能（呼叫救護(hù)車和了解周圍的醫(yī)院）、一個(gè)供人們學(xué)習(xí)急救技巧的板塊和一個(gè)急救箱商店。智能手表將具有 sos 消息功能和 APP 的主要功能。智能手表 sos 功能僅在連接到手機(jī)時(shí)才能使用。

這一發(fā)現(xiàn)也影響了引導(dǎo)動(dòng)畫的設(shè)計(jì)，看看下面的界面，你會(huì)發(fā)現(xiàn) “跳過” 選項(xiàng)允許用戶跳過引導(dǎo)動(dòng)畫及其信息，但我希望用戶至少知道一點(diǎn)點(diǎn)他們能做的事情，于是在登錄 / 注冊(cè)屏幕上提供了一些信息，即使用戶選擇跳過引導(dǎo)動(dòng)畫，他們?nèi)匀粫?huì)閱讀到這些信息。

四、基于用戶調(diào)研的設(shè)計(jì)決策?Key decisions made backed by research phase

1. 主頁布局

毫無疑問，該應(yīng)用程序的受眾目標(biāo)中的每個(gè)人都擁有并使用過電視遙控器的體驗(yàn)。

起初 Isaac Somto 設(shè)計(jì)了一些看起來非常像遙控器的東西，但它沒有按 Isaac Somto 的預(yù)期工作，這讓 Isaac Somto 回到了構(gòu)思階段，Isaac Somto 想出了類似的東西。寬大的緊急紅色按鈕、急救箱指南按鈕和發(fā)送 sos 消息按鈕的設(shè)計(jì)類似遙控器的設(shè)計(jì)。

Isaac Somto 把原型帶給了一些參與研究階段的人，結(jié)果，他們沒有在 Isaac Somto 指導(dǎo)下也知道如何操作。一位幾乎不了解技術(shù)的營銷人員也確實(shí)理解了 “在緊急情況下點(diǎn)擊下方的按鈕”。紅色按鈕上方的信息很有用。這種反饋塑造了更多的設(shè)計(jì)決策。

2. 菜單、圖標(biāo)和交互

在第一次反饋的支持下，我使用了易于識(shí)別的圖標(biāo)，并在大多數(shù)圖標(biāo)上附加了文字，以便用戶知道他們點(diǎn)擊的功能。我還在應(yīng)用程序中添加了一些信息，以便讓目標(biāo)受眾中的每個(gè)人都可以輕松使用，用戶可以在地圖屏幕上找到此類信息。

我把按鈕做得很大，以確保它對(duì)用戶來說足夠友好，并減少用戶輸入錯(cuò)誤或點(diǎn)擊錯(cuò)誤的幾率。

我也沒有使用漢堡式菜單，因?yàn)槟繕?biāo)受眾中的某些人可能并不知道如何使用它，并且與使用的底部菜單相比，它很難快速讓用戶到達(dá)相應(yīng)的位置。除此之外，底部菜單還有助于提高用戶留存率，因?yàn)樗鼤?huì)立即顯示出應(yīng)用的功能。

在 APP 中，我給予用戶控制一切的感覺，即使軟件會(huì)幫助他們做出決定，但仍然給予用戶控制權(quán)。

例如，當(dāng)用戶想要預(yù)訂救護(hù)車時(shí)，應(yīng)用程序會(huì)自動(dòng)呼叫離用戶位置最近的救護(hù)車，但用戶也可以取消此操作并可以選擇其他救護(hù)車。

3. 視覺元素

作為品牌形象設(shè)計(jì)師，我還負(fù)責(zé)了 APP LOGO 的 設(shè)計(jì)，并為 APP 構(gòu)建色彩體系。

我使用紅色作為品牌的主色之一，因?yàn)榧t色主要用于醫(yī)療和急救領(lǐng)域，此外紅色能激發(fā)最強(qiáng)烈的情感。同時(shí)，我還添加了黃色作為主色，因?yàn)辄S色是有活力的，因此經(jīng)常用來引起用戶的注意力。

4. 項(xiàng)目學(xué)習(xí)和收獲

我學(xué)到的重要的一點(diǎn)是，在為廣泛的目標(biāo)人群進(jìn)行設(shè)計(jì)時(shí)，你不要因?yàn)橐粋€(gè)目標(biāo)受眾而犧牲另一個(gè)目標(biāo)受眾所需要的功能，而是努力找到受眾人群中的平衡。不得不說，Aider 很容易被所有的目標(biāo)受眾理解，并且看起來比較不錯(cuò)。

其次，用戶研究是一個(gè)非常重要的步驟。該 APP 的最初想法只是成為人們可以在緊急情況下用來呼叫救護(hù)車的 APP，但研究階段表明，如果僅僅這樣做的話，大多數(shù)人不會(huì)保留這款 APP，因此我引入了更多功能。

期待 APP 設(shè)計(jì)的實(shí)現(xiàn)和測(cè)試。這是一個(gè)我非常喜歡的項(xiàng)目，看到它變成現(xiàn)實(shí)將是一件很美好的事情，我也希望在測(cè)試期間有非常多用戶來驗(yàn)證我的設(shè)計(jì)。

這是該應(yīng)用程序在 Behance 上的介紹。

本文翻譯已獲得作者的正式授權(quán)（授權(quán)截圖如下）

作者：Isaac Somto

原文：https://bootcamp.uxdesign.cc/case-study-designing-uber-for-ambulance-6fecef139efe

譯者：劉昱茜；審核：吳鵬飛、李澤慧、張聿彤；編輯：孫淑雅

本文由@TCC翻譯情報(bào)局 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Pexels，基于 CC0 協(xié)議