案例研究|為無(wú)虐待主義消費(fèi)者設(shè)計(jì)APP(下)
如果要為無(wú)虐待主義消費(fèi)者設(shè)計(jì)一款A(yù)PP,可以怎么進(jìn)行產(chǎn)品構(gòu)思?在上面文章里,作者已經(jīng)從設(shè)計(jì)框架、用戶調(diào)研等維度進(jìn)行了拆解,現(xiàn)在,一起來(lái)看看作者接下來(lái)的設(shè)計(jì)步驟會(huì)如何進(jìn)行吧。
上篇點(diǎn)擊此鏈接 (案例研究|為無(wú)虐待主義消費(fèi)者設(shè)計(jì)APP(上))
九、原型和測(cè)試:制作并測(cè)試解決方案
基于中保真線框圖,我在 figma 中制作了可交互的中保真原型來(lái)和用戶一起進(jìn)行可用性研究。該原型的目標(biāo)是模擬例如搜索品牌或產(chǎn)品、參與活動(dòng)這些關(guān)鍵任務(wù)。
在確定了我的可用性測(cè)試計(jì)劃后,我執(zhí)行了一輪可用性研究來(lái)幫助我通過(guò)定性信息來(lái)更深層理解。
1. 遠(yuǎn)程適當(dāng)可用性測(cè)試(查看原型)
- 地點(diǎn):巴西
- 日期:2021年11月9日 —— 2021年11月11日
- 時(shí)長(zhǎng):20-30 分鐘
- 參與者: 5 名 18-35 歲人士
- UX 指標(biāo):任務(wù)成功率,任務(wù)花費(fèi)時(shí)長(zhǎng),錯(cuò)誤出現(xiàn)率
2. 調(diào)研目標(biāo)
- 確定用戶是否能在 APP 中完成核心任務(wù)。
- 了解該產(chǎn)品對(duì)于用戶的可用性性和用處。
3. 調(diào)研問(wèn)題
- 我們可以從用戶流程或用戶的具體步驟內(nèi)學(xué)到什么來(lái)判斷一個(gè)產(chǎn)品 / 品牌是否為無(wú)虐待?
- 用戶流程中有哪些步驟困住了參與者?
- 我們能為改進(jìn) APP 的用戶體驗(yàn)做出哪些設(shè)計(jì)改變?
- 用戶要花多少時(shí)間來(lái)完成主要任務(wù)?
- 用戶認(rèn)為這個(gè) APP 容易使用或使用困難嗎?
4. 任務(wù)
- 在 APP 中創(chuàng)建賬戶。
- 查詢你買(mǎi)的香草洗發(fā)液是否是無(wú)虐待產(chǎn)品。
- 將香草洗發(fā)水加入你的收藏列表。
- 為你的狗搜索無(wú)虐待產(chǎn)品。
- 搜到 donwy 牌子的無(wú)虐待替代品牌。
- 搜到動(dòng)物實(shí)驗(yàn)測(cè)試的最新新聞。
- 搜到如何支持“現(xiàn)在禁止化妝品使用動(dòng)物進(jìn)行測(cè)試”請(qǐng)?jiān)覆@得進(jìn)展通知。
通過(guò)基于我的觀察(最初來(lái)自于我的電子表格筆記)制作了親和圖,我對(duì)數(shù)據(jù)進(jìn)行了分類(lèi)來(lái)找到共同的主題。
第一個(gè)可用性研究——使用Figjam制作的親和圖
5. 主要發(fā)現(xiàn)
1)成功
所有用戶完成了任務(wù),一些用戶花了額外幾分鐘來(lái)完成。
所有用戶都能快速識(shí)別屏幕上的主要按鈕,例如:點(diǎn)贊、加入列表、查找無(wú)虐待替代品和獲取更新。
“這很容易,因?yàn)閷?duì)于每種類(lèi)型的內(nèi)容,查找信息的方式都是一樣的?!薄?參與者1
所有用戶都說(shuō)這個(gè)APP很有用,很容易使用且很直觀。他們對(duì)有用信息的數(shù)量和保存搜索結(jié)果稍后再看的功能印象深刻。
“我認(rèn)為這個(gè)APP有很棒的功能。你可以在非無(wú)虐待品牌的網(wǎng)頁(yè)上馬上找到替代的無(wú)虐待品牌?!薄?參與者2
2)概括相關(guān)要點(diǎn)
大部分用戶(80%)喜歡通過(guò)他們的谷歌賬戶來(lái)注冊(cè)。因此其他注冊(cè)選項(xiàng)也要有相同程度的知名度。
大部分用戶(60%)喜歡使用列表功能來(lái)分組最喜歡的產(chǎn)品和品牌。
所有的用戶期望在首頁(yè)發(fā)現(xiàn)大多數(shù)他們最需要的內(nèi)容。
在這研究中,我能確定兩種截然不同的用戶類(lèi)型,并注意大部分參與者屬于第一類(lèi):
- 搜索者,喜歡直接通過(guò)搜索來(lái)找到具體的內(nèi)容。
- 瀏覽者,傾向于花更多時(shí)間探索菜單和分類(lèi)。
6. 主要洞見(jiàn)
- 用戶需要更方便的方式來(lái)搜索所有類(lèi)別的內(nèi)容:所有的用戶都期望產(chǎn)品的搜索框是全局的,可以讓他們搜索所有類(lèi)別的內(nèi)容。
- 用戶需要快速且便捷的方式訪問(wèn)「類(lèi)別」和「最新內(nèi)容」:大部分用戶(80%)期望在首頁(yè)發(fā)現(xiàn)「類(lèi)別」和「最新內(nèi)容」。
- 點(diǎn)贊按鈕應(yīng)該更對(duì)齊用戶的詞匯認(rèn)知:對(duì)于大多數(shù)用戶(80%)而言,代表點(diǎn)贊的心形按鈕會(huì)與他們的收藏夾相關(guān)。
十、細(xì)化:改進(jìn)設(shè)計(jì)方案
基于在第一輪可用性研究中發(fā)現(xiàn)的新信息,我決定細(xì)化我的設(shè)計(jì),解決當(dāng)前方案的失敗點(diǎn),切根據(jù)項(xiàng)目的優(yōu)先級(jí)進(jìn)行優(yōu)化。
洞見(jiàn)1——用戶需要更方便的方式來(lái)搜索所有類(lèi)別的內(nèi)容
基于觀察,用戶期望有全局層級(jí)的搜索框。然而在原型里,用戶需要到具體的類(lèi)別的 tab 下進(jìn)行內(nèi)容的搜索。這是最突出的痛點(diǎn),極大地消耗了用戶的時(shí)間。因此,這是最優(yōu)先要改進(jìn)的。
我的解決方案是在任務(wù)流程中進(jìn)行一個(gè)小改動(dòng),讓用戶輸入搜索關(guān)鍵詞,再選擇他們要的分類(lèi)。為了更便捷地進(jìn)行搜索,我還在輸入關(guān)鍵詞時(shí)添加了建議結(jié)果。
細(xì)化 —— 洞見(jiàn)1
洞見(jiàn)1 —— 在可用性測(cè)試之后
洞見(jiàn)2——用戶需要快速且便捷的方式訪問(wèn)「類(lèi)別」和「最新內(nèi)容」
在可用性研究中,參與者期望在首頁(yè)找到最相關(guān)的信息,特別是「最新內(nèi)容」和各「類(lèi)別」的入口。因此,我根據(jù)他們的需求進(jìn)行改造。這個(gè)點(diǎn)的優(yōu)先級(jí)為中,因?yàn)槁晕⒃黾恿肆擞脩敉瓿扇蝿?wù)的時(shí)間。
細(xì)化 —— 洞見(jiàn)2
洞見(jiàn)3——「喜歡」按鈕需要和用戶認(rèn)知詞匯對(duì)齊
在和參與著的交談中,我發(fā)現(xiàn)大部分人對(duì)于愛(ài)心圖標(biāo)(「喜歡」按鈕)當(dāng)作一種將內(nèi)容加入他們收藏夾的方式。因此,我發(fā)現(xiàn)我能改進(jìn)我的文案,和用戶的詞匯更加對(duì)齊。這個(gè)優(yōu)化點(diǎn)的優(yōu)先級(jí)為低,但是改動(dòng)成本很低,非常值得。
十一、UI 設(shè)計(jì) :添加一點(diǎn)喜悅
1. 設(shè)計(jì)規(guī)范
在測(cè)試完我的中保真版本設(shè)計(jì)方案后,是時(shí)候在設(shè)計(jì)中加入高保真視覺(jué)元素了。我建了一個(gè) UI 設(shè)計(jì)規(guī)范來(lái)指導(dǎo)設(shè)計(jì),它包括了有關(guān)該 APP 界面設(shè)計(jì)需要的所有細(xì)節(jié),可以保證設(shè)計(jì)的一致性。我確定了規(guī)范的內(nèi)容包括字體、顏色、布局、以及根據(jù)這個(gè) APP 品牌設(shè)計(jì)的組件。
2. 名稱和Logo
我給我的 APP 及品牌取名為 GoFree ,這和無(wú)虐待(cruelty-free)直接相關(guān)。這個(gè)名稱(去往自由 to go free)里暗示的行動(dòng),可以被解釋為激勵(lì)消費(fèi)者去“歡迎無(wú)虐待”,或者意味著當(dāng)消費(fèi)者做出行動(dòng)反對(duì)動(dòng)物實(shí)驗(yàn)測(cè)試時(shí)的動(dòng)物“獲得自由”。
GoFree品牌Logo
我在 logo 中使用了 Prioritype 的 Magilio Regular 字體。這個(gè)粗獷且富有表現(xiàn)力的襯線字體給品牌添加了一絲有機(jī)氣息。
3. 配色
為了給 APP 一個(gè)干凈的視覺(jué)風(fēng)格,我在大部分區(qū)域(例如背景)使用了白色。為了造成強(qiáng)烈的對(duì)比,我使用了深棕色來(lái)強(qiáng)調(diào)重點(diǎn),例如在主按鈕上。輔助色是用來(lái)支持其他視覺(jué)元素、并提供一種友好且冷靜的體驗(yàn)。
GoFree — Color Palette
最后,配色方案完成了,它讓人回憶起動(dòng)物皮毛和我們自然環(huán)境的顏色。
4. 排版和字體
在排版上,我選擇 Nunito Sans 字體,這是一種由 Vernon Adams 和 Jacques Le Bailly 制作的具有多種字重的勻稱無(wú)襯線字體。
GoFree — 排版
5. 圖標(biāo)庫(kù)
為了保持輕盈干凈的視覺(jué),我使用了開(kāi)源圖標(biāo)庫(kù) Feather。我同時(shí)也為 APP 的一些特定場(chǎng)景設(shè)計(jì)了圖標(biāo),但延續(xù)了 Feather 圖標(biāo)庫(kù)的設(shè)計(jì)風(fēng)格。
GoFree — 圖標(biāo)庫(kù)
6. 網(wǎng)格系統(tǒng)
在 GoFree 這款應(yīng)用上,我使用了標(biāo)準(zhǔn)的 4 列網(wǎng)格布局,且列之間有足夠的空間。
GoFree — 網(wǎng)格系統(tǒng)
7. 間距
為了實(shí)現(xiàn)更佳的視覺(jué)準(zhǔn)確度和和諧,網(wǎng)格基數(shù)我選了 4px 作為基礎(chǔ)單位。這個(gè)網(wǎng)格基數(shù)控制著 APP 組件的比例、平衡和豎向?qū)R。
GoFree — 間距
8. 插畫(huà)
為了提供一種開(kāi)心且激動(dòng)的體驗(yàn),我使用了 Pixel True 設(shè)計(jì)的極簡(jiǎn)插畫(huà)包和 Khushmeen&Dilpreet 設(shè)計(jì)的插畫(huà)套件。
GoFree — 插畫(huà)
9. 組件
以下是我為 APP 設(shè)計(jì)的主要組件的總覽。
GoFree — 組件總覽
10. 無(wú)障礙考慮
設(shè)計(jì)時(shí)考慮無(wú)障礙,可以讓具有各種能力程度和殘障人士能夠感知、理解、導(dǎo)航我的應(yīng)用并與之交互。在這個(gè)項(xiàng)目中一些無(wú)障礙的考慮點(diǎn)如下:
- 精心構(gòu)建的層級(jí)結(jié)構(gòu)能夠讓用戶知道他們處于什么位置以及什么是重要的。
- 顏色和對(duì)比可以用來(lái)幫助用戶看到和解釋 APP 的內(nèi)容、與正確的元素交互、并理解操作。
- 觸摸熱區(qū)很大 —— 至少 44px 大或者 10mm 現(xiàn)實(shí)物理尺寸。
- 該 APP 的視覺(jué)和用戶體驗(yàn)設(shè)計(jì)致力于精簡(jiǎn)演示和交互,避免造成注意力分散和增加認(rèn)知負(fù)擔(dān)的混亂。
- 使用標(biāo)簽文字而不是顏色來(lái)展示元素的重要功能。
十二、二次原型&測(cè)試:驗(yàn)證設(shè)計(jì)調(diào)整
在確認(rèn)好 APP 的界面設(shè)計(jì)后,我將中保真線框圖更新為高保真線框圖?;谶@些,我在 Figma 制作了非常近似于最終產(chǎn)品的高保真原型,開(kāi)發(fā)和集成了大部分必要的設(shè)計(jì)切圖和組件。
基于新的可用性研究計(jì)劃,我設(shè)計(jì)了另一輪可用性研究,這輪研究是來(lái)驗(yàn)證原型上的設(shè)計(jì)改變,切確認(rèn)用戶可能會(huì)經(jīng)歷的其他痛點(diǎn)。
1. 遠(yuǎn)程適當(dāng)可用性測(cè)試(查看原型)
- 地點(diǎn):巴西
- 日期:2021年11月22日 —— 2021年11月25日
- 時(shí)長(zhǎng):基于提示列表,每個(gè)部分持續(xù) 15-25 分鐘
- UX指標(biāo):任務(wù)成功率,任務(wù)花費(fèi)時(shí)長(zhǎng),錯(cuò)誤出現(xiàn)率
2. 調(diào)研目標(biāo)
- 新的設(shè)計(jì)改變是否妥善解決用戶痛點(diǎn)。
- 用戶是否能在 APP 中輕松地完成核心任務(wù)。
3. 調(diào)研問(wèn)題
- 新的設(shè)計(jì)改變是否妥善解決用戶痛點(diǎn)?
- 用戶流程中有哪些步驟困住了參與者?
- 我們能為改進(jìn)APP的用戶體驗(yàn)做出哪些設(shè)計(jì)改變?
- 用戶要花多少時(shí)間來(lái)完成主要任務(wù)?
- 視覺(jué)元素是否支持用戶在 APP 里進(jìn)行導(dǎo)航
4. 任務(wù)
- 在APP中創(chuàng)建賬戶。
- 查詢你買(mǎi)的橙子凝膠防曬霜是否是無(wú)虐待產(chǎn)品。
- 為你自己找到一款新的無(wú)虐待除臭劑。
- 發(fā)現(xiàn)巴西的無(wú)虐待除臭劑。
- 在 APP 中找到你最喜歡的東西。
- 簽署“禁止化妝品使用動(dòng)物實(shí)驗(yàn)測(cè)試的”請(qǐng)?jiān)浮?/li>
在這一輪后,我從我的電子表格筆記中收集了觀察筆記制作了親和圖,并對(duì)數(shù)據(jù)進(jìn)行了分類(lèi)來(lái)找到模式。
5. 主要發(fā)現(xiàn)和洞見(jiàn)
- 我做出的設(shè)計(jì)調(diào)整成功地解決了用戶痛點(diǎn),極大地減少了他們的任務(wù)時(shí)間和對(duì)APP功能的困惑。
- 所有的用戶飛快地完成了新手引導(dǎo)過(guò)程,說(shuō)這個(gè)非常直觀。
- 所有的參與者都認(rèn)同篩選器功能因?yàn)楹退麄兘?jīng)常用的其他 APP 里的過(guò)濾功能類(lèi)似。
- 大部分用戶(80%)理解快速篩選功能并嘗試使用。
- 所有的用戶快速識(shí)別到了產(chǎn)品頁(yè)面上的無(wú)虐待認(rèn)證標(biāo)簽,并驗(yàn)證了其用途。
- 視覺(jué)效果、官方認(rèn)證和成分列表對(duì)于參與者而言很重要且有用。
“圖片幫助我太多了。有的時(shí)候你甚至不需要閱讀文字你就知道這是關(guān)于什么的?!啊獏⑴c者2
結(jié)論:用戶成功地驗(yàn)證了設(shè)計(jì)調(diào)整的有效性且在此輪可用性測(cè)試中沒(méi)有發(fā)現(xiàn)新的用戶痛點(diǎn)。
十三、結(jié)果:歡迎來(lái)到GoFree
邁出這一步走向有道德的未來(lái)。
1. 開(kāi)始
僅有足夠信息:用戶注冊(cè)只需要提供基礎(chǔ)信息,這減少了數(shù)據(jù)錄入,從而降低了進(jìn)入成本。
社交登錄:用戶可以通過(guò)其他社交賬號(hào)(例如谷歌和Facebook)來(lái)快速登錄 APP。
訪客功能:開(kāi)始頁(yè)面提供訪客功能,這樣人們就可以在決定是否加入前先看一眼和探索一下。
2. 自我細(xì)分引導(dǎo)
引導(dǎo)過(guò)程的目標(biāo)是基于用戶輸入的數(shù)據(jù)對(duì)用戶進(jìn)行細(xì)分。這個(gè)個(gè)性化能讓人們自己選擇他們想要看到的內(nèi)容,并設(shè)置信息組織的偏好。這增強(qiáng)了用戶體驗(yàn),讓用戶感到能控制 APP。
特別強(qiáng)調(diào):
- 引導(dǎo)過(guò)程簡(jiǎn)短直觀,不到兩分鐘即可完成。
- 新手引導(dǎo)可以跳過(guò)。
- 有趣且有用的視覺(jué)促進(jìn)了引導(dǎo)過(guò)程。
- 用戶可以選擇是否接受 APP 消息推送。
3. 主頁(yè)
這款 APP 為訪客提供了統(tǒng)一的首頁(yè)、為常規(guī)用戶和回歸用戶提供了定制化首頁(yè)。首頁(yè)內(nèi)容根據(jù)優(yōu)先級(jí)進(jìn)行降序排序。根據(jù)用戶數(shù)據(jù),首頁(yè)展示了帶有直觀精選內(nèi)容的輪播卡片。
特別強(qiáng)調(diào):
- 突出的搜索欄讓用戶快速進(jìn)入大部分高頻使用功能。
- 產(chǎn)品、品牌、故事和行動(dòng)的卡片井井有條。
- 輕松訪問(wèn)產(chǎn)品和品牌分類(lèi)列表。
- 優(yōu)先顯示最新最熱門(mén)的內(nèi)容。
- 精選熱門(mén)內(nèi)容,鼓勵(lì)人們進(jìn)行更多探索。
- 推薦內(nèi)容基于用戶喜好和瀏覽歷史。
- 將內(nèi)容打上書(shū)簽和加入收藏的方式簡(jiǎn)單直觀。
4. 搜索
特別強(qiáng)調(diào):
- 條形碼掃描功能能讓用戶快速地找到手里產(chǎn)品的信息。
- 基于用戶的偏好和瀏覽歷史出現(xiàn)的搜索輸入聯(lián)系建議。
- 鍵入搜索文字時(shí)出現(xiàn)的信息豐富的無(wú)虐待認(rèn)證標(biāo)簽
- 根據(jù)內(nèi)容類(lèi)型組織搜索結(jié)果的標(biāo)簽頁(yè)組件。
- 快速篩選功能 —— 最相關(guān)選項(xiàng)。
5. 篩選和排序
GoFree 應(yīng)用提供全局篩選器視角,讓用戶在面對(duì)大量篩選選項(xiàng)時(shí)有更專(zhuān)注的體驗(yàn)。
特別強(qiáng)調(diào):
- 可以同時(shí)多選篩選項(xiàng)。
- 和用戶認(rèn)知詞匯相匹配的直觀的標(biāo)簽。
- 根據(jù)用戶需要的相關(guān)分類(lèi)和選項(xiàng)。
6. 探索
特別強(qiáng)調(diào):
- 一鍵啟動(dòng)基于用戶偏好的快速篩選功能。
- 三大模塊:最新流行內(nèi)容、類(lèi)別、推薦。
- 預(yù)算友好的購(gòu)物建議。
- 基于用戶地理位置出現(xiàn)的特別模塊 —— 當(dāng)?shù)匦侣?/li>
- 特別強(qiáng)調(diào)最近成功的運(yùn)動(dòng) —— 鼓勵(lì)人們加入。
7. 無(wú)虐待產(chǎn)品
特別強(qiáng)調(diào):
- 可見(jiàn)的無(wú)虐待認(rèn)證標(biāo)簽。
- 底部固定按鈕能讓用戶找到商店購(gòu)買(mǎi)產(chǎn)品。
- 有可見(jiàn)的「收藏產(chǎn)品」「加入列表」「分享」功能按鈕。
- 完整的產(chǎn)品描述和成分列表。
- 輪播的聲明和例如無(wú)虐待、純素食、零浪費(fèi)等的官方認(rèn)證輪播。用戶可以點(diǎn)擊每個(gè)輪播圖了解更多信息。
- 用戶可評(píng)論產(chǎn)品和查看他人意見(jiàn)的評(píng)價(jià)系統(tǒng)。
- 同一品牌的產(chǎn)品(推薦)清單。
- 同類(lèi)產(chǎn)品推薦。
- 認(rèn)證品牌的打勾標(biāo)簽(品牌的做法100%透明)。
8. 無(wú)虐待品牌
特別強(qiáng)調(diào):
- 基于用戶對(duì)品牌產(chǎn)品評(píng)價(jià)的品牌評(píng)分。
- 品牌產(chǎn)品折扣搶單。
- 同類(lèi)品牌推薦。
- 底部固定按鈕能讓用戶找到有售賣(mài)該品牌產(chǎn)品的商店。
9. 無(wú)虐待產(chǎn)品和品牌
特別強(qiáng)調(diào):
- 郵件功能加強(qiáng)人們采取行動(dòng),要求品牌變?yōu)闊o(wú)虐待品牌。該功能會(huì)自動(dòng)打開(kāi)用戶的郵箱應(yīng)用,填充一個(gè)郵件模版來(lái)簡(jiǎn)化該要求品牌的過(guò)程。
- 底部固定按鈕讓用戶找到非無(wú)虐待產(chǎn)品和品牌的無(wú)虐待替代品。
10. 故事
所有最新新聞和文章來(lái)自知名且可靠的來(lái)源例如 Cruelty Free International,PETA 和 Cruelty-Free Kitty 。
特別強(qiáng)調(diào):
- 認(rèn)證徽標(biāo)可以進(jìn)一步強(qiáng)調(diào)來(lái)源的可靠性。用戶可以點(diǎn)擊并跳轉(zhuǎn)到來(lái)源的官網(wǎng)網(wǎng)站進(jìn)一步了解。
- 故事模塊用于「添加書(shū)簽」和「分享」的可見(jiàn)按鈕。
- 在故事里提到的所有品牌或產(chǎn)品的清單列表。
- 相關(guān)故事精選。
11. 運(yùn)動(dòng)
GoFree 提供所有有關(guān)反對(duì)動(dòng)物虐待的運(yùn)動(dòng)和請(qǐng)?jiān)感畔ⅰ_@個(gè) APP 授權(quán)人們加入運(yùn)動(dòng),簽請(qǐng)?jiān)笗?shū),并輕松地和朋友和家人分享。
特別強(qiáng)調(diào):
- 進(jìn)度條暗示了有多少人已經(jīng)簽了請(qǐng)?jiān)笗?shū),并離達(dá)到目標(biāo)還差多少。
- 運(yùn)動(dòng)或請(qǐng)?jiān)傅拿枋?,以及官方網(wǎng)站上的外部評(píng)論。
- 接受「運(yùn)動(dòng)」的通知推送選項(xiàng)可以讓用戶永遠(yuǎn)不會(huì)錯(cuò)過(guò)最新進(jìn)展。
- 輕松訪問(wèn)最近更新。
- 底部固定按鈕能將用戶帶到每個(gè)運(yùn)動(dòng)的官方網(wǎng)站,這樣用戶可以輕松支持它們。
12. 自定義列表
整理你的選擇:用戶可以創(chuàng)建他們自己的產(chǎn)品和品牌列表,他們可以以后在個(gè)人中心界面發(fā)現(xiàn)這些列表。
13. 收藏夾和書(shū)簽
稍后再看:有了這些便利的按鈕,用戶可以輕松地收藏?zé)o虐待產(chǎn)品和品牌,并給故事和運(yùn)動(dòng)添加書(shū)簽。在添加書(shū)簽 / 加入收藏之后,用戶可以稍后在個(gè)人中心快速地找到這些。
“收藏夾”和“書(shū)簽”的區(qū)分是為了使內(nèi)容更有條理,并和用戶先前在其他APP上的體驗(yàn)更加一致。
14. 通知
保持了解:根據(jù)用戶的偏好設(shè)置和瀏覽歷史,他們會(huì)收到有關(guān)產(chǎn)品、新聞和運(yùn)動(dòng)的通知。他們可以自由定制通知推送并選擇他們想要接受的信息類(lèi)型。
15. 用戶設(shè)置
自由更改選項(xiàng):用戶可以在設(shè)置范圍廣闊的設(shè)置頁(yè)定制自己的體驗(yàn)并輕松修改個(gè)人信息。
16. 空狀態(tài)
加強(qiáng)體驗(yàn):空狀態(tài)是用戶體驗(yàn)中沒(méi)有可展示內(nèi)容時(shí)出現(xiàn)的點(diǎn)。這個(gè) APP 的有用空狀態(tài)可以讓人們知道發(fā)生了什么,為什么發(fā)生,以及如何處理。
17. 最后原型
來(lái)看一看吧?。c(diǎn)擊查看原型)
十四、學(xué)到經(jīng)驗(yàn)
- 拓展了我的設(shè)計(jì)工具箱:作為一個(gè)狂熱 Adobe XD 軟件用戶,這是我第一個(gè)完全用 Figma 軟件制作的主要項(xiàng)目,所以我有了機(jī)會(huì)拓展我的設(shè)計(jì)工具箱并獲得了新的有價(jià)值的技能。
- 對(duì)功能進(jìn)行優(yōu)先級(jí)排序:通過(guò)使用優(yōu)先級(jí)排序方式,我提高了我深入分析設(shè)計(jì)決策的能力和真正考慮設(shè)計(jì)方案的用戶價(jià)值的能力。
- 與人溝通:我有機(jī)會(huì)計(jì)劃和進(jìn)行了與人的多次采訪和用戶可用性研究。這些行動(dòng)給我?guī)?lái)了寶貴的經(jīng)驗(yàn)并改進(jìn)了我和別人溝通的能力。
- 隨時(shí)做筆記:在這個(gè)項(xiàng)目中,我收集了很多數(shù)據(jù)并生成了很多設(shè)計(jì)草稿。事實(shí)證明保持最新的筆記很重要,這能保證我始終了解自己的研究遠(yuǎn)見(jiàn)和設(shè)計(jì)修改。
下一步
- PC 端版本:設(shè)計(jì)和開(kāi)發(fā) GoFree 應(yīng)用的桌面版本,包含在當(dāng)下環(huán)境中適合的功能點(diǎn)。
- 新功能:查看和考慮在頭腦風(fēng)暴環(huán)節(jié)產(chǎn)生的額外的功能想法,探索它們?cè)谖磥?lái)版本發(fā)布中的可行性。
- 拓展機(jī)會(huì):進(jìn)行進(jìn)一步的用戶研究,確定新領(lǐng)域的需求和拓展 APP 范圍的機(jī)會(huì)。
- 迭代:在每一新版本的發(fā)布后進(jìn)行可用性研究來(lái)驗(yàn)證設(shè)計(jì)調(diào)整是否恰當(dāng)?shù)亟鉀Q用戶痛點(diǎn)。
- 用戶體驗(yàn)指標(biāo)和商業(yè)關(guān)鍵績(jī)效指標(biāo):為了驗(yàn)證 APP 的用戶體驗(yàn)策略,我需要檢測(cè)更多指標(biāo),例如:轉(zhuǎn)化率、客戶滿意分?jǐn)?shù)、凈推薦得分、活躍用戶數(shù)、產(chǎn)品訪問(wèn)率和功能采用率。這些指標(biāo)應(yīng)該與未來(lái)的設(shè)計(jì)決策相關(guān)。
原文作者:Yasmin de Paula(本文翻譯已獲得作者的正式授權(quán))
原文:https://bootcamp.uxdesign.cc/designing-an-app-for-cruelty-free-consumers-a-ux-case-study-e38aa005fde8
譯者:陳羽姿;審核:李澤慧;編輯:韓碩;微信公眾號(hào):TCC翻譯情報(bào)局(ID:TCC-design);連接知識(shí),了解全球精選設(shè)計(jì)干貨。
本文由@TCC翻譯情報(bào)局 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議。
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
- 目前還沒(méi)評(píng)論,等你發(fā)揮!