案例研究|為無虐待主義消費(fèi)者設(shè)計(jì)APP(上)

0 評論 3477 瀏覽 15 收藏 27 分鐘

無虐待主義消費(fèi)者往往苦于難以辨認(rèn)品牌或產(chǎn)品是否真的遵循了“無虐待”原則,這就產(chǎn)生了潛在需求。那么,如果為無虐待主義消費(fèi)者設(shè)計(jì)一款A(yù)PP,可以怎么進(jìn)行產(chǎn)品構(gòu)思?這篇文章里,作者從設(shè)計(jì)框架、用戶調(diào)研等維度出發(fā)對這款產(chǎn)品的設(shè)計(jì)進(jìn)行了拆解,一起來看看吧。

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

一、總覽

多年來,人們越來越意識到人類在使用動(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)者找到可靠信息來做出購買決定、并支持反對虐待動(dòng)物事業(yè)的,一個(gè)統(tǒng)一的解決方案。

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

  • 角色:用戶體驗(yàn) / 用戶界面設(shè)計(jì)師
  • 花費(fèi)時(shí)間:兩個(gè)月(2021年10月初至2021年11月下旬)
  • 工具:Figma, Figjam, Jotform, 紙筆。

二、介紹:什么是無虐待?

消費(fèi)者比以往任何時(shí)候都更想知道他們購買的產(chǎn)品究竟是如何制造的、產(chǎn)品的原料是什么。消費(fèi)者們逐漸形成了可持續(xù)購買的消費(fèi)習(xí)慣和生態(tài)意識,這讓我們區(qū)思考動(dòng)物和動(dòng)物副產(chǎn)品在我們?nèi)粘5南M(fèi)采購中扮演的角色。人們越來越意識到動(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)物來測試組合的致死率、刺激性和副作用,主要使用的動(dòng)物是大老鼠、兔子、小老鼠和其他動(dòng)物?!?strong>無虐待”品牌指在整個(gè)生產(chǎn)過程中的任何階段,不通用過動(dòng)物實(shí)驗(yàn)來測試產(chǎn)品或成分。無虐待品牌還保證他們的供應(yīng)商不使用動(dòng)物進(jìn)行實(shí)驗(yàn)測試,并且沒有第三方代表品牌進(jìn)行動(dòng)物實(shí)驗(yàn)測試。

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

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

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

大量信息來源和缺乏連貫性意味著公眾不容易獲得可靠的有關(guān)動(dòng)物實(shí)驗(yàn)的信息,并且反對動(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)一步支持反對行動(dòng)。

我們該如何向無虐待主義消費(fèi)者提供可靠信息來做出購買決定且支持反對動(dòng)物實(shí)驗(yàn)?zāi)兀?/strong>

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

1. 主要目標(biāo)

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

2. 次要目標(biāo)

  1. 促進(jìn)無虐待產(chǎn)品和品牌的識別、購買、發(fā)現(xiàn)和分享的過程。
  2. 為用戶提供有動(dòng)物實(shí)驗(yàn)產(chǎn)品的無虐待替代品。
  3. 提供可訪問的全球性的無虐待事業(yè)和動(dòng)物試驗(yàn)的最新信息。
  4. 提供容易支持反對動(dòng)物實(shí)驗(yàn)的行動(dòng)入口,為用戶參與賦能。

五、過程:設(shè)計(jì)思維框架

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

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

六、共情:調(diào)研用戶需求

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

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

1. 調(diào)研方法

在線問卷,一對一深入采訪和理論研究。

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

  1. 識別和定義目標(biāo)受眾。
  2. 了解人們可能會(huì)采取哪些行動(dòng)來支持動(dòng)物福祉和動(dòng)物權(quán)利
  3. 了解人們目前如何獲取有關(guān)動(dòng)物實(shí)驗(yàn)測試和無虐待產(chǎn)品的信息。
  4. 了解人們在考慮購買無虐待產(chǎn)品時(shí)可能會(huì)采取哪些行動(dòng)
  5. 揭露潛在用戶的挫敗感、動(dòng)機(jī)、需求和目標(biāo)

3. 調(diào)研問題

  1. 哪些人對無虐待產(chǎn)品感興趣?他們的挫敗感、需求和目標(biāo)是什么?
  2. 人們?nèi)绾伟l(fā)現(xiàn)無虐待產(chǎn)品?
  3. 人們?nèi)绾螞Q定購買 / 避開一款產(chǎn)品?
  4. 人物對動(dòng)物實(shí)驗(yàn)測試知道多少?
  5. 人們在多大程度上關(guān)注動(dòng)物福祉和動(dòng)物權(quán)利?他們會(huì)采取什么行動(dòng)來支持這些?

1)理論研究

