作者：Yasmin de Paula

譯者：陳羽姿

審核：李澤慧

編輯：韓碩

這個(gè)項(xiàng)目是我在學(xué)習(xí) Google 的用戶體驗(yàn)設(shè)計(jì)專業(yè)證書課程項(xiàng)目中的做的一部分。它的目的是進(jìn)一步提高我作為設(shè)計(jì)師的教育水平。我不隸屬于本文中提到的任何公司或組織。

1.總覽

多年來，人們?cè)絹碓揭庾R(shí)到人類在使用動(dòng)物進(jìn)行產(chǎn)品實(shí)驗(yàn)，這促使很多人去尋找更符合道德的替代方案，即所謂的“無虐待”。然而，在網(wǎng)絡(luò)上尋找信息時(shí)，消費(fèi)者會(huì)遇到大量的互相沖突的消息來源。造成的結(jié)果是消費(fèi)者換了太多時(shí)間去了解無虐待主義而且經(jīng)常最后毫無動(dòng)力去了解更多。

通過以用戶為中心的設(shè)計(jì)方法，我著手創(chuàng)建 GoFree app，GoFree 是一個(gè)方便無虐待主義消費(fèi)者找到可靠信息來做出購買決定、并支持反對(duì)虐待動(dòng)物事業(yè)的，一個(gè)統(tǒng)一的解決方案。

我參與了這個(gè)項(xiàng)目開發(fā)的各個(gè)方面，包括用戶體驗(yàn)研究和策略、原型設(shè)計(jì)、UI 設(shè)計(jì)、可用性測(cè)試和迭代。

角色：用戶體驗(yàn) / 用戶界面設(shè)計(jì)師

花費(fèi)時(shí)間：兩個(gè)月（2021年10月初至2021年11月下旬）

工具：Figma, Figjam, Jotform, 紙筆。

2. 介紹：什么是無虐待？

消費(fèi)者比以往任何時(shí)候都更想知道他們購買的產(chǎn)品究竟是如何制造的、產(chǎn)品的原料是什么。消費(fèi)者們逐漸形成了可持續(xù)購買的消費(fèi)習(xí)慣和生態(tài)意識(shí)，這讓我們區(qū)思考動(dòng)物和動(dòng)物副產(chǎn)品在我們?nèi)粘５南M(fèi)采購中扮演的角色。人們?cè)絹碓揭庾R(shí)到動(dòng)物實(shí)驗(yàn)的盛行，這促使人么去尋求替代品，比如無虐待產(chǎn)品，即未經(jīng)動(dòng)物實(shí)驗(yàn)的產(chǎn)品。

美容和個(gè)人護(hù)理產(chǎn)品經(jīng)常會(huì)使用動(dòng)物來測(cè)試組合的致死率、刺激性和副作用，主要使用的動(dòng)物是大老鼠、兔子、小老鼠和其他動(dòng)物。“無虐待”品牌指在整個(gè)生產(chǎn)過程中的任何階段，不通用過動(dòng)物實(shí)驗(yàn)來測(cè)試產(chǎn)品或成分。無虐待品牌還保證他們的供應(yīng)商不使用動(dòng)物進(jìn)行實(shí)驗(yàn)測(cè)試，并且沒有第三方代表品牌進(jìn)行動(dòng)物實(shí)驗(yàn)測(cè)試。

因?yàn)?ldquo;無虐待”這個(gè)詞沒有收到監(jiān)管，任何品牌都可以聲稱他們自己是無虐待，而不必?fù)?dān)心法律后果。為此，無虐待證書機(jī)構(gòu)，例如 CCIC Leaping Bunny 和 PETA’s Beauty Without Bunnies，為可以聲稱為無虐待的公司提供了官方和正式的要求。

3. 問題：無虐待主義消費(fèi)者花費(fèi)了太多時(shí)間去尋找可靠消息

