UX優(yōu)秀案例研究: Super-Apps的興起,從頭看一個完整交互設(shè)計作品是如何被開發(fā)創(chuàng)造的

Super-Apps的興起
在過去的二十年里,移動應(yīng)用程序開發(fā)模式保持不變,一個應(yīng)用程序一個目的。但最近該行業(yè)開始迅速從單一用途的應(yīng)用程序轉(zhuǎn)向超級應(yīng)用程序。Super-App超級應(yīng)用程序是一種多用途應(yīng)用程序,致力于創(chuàng)建涵蓋所有用戶需求的生態(tài)系統(tǒng)。這樣用戶不必在應(yīng)用程序之間切換來解決他們的問題。這種趨勢起源于亞洲,一個顯著的例子是微信,它是一個結(jié)合了信息、社交媒體、移動支付等功能應(yīng)用程序。

項目基本信息
設(shè)計成員:UX/UI 設(shè)計師、用戶研究、交互設(shè)計、視覺設(shè)計、原型設(shè)計、測試
設(shè)計說明:設(shè)計一款可以改善智能手機書面交流的應(yīng)用程序。這個項目是來自交互設(shè)計基金會的設(shè)計挑戰(zhàn)。
設(shè)計工具:Sketch、InVision、Miro、Reflector
設(shè)計時長:4?周
在這個案例研究中,我將著眼于探索超級應(yīng)用程序可以為我們的交流習(xí)慣帶來的機會。
設(shè)計過程:

-01-
Empathize用戶研究
a.采訪
通信應(yīng)用程序已成為我們生活方式不可或缺的一部分,所以我們很想知道不同的用戶會如何與他們互動以及為什么發(fā)生互動。我的目標(biāo)是了解參與者如何使用他們的通信應(yīng)用程序,并了解他們可能面臨的挑戰(zhàn)以及他們將如何克服這些挑戰(zhàn)。
目標(biāo)用戶
訪談對象為20多歲和30多歲的參與者。由于我們想涵蓋廣泛的范圍,參與者的背景各不相同,包括銷售、活動、營銷、酒店和 IT 等專業(yè)領(lǐng)域。所有參與者都非常了解他們的智能手機和通信應(yīng)用程序。
b.調(diào)查
采訪中出現(xiàn)了一些有趣的模式,但為了擴大我的研究范圍并收集更多數(shù)據(jù),我創(chuàng)建了一項調(diào)查來確認(rèn)或駁回一些采訪結(jié)果,并收集了21個答案。
-02-
Define定義問題
完成前期的用戶調(diào)研后進(jìn)入了第二部分,定義設(shè)計問題的階段。這個階段我們用到了Affinity Diagram、Person、User Journey Map三個常見的工具
a.Affinity Diagram親和力地圖

當(dāng)通過用戶研究得到大量數(shù)據(jù)后,我們將信息分組和組織在一個親和圖中。以下是一些主要發(fā)現(xiàn)的問題:
1.通知不明確
大多數(shù)參與者會使用多個通信應(yīng)用程序來實現(xiàn)他們的目標(biāo)。然而必須在應(yīng)用程序之間切換導(dǎo)致了一些不便利,例如未答復(fù)的消息。事實上,用戶會優(yōu)先考慮一兩個通信應(yīng)用程序。對大量通知感到不知所措也是一個問題,用戶有不同的方法來消除干擾。
2.隱私設(shè)置
大多數(shù)用戶擔(dān)心他們的隱私設(shè)置,并在注冊一個新的通信應(yīng)用程序后熱衷于更改他們的設(shè)置。然而在應(yīng)用程序中更改隱私設(shè)置的實際過程,被認(rèn)為具有挑戰(zhàn)性。
3.內(nèi)容分享功能
作為一項關(guān)鍵功能,內(nèi)容共享在跨不同平臺共享時也顯示出一些限制。大多數(shù)用戶會發(fā)現(xiàn)共享文件或媒體很容易使用,但是跨多個平臺組織這些文件或媒體被認(rèn)為是困難或耗時的。
b.繪制Persona用戶畫像
現(xiàn)在我從我的研究中收集和組織了信息,我想創(chuàng)建一個可以在面試階段反映目標(biāo)受眾的角色。它幫助我專注于解決最重要的問題——解決最重要用戶群的主要需求。它既是虛構(gòu)的,又是現(xiàn)實的。
設(shè)計中我們創(chuàng)建的是Charlie,一位享受忙碌的生活方式并使用大量通信應(yīng)用程序的銷售和營銷經(jīng)理。