我首先開始在網(wǎng)絡(luò)上搜素有關(guān)無虐待產(chǎn)品和動(dòng)物實(shí)驗(yàn)測試的信息,這樣我就可以基于互聯(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制作的親和圖

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

  • 近三分之一全球的化妝品消費(fèi)者積極地尋找有“無虐待”聲明的美妝產(chǎn)品。
  • 在各國有相當(dāng)比例的人支持禁止對家用產(chǎn)品、化妝品和研究進(jìn)行動(dòng)物試驗(yàn)測試。女性在化妝品方面對此聲音很大。
  • 不支持對產(chǎn)品進(jìn)行動(dòng)物實(shí)驗(yàn)測試的人們擔(dān)心動(dòng)物且不希望它們經(jīng)受痛苦。
  • 由于對無虐待產(chǎn)品的高需求,F(xiàn)act.MR 預(yù)計(jì) 2021 年無虐待化妝品市場價(jià)值將達(dá)到 54.5 億美元、2031 年整體市場價(jià)值將達(dá)到 99 億美元。
  • 即使動(dòng)物實(shí)驗(yàn)測試的討論熱度不斷增長,大部分人仍對此知道很少而且經(jīng)常被誤導(dǎo)。
  • 隨著動(dòng)物測試話題的興趣增加,在線空間幫助人們分享有關(guān)動(dòng)物實(shí)驗(yàn)測試的信息。社交媒體運(yùn)動(dòng)、博客和受信任的網(wǎng)站是主要空間和源頭。
  • 維權(quán)人士通過寫信、組織請?jiān)?、抵制品牌和展示外部研究設(shè)施來促進(jìn)動(dòng)物福利。這些行動(dòng)有積極影響,部分國家開始對動(dòng)物實(shí)驗(yàn)測試實(shí)施嚴(yán)格的規(guī)定。
  • 一般人口統(tǒng)計(jì):千禧一代(25-40歲);部分 Z 世代(18-24歲);購買無虐待產(chǎn)品的大多數(shù)消費(fèi)者是女性,她們更傾向于化妝品的購買。
  • 基于大量的可靠數(shù)據(jù),我能得出一些理論和假設(shè)來幫助我前行并開始組織主要的調(diào)研問題。

3)在線問卷

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

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

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

  • 受訪者年齡介于 18 至 35 歲之間。
  • 我驚訝地發(fā)現(xiàn)無虐待是受訪者在價(jià)格和品牌之后第三個(gè)最重要的購買考慮因素。顯然很多人關(guān)心這方面。
  • 大多數(shù)受訪者盡可能購買無虐待產(chǎn)品,他們認(rèn)為找到這些產(chǎn)品的難度適中。
  • 一些被引用最多的無虐待品牌是:Lola Cosmetics、Natura、Sallve、Davene。
  • 在識別無虐待產(chǎn)品時(shí),受訪者會(huì)尋找 logo 、在互聯(lián)網(wǎng)上搜索、或閱讀成分表。但是,他們似乎不確定該信任哪些來源。
  • 大多數(shù)受訪者至少識別一項(xiàng)無虐待標(biāo)志認(rèn)證。
  • 已經(jīng)購買無虐待產(chǎn)品和想開始購買無虐待產(chǎn)品的受訪者大多出于保護(hù)動(dòng)物和幫助環(huán)境的愿望。
  • 大多數(shù)受訪者不了解在他們國家與動(dòng)物試驗(yàn)測試相關(guān)的法律,也不知道有反對動(dòng)物實(shí)驗(yàn)的行動(dòng)(例如請?jiān)负瓦\(yùn)動(dòng))。
  • 大部分受訪者(近80%)希望了解更多關(guān)于動(dòng)物試驗(yàn)測試和無虐待產(chǎn)品的信息。他們中的一些人還希望通過激勵(lì)朋友和參與反對動(dòng)物試驗(yàn)的行動(dòng)來更加積極地為無虐待主義發(fā)聲。

“我簽署了反對用動(dòng)物對產(chǎn)品進(jìn)試驗(yàn)測試的請?jiān)笗?,但我沒有看到我的行為產(chǎn)生的影響?!?— 受訪者

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

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

5)一對一深入采訪

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

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

6)遠(yuǎn)程采訪

  • 地點(diǎn):巴西
  • 時(shí)長: 每人 20-30 分鐘
  • 參與人員: 4 名年齡在 18~35 之間的人員

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

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

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

① 生活方式

  • 有特定飲食主義(例如純素食主義、素食主義)的人和無特定飲食禁忌的人都對無虐待產(chǎn)品感興趣。
  • 當(dāng)?shù)谝淮瘟私鉄o虐待主義和動(dòng)物試驗(yàn)測試時(shí),人們不得不自己調(diào)研,因?yàn)闆]有人告訴他們這些問題。
  • 對無虐待產(chǎn)品感興趣的人們力求更加道德和健康的生活方式。