隨著消費(fèi)者對(duì)無虐待產(chǎn)品和動(dòng)物實(shí)驗(yàn)測(cè)試相關(guān)的問題的興趣日益增長，他們開始使用網(wǎng)絡(luò)獲取他們所需的信息。然而，因?yàn)闆]有讓用戶找到可靠信息的一站式解決方案，無虐待消費(fèi)者花費(fèi)了太多時(shí)間來識(shí)別和發(fā)現(xiàn)所需的產(chǎn)品和品牌。

大量信息來源和缺乏連貫性意味著公眾不容易獲得可靠的有關(guān)動(dòng)物實(shí)驗(yàn)的信息，并且反對(duì)動(dòng)物實(shí)驗(yàn)的行動(dòng)往往獲得不到足夠的公共關(guān)注。因此，潛在的消費(fèi)者沒有動(dòng)力去進(jìn)一步了解無虐待產(chǎn)品，現(xiàn)有的消費(fèi)者也沒有機(jī)會(huì)進(jìn)一步支持反對(duì)行動(dòng)。

我們?cè)撊绾蜗驘o虐待主義消費(fèi)者提供可靠信息來做出購買決定且支持反對(duì)動(dòng)物實(shí)驗(yàn)?zāi)兀?/p>

4. 項(xiàng)目目標(biāo) ：為無虐待主義消費(fèi)者提供統(tǒng)一的解決方案

1）主要目標(biāo)

創(chuàng)建一個(gè)統(tǒng)一的解決方案，方便無虐待主義消費(fèi)者找到可靠信息來做出購買決定并支持反對(duì)虐待動(dòng)物的事業(yè)。

2）次要目標(biāo)

1.促進(jìn)無虐待產(chǎn)品和品牌的識(shí)別、購買、發(fā)現(xiàn)和分享的過程。

2.為用戶提供有動(dòng)物實(shí)驗(yàn)產(chǎn)品的無虐待替代品。

3.提供可訪問的全球性的無虐待事業(yè)和動(dòng)物試驗(yàn)的最新信息。

4.提供容易支持反對(duì)動(dòng)物實(shí)驗(yàn)的行動(dòng)入口，為用戶參與賦能。

5. 過程：設(shè)計(jì)思維框架

為了確保我的努力符合用戶需求，我使用了“用戶思維框架”，這是一個(gè)以用戶為中心，有迭代且非線形的問題解決方法，該方法分為五個(gè)階段：共情、定義、構(gòu)思、原型和測(cè)試。

設(shè)計(jì)思維過程。來源：Interaction Design Foundation

6. 共情 : 調(diào)研用戶需求

用戶體驗(yàn)設(shè)計(jì)中最基礎(chǔ)的部分之一就是理解我們的用戶。在這個(gè)項(xiàng)目上，我使用了 3 種方法來幫助我理解和共情潛在用戶的需求。

為了讓我能夠?qū)Ｗ⒂陧?xiàng)目結(jié)果而不是迷失在項(xiàng)目的細(xì)節(jié)中，我寫了一份調(diào)研計(jì)劃，概述重要的日期、目標(biāo)和關(guān)鍵問題。

1）調(diào)研方法

在線問卷，一對(duì)一深入采訪和理論研究。

2）調(diào)研目標(biāo)

1.識(shí)別和定義目標(biāo)受眾。

2.了解人們可能會(huì)采取哪些行動(dòng)來支持動(dòng)物福祉和動(dòng)物權(quán)利

3.了解人們目前如何獲取有關(guān)動(dòng)物實(shí)驗(yàn)測(cè)試和無虐待產(chǎn)品的信息。

4.了解人們?cè)诳紤]購買無虐待產(chǎn)品時(shí)可能會(huì)采取哪些行動(dòng)

5.揭露潛在用戶的挫敗感、動(dòng)機(jī)、需求和目標(biāo)

3）調(diào)研問題

1.哪些人對(duì)無虐待產(chǎn)品感興趣？他們的挫敗感、需求和目標(biāo)是什么？