c.制作User Journey Map用戶旅程圖

我們現(xiàn)在正試圖走進(jìn)Charlie的生活,了解他在典型的一天工作中使用通信應(yīng)用程序的體驗。這張用戶旅程地圖讓我們可以看到查理如何遇到幾個痛點以及他克服這些痛點的過程。以下是調(diào)查結(jié)果的摘要:
他努力保持在所有溝通渠道的頂端。他使用多個平臺,但傾向于優(yōu)先考慮 WhatsApp 和電子郵件。由于他經(jīng)常受時間限制,他無法總是瀏覽所有信息。
他寧可讓通知打擾他的會議和晚上,也不愿意關(guān)掉手機,因為他不想錯過重要的通訊。
在與新客戶建立聯(lián)系時,他對與新客戶分享個人詳細(xì)信息持謹(jǐn)慎態(tài)度。然而考慮到每個通信應(yīng)用程序提供不同級別的隱私,他經(jīng)常不情愿地披露個人詳細(xì)信息。
在各種平臺上共享內(nèi)容意味著 Charlie 經(jīng)常會收到雜亂無章的文件和媒體。因此,相應(yīng)地查找和組織它們可能會成為一個漫長的過程。
-03-
Problem Statement定義問題
現(xiàn)在有了上述定義出來的基礎(chǔ)問題,我可以將調(diào)查結(jié)果與問題陳述進(jìn)行綜合,這將使我能夠確定整個設(shè)計主要針對的問題。
我們可能……
簡化溝通渠道?
優(yōu)化通知管理,以便它們?nèi)谌胗脩舻纳罘绞健2M足他的日常需求?
消除更改隱私設(shè)置的限制,并讓用戶更多地控制他希望共享的信息?
允許用戶快速組織共享文件和媒體并加快跨不同平臺的內(nèi)容共享?
-04-
Ideation
明確設(shè)計的主要問題后,我們將需要開始發(fā)展我們的項目和設(shè)計方案,也就是來到的ideation的階段。
a.SCAMPER法
奔馳法(SCAMPER) 由美國心理學(xué)家羅伯特·艾伯爾(Robert F.Eberle)創(chuàng)作。這是檢核表,這種檢核表主要藉幾個字的代號或縮寫,代表七種改進(jìn)或改變的方向,能激發(fā)人們推敲出新的構(gòu)想。以下為我們找到的新的想法:

精簡功能
從一個平臺同步和監(jiān)控所有通信應(yīng)用程序,將所有通信應(yīng)用程序的搜索引擎合并為一個,以允許用戶從所有平臺查找其他用戶。
隱私設(shè)置
允許用戶在入職過程中選擇隱私設(shè)置;
為用戶提供更多的個人詳細(xì)信息共享選擇控制權(quán);
簡化設(shè)置選項并使其與用戶保持相關(guān)性。
通知功能
將通知管理整合到主頁中,以便更快地訪問;
將時間設(shè)置添加到通知;
通知與日歷同步,以允許自動建議何時可以關(guān)閉;
在重要消息上創(chuàng)建“回復(fù)”提醒。
內(nèi)容分享功能
允許內(nèi)容從一個平臺直接共享到任何通信應(yīng)用程序;
任何對話中共享的文件和媒體集中到一個屏幕;
允許用戶直接在應(yīng)用程序上創(chuàng)建內(nèi)容文件夾。
b.SiteMap站點地圖
?在定義目標(biāo)并決定要包含的功能后,我繼續(xù)使用站點地圖構(gòu)建應(yīng)用程序的結(jié)構(gòu)。它幫助我可視化內(nèi)容之間的關(guān)系并檢查層次結(jié)構(gòu)。

-05-
Prototype創(chuàng)建原型
a.Low-Fi?Wireframes
定義了關(guān)鍵功能和用戶流程后,我們開始通過使用筆和紙繪制低保真屏幕草圖來捕捉我的想法,它使我能夠在轉(zhuǎn)向數(shù)字線框之前檢查我的想法。