② 購買行為

  • 人們通過尋找無虐待聲明和無虐待logo、在線閱讀專門列表和分析成分列表來識別無虐待產(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)測試的產(chǎn)品。另一半沒有太多時(shí)間討論這些話題。

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

  • 受訪者強(qiáng)烈反對動(dòng)物試驗(yàn)測試,因?yàn)樗麄兎浅jP(guān)心動(dòng)物的福祉。他們還認(rèn)為,對產(chǎn)品進(jìn)行動(dòng)物試驗(yàn)是不必要的,全球范圍內(nèi)應(yīng)該都停止動(dòng)物試驗(yàn)。
  • 大多數(shù)受訪者通過簽署請?jiān)笗团c朋友分享來支持反對動(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)上有很多相互矛盾的信息。
  • 一些受訪者看不到反對動(dòng)物試驗(yàn)測試的結(jié)果。他們聲稱很少人知曉的請?jiān)笗鴽]有得到足夠的重視,并且擬議的法律需要太多時(shí)間才能通過 —— 如果他們通過的話。
  • 人們不知道他們所在國家的有關(guān)動(dòng)物試驗(yàn)測試的法律,因?yàn)檫@是一個(gè)復(fù)雜的話題,而且公眾不容易知曉。

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

8)有哪些困難?

  • 目前,人們無法找到可靠的關(guān)于無虐待產(chǎn)品和動(dòng)物試驗(yàn)測試的匯總信息。
  • 反對動(dòng)物試驗(yàn)測試的行動(dòng)頻頻得不到足夠的關(guān)注,所以大多數(shù)人并不了解無虐待和動(dòng)物實(shí)驗(yàn)測試。
  • (反對動(dòng)物試驗(yàn)測試的)請?jiān)竿鶡o法提供有關(guān)結(jié)果和更新的反饋。
  • 動(dòng)物試驗(yàn)的信息不容易被公眾知道,這導(dǎo)致人們沒有動(dòng)力去了解更多無虐待主義。

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

七、定義:陳述用戶需求和問題

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

1. 用戶畫像

為了識別和共情我目標(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è)表格展示了我對每個(gè)用戶畫像的關(guān)鍵洞見,在用戶故事、問題陳述和「我們該如何」問題前面。我對每個(gè)點(diǎn)分配了優(yōu)先級,這樣可以始終專注于交付成功方案所需的關(guān)鍵點(diǎn)。

ágatha Oliveira — 關(guān)鍵洞見,在用戶故事、問題陳述和「我們該如何」問題

Gusttavo Gois — 關(guān)鍵洞見,在用戶故事、問題陳述和「我們該如何」問題

3. 用戶旅程地圖

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

ágatha Oliveira — 用戶旅程地圖

Gusttavo Gois — 用戶旅程地圖

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

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

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

1. 競品分析

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

競品分析 — 競爭對手列表

競品分析 — 功能性對比

競品分析 — 綜合分析

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

  • 多語言支持:支持各種語言和公制單位。
  • 遵循無障礙:滿足或者超過無障礙設(shè)計(jì)標(biāo)準(zhǔn)(WCAG)。
  • 高級篩選和分類選項(xiàng):提供直觀的篩選和分類功能,能讓用戶更精確他們的搜索結(jié)果、感覺一切盡在掌握,擁有一個(gè)不那么壓倒龐大的體驗(yàn)。

2. 頭腦風(fēng)暴

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

頭腦風(fēng)暴:「我們該如何」問題

3. 功能優(yōu)先級排序

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

「影響vs努力」矩陣

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

4. 信息架構(gòu)

在想出一列表的功能后,我制作了一個(gè)可視化 app 信息架構(gòu)的網(wǎng)站地圖。它概括了不同的界面和它們之間的層級關(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)了對于為用戶提供易觸達(dá)且有用的體驗(yàn)而言至關(guān)重要的關(guān)鍵功能和元素,例如:搜索、加入收藏 / 書簽、創(chuàng)建列表和共享信息。

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

7. 中保真線框圖

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

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

原文作者:Yasmin de Paula(本文翻譯已獲得作者的正式授權(quán))

原文:https://bootcamp.uxdesign.cc/designing-an-app-for-cruelty-free-consumers-a-ux-case-study-e38aa005fde8

譯者:陳羽姿;審核:李澤慧;編輯:韓碩;微信公眾號:TCC翻譯情報(bào)局(ID:TCC-design);連接知識,了解全球精選設(shè)計(jì)干貨。

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

題圖來自 Unsplash,基于 CC0 協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!