2.人們?nèi)绾伟l(fā)現(xiàn)無虐待產(chǎn)品？

3.人們?nèi)绾螞Q定購買 / 避開一款產(chǎn)品？

4.人物對(duì)動(dòng)物實(shí)驗(yàn)測(cè)試知道多少？

5.人們?cè)诙啻蟪潭壬详P(guān)注動(dòng)物福祉和動(dòng)物權(quán)利？他們會(huì)采取什么行動(dòng)來支持這些？

理論研究

我首先開始在網(wǎng)絡(luò)上搜素有關(guān)無虐待產(chǎn)品和動(dòng)物實(shí)驗(yàn)測(cè)試的信息，這樣我就可以基于互聯(lián)網(wǎng)上的文章、研究和可靠的統(tǒng)計(jì)數(shù)據(jù)來驗(yàn)證我的假設(shè)。

在收集了足夠多的數(shù)據(jù)后，我制作了一個(gè)親和圖（來源包含在 PDF 版本中）。通過將相似信息項(xiàng)進(jìn)行歸類編組，我能夠?qū)⒍ㄐ詳?shù)據(jù)合成一個(gè)可操作的說明圖片。

（ affinity diagram：親和圖（法），又稱為A型圖解法、KJ法，是找出解決問題途徑的一種方法。指講未知的或未曾接觸過的領(lǐng)域的問題的相關(guān)事實(shí)/意見/設(shè)想的語言文字資料收集起來，并利用其內(nèi)在的相互關(guān)系做成歸類合并圖，來從復(fù)雜的現(xiàn)象中整理出思路、抓住本質(zhì)。）

理論研究——使用Figjam制作的親和圖

主要發(fā)現(xiàn)

● 近三分之一全球的化妝品消費(fèi)者積極地尋找有“無虐待”聲明的美妝產(chǎn)品

● 在各國有相當(dāng)比例的人支持禁止對(duì)家用產(chǎn)品、化妝品和研究進(jìn)行動(dòng)物試驗(yàn)測(cè)試。女性在化妝品方面對(duì)此聲音很大。

● 不支持對(duì)產(chǎn)品進(jìn)行動(dòng)物實(shí)驗(yàn)測(cè)試的人們擔(dān)心動(dòng)物且不希望它們經(jīng)受痛苦。

● 由于對(duì)無虐待產(chǎn)品的高需求，F(xiàn)act.MR 預(yù)計(jì) 2021 年無虐待化妝品市場價(jià)值將達(dá)到 54.5 億美元、2031 年整體市場價(jià)值將達(dá)到 99 億美元。

● 即使動(dòng)物實(shí)驗(yàn)測(cè)試的討論熱度不斷增長，大部分人仍對(duì)此知道很少而且經(jīng)常被誤導(dǎo)。

● 隨著動(dòng)物測(cè)試話題的興趣增加，在線空間幫助人們分享有關(guān)動(dòng)物實(shí)驗(yàn)測(cè)試的信息。社交媒體運(yùn)動(dòng)、博客和受信任的網(wǎng)站是主要空間和源頭。

● 維權(quán)人士通過寫信、組織請(qǐng)?jiān)?、抵制品牌和展示外部研究設(shè)施來促進(jìn)動(dòng)物福利。這些行動(dòng)有積極影響，部分國家開始對(duì)動(dòng)物實(shí)驗(yàn)測(cè)試實(shí)施嚴(yán)格的規(guī)定。

● 一般人口統(tǒng)計(jì)：千禧一代（25-40歲）；部分 Z 世代（18-24歲）；購買無虐待產(chǎn)品的大多數(shù)消費(fèi)者是女性，她們更傾向于化妝品的購買。

基于大量的可靠數(shù)據(jù)，我能得出一些理論和假設(shè)來幫助我前行并開始組織主要的調(diào)研問題。

在線問卷