b.Mid-Fi?Prototype(第一次迭代)
一旦我有了應(yīng)用程序布局的視覺方向,我就開始通過將草圖變成中等保真線框來為草圖添加更多細(xì)節(jié)和精度。在這些線框圖中,我包含了直接解決用戶目標(biāo)、需求和挫折的元素,同時結(jié)合了其他通信應(yīng)用程序中常見的設(shè)計模式。
登陸界面
該過程允許用戶從入職中選擇他們的隱私設(shè)置。我想強調(diào)隱私的重要性,并將控制權(quán)交還給用戶。隱私選項將主要側(cè)重于帳戶可見性和與他人共享的個人詳細(xì)信息。
最后的步驟是帳戶同步,用戶可以選擇與此平臺同步和使用的通信應(yīng)用程序。

主頁布局

稍后回復(fù)設(shè)置
當(dāng)無法立即回復(fù)消息時,用戶可以在消息選項下設(shè)置“稍后回復(fù)”提醒并設(shè)置時間。這些提醒可以直接從主頁進(jìn)行管理。

通知管理功能
使用日歷暫?!谌諝v上安排的會議期間,通知將自動關(guān)閉;
Snooze——通知在選定的時間長度內(nèi)關(guān)閉;選擇應(yīng)用snooze功能的帳戶應(yīng)用“豁免列表”——其中特定聯(lián)系人能夠繞過“snooze”功能。

文件
在“文件”屏幕中,填充了對話中的文件和媒體。此外,用戶可以添加自己的文件夾并將其組織在文件夾中并共享給其他用戶。

c.進(jìn)行可用性測試(第 1 次)
準(zhǔn)備好第一個原型后,我們與 5 名參與者進(jìn)行適度的可用性測試。目標(biāo)是讓他們?yōu)g覽上一節(jié)中介紹的所有功能。雖然該應(yīng)用程序采用了其他通信應(yīng)用程序中常見的設(shè)計模式,但我很好奇新功能是否會為研究階段發(fā)現(xiàn)的挑戰(zhàn)提供全面的解決方案。
主要發(fā)現(xiàn)
加入——雖然參與者發(fā)現(xiàn)流程清晰,但對于在注冊時不愿意填寫隱私設(shè)置的用戶來說,需要一個“跳過”按鈕。
提醒——由于在完成任務(wù)后缺乏反饋,參與者不確定他們的提醒是否正確設(shè)置,并建議彈出消息以確認(rèn)完成。提醒列表很難找到,因為它位于右上角的另一個圖標(biāo)旁邊。
通知——雖然參與者發(fā)現(xiàn)在主頁上提供該功能很有用,但他們中的大多數(shù)人對不同的暫停選項及其功能感到困惑。需要重新考慮措辭?!盎砻饷麊巍北粡V泛誤解,參與者沒有看到豁免特定聯(lián)系人的相關(guān)性。
文件——參與者將使用搜索欄查找特定文件/文件夾,因此人們普遍錯過了僅查看“共享文件”的排序選項。一個更占優(yōu)勢的搜索欄。布局被描述為有點過于混亂。
d.Mid-Fi?Prototype(第二次迭代)
在第一輪測試的基礎(chǔ)上對入門和“文件”屏幕所做的更改中,一些關(guān)鍵調(diào)整如下:
提醒事項功能
該功能已移至單獨的屏幕,導(dǎo)航已添加到選項卡欄。添加了反饋動畫以指示添加了新的“稍后回復(fù)”提醒。用戶現(xiàn)在也可以創(chuàng)建自己的提醒。通過這種方式,我們也嘗試減少主頁上的功能數(shù)量。

通知功能
“小睡”功能已重命名為“使用日歷”和“使用計時器”,并添加了圖例以增加清晰度。一旦打開“暫停警報”,這個術(shù)語就更符合用戶流程。根據(jù)參與者的反饋,“豁免列表”選項已被完全刪除。

e.Hi-Fi?Prototype
風(fēng)格指南
在將原型移至高保真版本之前,我構(gòu)建了一個情緒板以幫助我定義應(yīng)用程序的視覺方面。這個想法是找到可以歸因于應(yīng)用程序旨在通過其功能提供的綏靖和社交的樣式和顏色。