在我的理論研究之后，我制作了一個(gè)在線調(diào)查問來從大量樣本中收集定量信息。這使我能夠獲得具有統(tǒng)計(jì)意義的數(shù)據(jù)，比如人口統(tǒng)計(jì)數(shù)據(jù)、購買意向和意識(shí)水平。本次調(diào)查共 50 人回答，結(jié)果如下：

在線調(diào)查：購買無虐待產(chǎn)品 —— 最終報(bào)告

主要發(fā)現(xiàn)

● 受訪者年齡介于 18 至 35 歲之間。

● 我驚訝地發(fā)現(xiàn)無虐待是受訪者在價(jià)格和品牌之后第三個(gè)最重要的購買考慮因素。顯然很多人關(guān)心這方面。

● 大多數(shù)受訪者盡可能購買無虐待產(chǎn)品，他們認(rèn)為找到這些產(chǎn)品的難度適中。

● 一些被引用最多的無虐待品牌是：Lola Cosmetics、Natura、Sallve、Davene。

● 在識(shí)別無虐待產(chǎn)品時(shí)，受訪者會(huì)尋找 logo 、在互聯(lián)網(wǎng)上搜索、或閱讀成分表。但是，他們似乎不確定該信任哪些來源。

● 大多數(shù)受訪者至少識(shí)別一項(xiàng)無虐待標(biāo)志認(rèn)證。

● 已經(jīng)購買無虐待產(chǎn)品和想開始購買無虐待產(chǎn)品的受訪者大多出于保護(hù)動(dòng)物和幫助環(huán)境的愿望。

● 大多數(shù)受訪者不了解在他們國家與動(dòng)物試驗(yàn)測(cè)試相關(guān)的法律，也不知道有反對(duì)動(dòng)物實(shí)驗(yàn)的行動(dòng)（例如請(qǐng)?jiān)负瓦\(yùn)動(dòng)）。

● 大部分受訪者（近80%）希望了解更多關(guān)于動(dòng)物試驗(yàn)測(cè)試和無虐待產(chǎn)品的信息。他們中的一些人還希望通過激勵(lì)朋友和參與反對(duì)動(dòng)物試驗(yàn)的行動(dòng)來更加積極地為無虐待主義發(fā)聲。

“我簽署了反對(duì)用動(dòng)物對(duì)產(chǎn)品進(jìn)試驗(yàn)測(cè)試的請(qǐng)?jiān)笗覜]有看到我的行為產(chǎn)生的影響。” — 受訪者

●大部分知道反對(duì)動(dòng)物試驗(yàn)測(cè)試行動(dòng)的受訪者也參與該反對(duì)行動(dòng)。然而，其中一些受訪者聲稱他們沒有看到結(jié)果。

到此為止，我有了一些基于可靠數(shù)據(jù)支持的強(qiáng)大假設(shè)。然而，我仍然需要更深入地了解用戶為什么以特定方式行事和思考。

一對(duì)一深入采訪

一對(duì)一深度訪談是一種眾所周知的深入探索受訪者感受和觀點(diǎn)的方法，它能收集定性數(shù)據(jù)。

為了幫助我在這采訪成功順利，我寫了一個(gè)采訪指南記下了一些采訪重點(diǎn)。該采訪指南包含廣泛的、開放式的問題，讓人們可以詳細(xì)地告訴我他們的經(jīng)歷。

遠(yuǎn)程采訪

● 地點(diǎn)：巴西

● 時(shí)長: 每人 20-30 分鐘

● 參與人員: 4 名年齡在 18～35 之間的人員

為了同步和組織所有我在采訪中獲取到的信息，我制作了一個(gè)親和圖：

一對(duì)一深入采訪——使用Figjam制作的親和圖

主要發(fā)現(xiàn)和洞見

生活方式

● 有特定飲食主義（例如純素食主義、素食主義）的人和無特定飲食禁忌的人都對(duì)無虐待產(chǎn)品感興趣。

● 當(dāng)?shù)谝淮瘟私鉄o虐待主義和動(dòng)物試驗(yàn)測(cè)試時(shí)，人們不得不自己調(diào)研，因?yàn)闆]有人告訴他們這些問題。

● 對(duì)無虐待產(chǎn)品感興趣的人們力求更加道德和健康的生活方式。

購買行為

● 人們通過尋找無虐待聲明和無虐待logo、在線閱讀專門列表和分析成分列表來識(shí)別無虐待產(chǎn)品。

● 經(jīng)常購買護(hù)發(fā)和化妝品的受訪者，也尋找素食聲明。

● 受訪者主要在網(wǎng)上購物，有時(shí)也在線下商店購物。

發(fā)現(xiàn)和分享產(chǎn)品

● 為了獲得購買產(chǎn)品的靈感，人們會(huì)尋找 Instagram 和 YouTube網(wǎng)紅的推薦。他們還關(guān)注那些展示他們希望努力擁有的生活方式的網(wǎng)紅。

● 一半的受訪者鼓勵(lì)他們的朋友和家人購買無虐待的物品并避免使用經(jīng)過動(dòng)物實(shí)驗(yàn)測(cè)試的產(chǎn)品。另一半沒有太多時(shí)間討論這些話題。

動(dòng)物實(shí)驗(yàn)測(cè)試

● 受訪者強(qiáng)烈反對(duì)動(dòng)物試驗(yàn)測(cè)試，因?yàn)樗麄兎浅ｊP(guān)心動(dòng)物的福祉。他們還認(rèn)為，對(duì)產(chǎn)品進(jìn)行動(dòng)物試驗(yàn)是不必要的，全球范圍內(nèi)應(yīng)該都停止動(dòng)物試驗(yàn)。

● 大多數(shù)受訪者通過簽署請(qǐng)?jiān)笗团c朋友分享來支持反對(duì)動(dòng)物試驗(yàn)的行動(dòng)。

痛點(diǎn)

● 受訪者花費(fèi)大量時(shí)間研究一個(gè)品牌是否真的是無虐待，因?yàn)闆]有地方可以找到關(guān)于動(dòng)物試驗(yàn)和無虐待產(chǎn)品的匯總信息。

● 有些人不確定該信任哪些來源，因?yàn)榫W(wǎng)上有很多相互矛盾的信息。

● 一些受訪者看不到反對(duì)動(dòng)物試驗(yàn)測(cè)試的結(jié)果。他們聲稱很少人知曉的請(qǐng)?jiān)笗鴽]有得到足夠的重視，并且擬議的法律需要太多時(shí)間才能通過 —— 如果他們通過的話。

● 人們不知道他們所在國家的有關(guān)動(dòng)物試驗(yàn)測(cè)試的法律，因?yàn)檫@是一個(gè)復(fù)雜的話題，而且公眾不容易知曉。

在我最初的研究結(jié)束時(shí)，我達(dá)到了我的目標(biāo)，驗(yàn)證了我的假設(shè)并回答了我的研究問題。我很清楚，很多對(duì)無虐待產(chǎn)品感興趣且有興趣反對(duì)動(dòng)物試驗(yàn)的人都經(jīng)歷過某種困難，這些困難常常使他們無法實(shí)現(xiàn)目標(biāo)。

有哪些困難？

● 目前，人們無法找到可靠的關(guān)于無虐待產(chǎn)品和動(dòng)物試驗(yàn)測(cè)試的匯總信息。

● 反對(duì)動(dòng)物試驗(yàn)測(cè)試的行動(dòng)頻頻得不到足夠的關(guān)注，所以大多數(shù)人并不了解無虐待和動(dòng)物實(shí)驗(yàn)測(cè)試。

● （反對(duì)動(dòng)物試驗(yàn)測(cè)試的）請(qǐng)?jiān)竿鶡o法提供有關(guān)結(jié)果和更新的反饋。

● 動(dòng)物試驗(yàn)的信息不容易被公眾知道，這導(dǎo)致人們沒有動(dòng)力去了解更多無虐待主義。