f.可用性測試(第 2 次)和最終迭代
我與另外 5 名參與者進(jìn)行了最后一輪的可用性測試。目標(biāo)與第一輪非常相似,因為我希望參與者測試相同的功能,即入職、提醒、通知和文件。但是,我很想知道所做的更改是否會消除之前參與者遇到的問題。
主要發(fā)現(xiàn)
注冊——“可見性設(shè)置”步驟似乎讓大多數(shù)用戶感到困惑。他們不習(xí)慣“可見性設(shè)置”這句話,不確定每個設(shè)置選項的相關(guān)功能,缺乏解釋。頁面一次顯示太多選項,一些用戶感到不知所措。
我們將屏幕的名稱改為了其他應(yīng)用常用的“隱私設(shè)置”,為每個設(shè)置類別添加了一個簡短的圖例,并使用漸進(jìn)式披露的方式來濃縮所有選項。我還替換了“Let's do it”按鈕,因為它與流程的其余部分不一致。

通知——這是迄今為止設(shè)計中最具挑戰(zhàn)性的功能。調(diào)用“小睡警報”功能的方式一直在參與者之間造成混亂。我還意識到我在未打開的選項未打開時顯示不可用的選項,從而創(chuàng)造了更多的混亂。
因此,我將主要功能名稱更改為“請勿打擾”,將選項名稱更改為“會議期間”和“選定時間期間”。我還應(yīng)用了漸進(jìn)式披露方法來濃縮所有選項。

界面——雖然應(yīng)用程序的整體風(fēng)格得到了參與者的積極評價,但也強調(diào)了一些需要改進(jìn)的領(lǐng)域。標(biāo)簽欄圖標(biāo)不一定是可識別的,尤其是“提醒”圖標(biāo)。字體和屏幕顏色之間的一些對比問題造成了一些可訪問性問題。
為了解決這些問題,我在標(biāo)簽欄中添加了圖標(biāo)名稱,并通過添加更暗的字體重新調(diào)整了相關(guān)屏幕上的對比度。

-06-
最終和交互式原型
通過這個設(shè)計展示,我們可以看到交互設(shè)計過程中的完整設(shè)計思維過程,并通過理解一些錯誤,得到了一些反思:
這個項目中使用的不同研究方法幫助我看到了不同鏡頭中的數(shù)據(jù),讓我為用戶創(chuàng)造了更好的體驗。
通過收集數(shù)據(jù)解決問題并驗證假設(shè)。用戶和數(shù)據(jù)將引導(dǎo)您完成您的概念。
始終嘗試前進(jìn)的道路并測試你的假設(shè)。通過使用數(shù)據(jù)作為指導(dǎo),我降低了設(shè)計無用/劣質(zhì)產(chǎn)品的風(fēng)險。
不要執(zhí)著于你的設(shè)計,它們可能不起作用。
可用性測試將幫助你確定設(shè)計功能是否符合用戶目標(biāo)。
展望未來,看看這個系統(tǒng)如何隨著時間的推移變得更智能,因為它通過用戶的行為,學(xué)習(xí)用戶的偏好。它最終能否幫助我優(yōu)先處理某些消息?處理此應(yīng)用程序的 AI 人工智能部分,可以為其核心功能(例如精簡)帶來巨大好處。

更多知識干貨以及其他海外留學(xué)的資訊可以關(guān)注UXD交互工業(yè)產(chǎn)品設(shè)計分享或者添加小助手,還可獲取講座直播哦~

|福利大放送 | WELFARE?
對于設(shè)計初學(xué)者,完成從0開始創(chuàng)作幾乎是不可能的,就像學(xué)習(xí)過程中書讀百遍其義自見一樣。有了大量的積累,才能在腦海里建立素材庫,這些素材庫能幫助同學(xué)們完成最初的設(shè)計想法積累,基于這樣的基礎(chǔ)再進(jìn)行個性化的創(chuàng)作,最終才能做出高質(zhì)量的作品集。全球院校最新作品集免費拿!添加小助手即可獲?。?/p>
UXD交互工業(yè)產(chǎn)品設(shè)計學(xué)院是尤克斯國際旗下的一家專注于交互、服務(wù)、工業(yè)、產(chǎn)品設(shè)計專業(yè)的頂級設(shè)計學(xué)院。除了一對一設(shè)計課、基礎(chǔ)技能課程、小組課題、設(shè)計評圖、聯(lián)合教學(xué)外,我們提供不定主題的公開課和內(nèi)部小組課,教學(xué)計劃課程由三大部分組成,包括基礎(chǔ)軟件技能教學(xué)、設(shè)計理論系統(tǒng)講座、申請必備知識解析等。



本文版權(quán)歸UXD尤克斯所有
部分圖片來自于網(wǎng)絡(luò)
如有侵權(quán)請與我們聯(lián)系