有了手頭的這些結(jié)果，是時(shí)候定義我的潛在用戶和他們的需求了。

7. 定義 ：陳述用戶需求和問題

在這里我將之前階段收集到的信息放在一起。我分析了我的觀察結(jié)果并將它們合并，通過以用戶為中心的方式來定義核心問題。

1）用戶畫像

為了識(shí)別和共情我目標(biāo)用戶的需求，并將他們作為我設(shè)計(jì)決策的中心，在上一「共情」階段我制作了兩個(gè)用戶畫像，代表常見用戶的痛點(diǎn)、動(dòng)機(jī)和行為模式的極端情況。

用戶畫像1 — Ágatha Oliveira

用戶畫像2 — Gusttavo Gois

2）分解問題

在確定了項(xiàng)目的用戶畫像后，我列出了每個(gè)洞見和用戶需求來定義問題陳述和「我們可以如何」問題，這些可以幫助我在「構(gòu)思」階段產(chǎn)生創(chuàng)新的想法。

下面的兩個(gè)表格展示了我對(duì)每個(gè)用戶畫像的關(guān)鍵洞見，在用戶故事、問題陳述和「我們?cè)撊绾巍箚栴}前面。我對(duì)每個(gè)點(diǎn)分配了優(yōu)先級(jí)，這樣可以始終專注于交付成功方案所需的關(guān)鍵點(diǎn)。

Ágatha Oliveira — 關(guān)鍵洞見，在用戶故事、問題陳述和「我們?cè)撊绾巍箚栴}

Gusttavo Gois — 關(guān)鍵洞見，在用戶故事、問題陳述和「我們?cè)撊绾巍箚栴}

3）用戶旅程地圖

下一步是在理解我的用戶需求的基礎(chǔ)上制作用戶旅程地圖，來可視化用戶完成當(dāng)前主要目標(biāo)的過程。這幫助我發(fā)現(xiàn)可以進(jìn)行設(shè)計(jì)干預(yù)的機(jī)會(huì)點(diǎn)。

Ágatha Oliveira — 用戶旅程地圖

Gusttavo Gois — 用戶旅程地圖

基于在用戶旅程地圖里概述的「我們?cè)撊绾巍箚栴}和可能的設(shè)計(jì)干預(yù)機(jī)會(huì)點(diǎn)的集合，我準(zhǔn)備好繼續(xù)項(xiàng)目的下一個(gè)階段，進(jìn)行頭腦風(fēng)暴和定義我的解決方案。

8. 構(gòu)思: 產(chǎn)生創(chuàng)新的想法

在這個(gè)階段，我產(chǎn)生、探索和勾勒不同的創(chuàng)新想法，來解決在「定義」階段的用戶未被滿足的需求。

1）競品分析

在進(jìn)行頭腦風(fēng)暴階段之前，我花了一些事件來分析現(xiàn)有的對(duì)我的用戶需求的解決方案。因此，為了識(shí)別我的競爭者并分析他們的策略、優(yōu)勢(shì)、劣勢(shì)，并發(fā)現(xiàn)未來產(chǎn)品的潛在優(yōu)勢(shì)，我對(duì)其中不同的 app 和網(wǎng)站進(jìn)行了競品分析。這個(gè)學(xué)習(xí)過程讓我探索市場空白并創(chuàng)造更精細(xì)的解決方案。

競品分析 — 競爭對(duì)手列表

競品分析 — 功能性對(duì)比

競品分析 — 綜合分析

通過分析每一位競爭對(duì)手，我能定義市場空白和機(jī)會(huì)，給我的用戶一個(gè)更有價(jià)值的解決方案。一些我明確的機(jī)會(huì)點(diǎn)如下：

● 多語言支持：支持各種語言和公制單位。

● 遵循無障礙：滿足或者超過無障礙設(shè)計(jì)標(biāo)準(zhǔn)（WCAG）。

● 高級(jí)篩選和分類選項(xiàng)：提供直觀的篩選和分類功能，能讓用戶更精確他們的搜索結(jié)果、感覺一切盡在掌握，擁有一個(gè)不那么壓倒龐大的體驗(yàn)。

2）頭腦風(fēng)暴

列出了「我們?cè)撊绾巍箚栴}和可能的設(shè)計(jì)干預(yù)機(jī)會(huì)點(diǎn)后，是時(shí)候進(jìn)行一個(gè)合適的頭腦風(fēng)暴時(shí)刻來產(chǎn)生大量不同方向的想法，并將它們連線，來獲得潛在的解決方案。我在看板上探索了「我們?cè)撊绾巍箚栴}。這個(gè)方式讓為我的解決方案想到了很多創(chuàng)新的功能。

頭腦風(fēng)暴：「我們?cè)撊绾巍箚栴}

3）功能優(yōu)先級(jí)排序

在產(chǎn)生了廣泛維度的想法后，我必須評(píng)估每一個(gè)并對(duì)它們進(jìn)行優(yōu)先級(jí)排序，這樣我才能專注于為我項(xiàng)目帶來最大價(jià)值的設(shè)計(jì)干預(yù)機(jī)會(huì)點(diǎn)。因此，基于我想法的對(duì)用戶的影響力，以及實(shí)施它們需要的努力程度，我制作了一個(gè)「影響vs努力」矩陣來幫助我對(duì)這些想法功能進(jìn)行優(yōu)先級(jí)排序。為了促進(jìn)這個(gè)過程，我還確保持續(xù)跟蹤在「定義」階段分配給功能想法的優(yōu)先級(jí)。

「影響vs努力」矩陣

到此為止，很明顯我的解決方案將會(huì)在一個(gè)移動(dòng)端 app 上具體化，該 app 會(huì)包括所有我想到并確定優(yōu)先級(jí)排序的功能點(diǎn)。我根據(jù)對(duì)于我的用戶畫像而言的可訪問性和方便程度來做出決定。

4）信息架構(gòu).

在想出一列表的功能后，我制作了一個(gè)可視化 app 信息架構(gòu)的網(wǎng)站地圖。它概括了不同的界面和它們之間的層級(jí)關(guān)系。這個(gè)制作網(wǎng)站地圖的步驟非常重要，可以非常直觀地組織且排序 app 的功能和內(nèi)容。

App的網(wǎng)站地圖

5）用戶流程

除了站點(diǎn)地圖，我還為 app 創(chuàng)建了關(guān)鍵任務(wù)的用戶流程圖。這些流程圖列出了用戶在 app 的動(dòng)作，展現(xiàn)他們?yōu)閷?shí)現(xiàn)目標(biāo)而采取的每一步驟。

用戶流程圖

6）草圖

畫出關(guān)鍵界面的低保真線框圖非常重要，因?yàn)榭梢钥焖俚剡M(jìn)行頭腦風(fēng)暴、設(shè)計(jì)和迭代。我探索各類設(shè)計(jì)可能來研究信息流動(dòng)的邏輯，并為整個(gè)產(chǎn)品體驗(yàn)奠定了基礎(chǔ)。

在我的探索過程中，我強(qiáng)調(diào)了對(duì)于為用戶提供易觸達(dá)且有用的體驗(yàn)而言至關(guān)重要的關(guān)鍵功能和元素，例如：搜索、加入收藏 / 書簽、創(chuàng)建列表和共享信息。

關(guān)鍵頁面的草圖繪制

7）中保真線框圖

隨著對(duì) app 的架構(gòu)和流程有了更深入的了解，我根據(jù)針對(duì)用戶痛點(diǎn)的建議解決方案，在 Figma 上設(shè)計(jì)了中保真線框圖。在 UI 界面和設(shè)計(jì)元素上，我參考了Material IO、Apple，以及網(wǎng)頁無障礙設(shè)計(jì)（WCAG）的設(shè)計(jì)指南。

使用Figma制作的中保真線框圖