▲點(diǎn)擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來(lái)到專(zhuān)業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)

三分設(shè)｜連接知識(shí)，幫助全球 1 億設(shè)計(jì)師成長(zhǎng)

轉(zhuǎn)自：TCC翻譯情報(bào)局

編輯：張夢(mèng)如

共 2709字，預(yù)計(jì)閱讀 7 分鐘

一. 項(xiàng)目簡(jiǎn)介

本項(xiàng)目的目標(biāo)是創(chuàng)造一個(gè) 幫助用戶(hù)克服職業(yè)發(fā)展難題的移動(dòng)端程序，讓用戶(hù)獲得來(lái)自領(lǐng)域內(nèi)專(zhuān)家團(tuán)隊(duì)的悉心指導(dǎo)。

Lightship--為你帶來(lái)職業(yè)道路上的最佳指引

本項(xiàng)目是 Springboard UI / UX 訓(xùn)練營(yíng)課程的一部分。

項(xiàng)目時(shí)間：2020 年 11 月至 1 月 （ 8 周）

項(xiàng)目職責(zé)：個(gè)人項(xiàng)目， UI / UX  設(shè)計(jì)

使用軟件：Figma 、  Invision 、 Marvel 、Miro

二. 設(shè)計(jì)過(guò)程

本項(xiàng)目采用了 設(shè)計(jì)思維，以 確保用戶(hù)在每個(gè)決策中處于核心地位。                

以下是項(xiàng)目的每一個(gè)步驟。

1）共情

這一階段的主要目的是驗(yàn)證  "大多數(shù)人在他們目前的職業(yè)發(fā)展中并不快樂(lè)"  的假設(shè)。

為了通過(guò)  POV  [ 1 ]（ Point of View ，定義觀點(diǎn)），更好地理解問(wèn)題，我們先后進(jìn)行了兩次研究，包括 用戶(hù)訪(fǎng)談、調(diào)研、親和圖構(gòu)建、移情圖構(gòu)建、用戶(hù)畫(huà)像構(gòu)建和迭代原型的可用性測(cè)試。

( [ 1 ]  POV （  Point of View ，定義觀點(diǎn)): 指針對(duì)用戶(hù)當(dāng)時(shí)的需要，深入探究用戶(hù)的現(xiàn)狀問(wèn)題，洞察觀點(diǎn)。)
這個(gè)視頻簡(jiǎn)單展示了研究的過(guò)程，便于了解所選問(wèn)題的重要性。

填空題法：（什么樣的） 的用戶(hù)，他們需要 （動(dòng)詞） ，因?yàn)椋ň唧w描述）對(duì)他們很重要。

2）確定問(wèn)題

招募參與者的第一步是向 50 名候選人發(fā)送問(wèn)卷并進(jìn)行篩選，接下來(lái)根據(jù)他們與主題的關(guān)聯(lián)性，進(jìn)一步縮小候選人范圍。

篩選調(diào)研不僅有助于找到合適的參與者進(jìn)行訪(fǎng)談，而且有助于收集一些可用的數(shù)據(jù)。

以下是最關(guān)聯(lián)和最有幫助的問(wèn)題以及答復(fù)。

一半以上的參與者轉(zhuǎn)變了職業(yè)選擇       

與其他國(guó)家相比，職業(yè)咨詢(xún)?cè)谟《炔⒉皇⑿?/span>

       

只有 5% 的印度學(xué)校有就業(yè)指導(dǎo)員      

大多數(shù)學(xué)生選擇了 "更穩(wěn)妥 "的行業(yè)，而不是自己感興趣的行業(yè)

90 %  的參與者表示，如果可以重新選擇的話(huà)，他們會(huì)選擇一個(gè)不同的，更有創(chuàng)造性的職業(yè)。這些調(diào)研也用于篩選訪(fǎng)談候選人。

3）用戶(hù)訪(fǎng)談

為了從不同角度深入了解這個(gè)問(wèn)題，我進(jìn)行了 9 次訪(fǎng)談。所選的候選人包含千禧一代和 Z 世代，這樣我就可以把不同年齡階段的觀點(diǎn)合并起來(lái)。

來(lái)看看他們都說(shuō)了些什么。

"如果有好的導(dǎo)師指引，從未接觸該領(lǐng)域的人最終會(huì)愛(ài)上該領(lǐng)域，反之亦然?！?/span>

"我最終選擇了商科而不是 PCM（ Project Control Manager，項(xiàng)目管理經(jīng)理），因?yàn)槲艺J(rèn)為這是一個(gè)更穩(wěn)妥的選擇，它使我未來(lái)的選擇有很多可能性。"

"如果我在早期得到更好的職業(yè)指導(dǎo)，我想我會(huì)更早達(dá)到我現(xiàn)在的位置。"

"高中后很多事情飛速發(fā)生了變化。我希望能給我們多一些時(shí)間或指導(dǎo)，以便我們能做出更好的決定。"

"我們被鼓勵(lì)去接觸一些能讓我們更快找到工作的核心行業(yè)，如土木工程、機(jī)械或電氣。"

"他們應(yīng)該探索不同的領(lǐng)域，而不必?fù)?dān)心失敗或被稱(chēng)為失敗者。"

"我從來(lái)沒(méi)有真正嘗試過(guò)其他行業(yè)，工程行業(yè)是一個(gè)妥妥的安全牌。"

4）親和圖

下一步是把從訪(fǎng)談中收集到的各類(lèi)數(shù)據(jù)，整合為一個(gè)聚焦于觀點(diǎn)的完整故事。創(chuàng)建一個(gè)親和圖，在過(guò)程中組合 類(lèi)似的觀點(diǎn)并進(jìn)行分類(lèi)，從而完成整合。

       

親和力圖

5）同理心地圖

為了更好地了解目標(biāo)用戶(hù)群，對(duì)收集到的數(shù)據(jù)進(jìn)行進(jìn)一步的整合。

組合的四個(gè)類(lèi)別是：用戶(hù)的想法和感受｜洞察｜話(huà)語(yǔ)和行為｜見(jiàn)聞

同理心地圖有助于區(qū)分兩種不同類(lèi)型的用戶(hù)。一類(lèi)是已經(jīng)參加工作的、年齡在 24-40 歲之間的人 （千禧一代），另一類(lèi)是年齡在 6-24 歲之間的人 （Z 世代）。

     

第一組同理心地圖（24-40 歲人群）

       

第二組同理心地圖（6-24 歲人群）

6）用戶(hù)畫(huà)像

列出不同用戶(hù)的 屬性、目標(biāo)和動(dòng)機(jī)，基于三種主要的人物類(lèi)型來(lái)確定用戶(hù)畫(huà)像。

根據(jù)不同的人物類(lèi)型，定位了3種角色

7）問(wèn)題陳述

在徹底了解了用戶(hù)和問(wèn)題后，我想到了幾個(gè)  " How Might We "，其中一個(gè)值得提出來(lái)：

我們?cè)鯓硬拍茏屄殬I(yè)道路上遇到阻礙的人更輕松地得到可靠的指導(dǎo)？

8）構(gòu)思

現(xiàn)在到了有趣的階段 —— 針對(duì)定義的問(wèn)題進(jìn)行頭腦風(fēng)暴，提出解決方案！我開(kāi)始勾畫(huà)我想到的任何點(diǎn)子，在這個(gè)階段中不對(duì)想法進(jìn)行評(píng)判。

       

頭腦風(fēng)暴環(huán)節(jié)-把想法和思路寫(xiě)在紙上

在構(gòu)思環(huán)節(jié)找到一些可行的解決方案后，我開(kāi)始撰寫(xiě)用戶(hù)故事，明確設(shè)計(jì)要求。這些故事被再次分類(lèi)，從而確定哪些故事應(yīng)該包含在最小可行產(chǎn)品（ MVP ）中。

為 MVP 確定用戶(hù)故事的優(yōu)先次序

9）信息架構(gòu)

下一步是 組織和構(gòu)建信息架構(gòu)。首先，我制定了一個(gè) 定點(diǎn)地圖，以建立應(yīng)用程序中頁(yè)面的層次結(jié)構(gòu)。

       

在 Miro 上創(chuàng)建的定點(diǎn)地圖

下一步是確定 必要的用戶(hù)流程，也稱(chēng)為紅色路線(xiàn)，以確保用戶(hù)能成功完成任務(wù)。

       

必要用戶(hù)流程

10）草圖

我畫(huà)了幾個(gè)頁(yè)面的草圖，將前面確定的用戶(hù)流程可視化。    

頁(yè)面的初步草圖

11）低保真線(xiàn)框圖

下一步是將草圖轉(zhuǎn)換成線(xiàn)框，不考慮顏色、圖形和字體，只確定應(yīng)用程序中的布局。

       

低保真線(xiàn)框圖

12）品牌平臺(tái)

在建立了應(yīng)用程序的基本布局和用戶(hù)流程后，下一步是 創(chuàng)建一個(gè)品牌平臺(tái)，確定產(chǎn)品名稱(chēng)和風(fēng)格。      

 

品牌平臺(tái)

13）風(fēng)格指南

在深入進(jìn)行高保真設(shè)計(jì)之前，將品牌的視覺(jué)語(yǔ)言和用戶(hù)界面元素定義為一個(gè)設(shè)計(jì)系統(tǒng)。

       

風(fēng)格指南

14）高保真模型

我設(shè)計(jì)的第一個(gè)頁(yè)面是首頁(yè)，它是應(yīng)用程序中連接其他頁(yè)面的首要頁(yè)面。經(jīng)過(guò)多次迭代，我最終確定了這個(gè)頁(yè)面的視覺(jué)風(fēng)格，作為其他頁(yè)面的風(fēng)格指南。

       

從最初的設(shè)計(jì)方案到最終的視覺(jué)風(fēng)格

隨后，我創(chuàng)建了其他高保真模型，實(shí)現(xiàn)應(yīng)用程序的核心功能。

               

15）原型和測(cè)試

在完成了必要用戶(hù)流程的高保真模型后，我繼續(xù)制作應(yīng)用程序的原型，并根據(jù)可用性測(cè)試的結(jié)果進(jìn)行迭代。

下面是一個(gè)測(cè)試參與者使用原型的片段。

正在運(yùn)行的Lightship原型

16）可用性測(cè)試

我進(jìn)行了兩輪測(cè)試，每輪有 5 名參與者，他們都是該應(yīng)用程序的目標(biāo)人群。

基于測(cè)試得到的觀點(diǎn)，我對(duì)原型進(jìn)行了迭代。事實(shí)證明，這一步對(duì)改善用戶(hù)體驗(yàn)非常有幫助。

三. 總結(jié)

對(duì)任何人來(lái)說(shuō)，做出正確的職業(yè)決定都是令人生畏的，但是在有經(jīng)驗(yàn)的導(dǎo)師的指導(dǎo)下，這個(gè)障礙可以很容易地被繞過(guò)。

為現(xiàn)實(shí)世界的問(wèn)題尋找最佳解決方案，這一設(shè)計(jì)思維過(guò)程是一個(gè)很好的學(xué)習(xí)經(jīng)歷。

         

更多好文推薦：

原創(chuàng)精選｜從行為設(shè)計(jì)探索抖音上癮的秘密

原創(chuàng)精選｜多語(yǔ)言用戶(hù)界面到底應(yīng)該如何設(shè)計(jì)！

原創(chuàng)精選 | 了解這些心理學(xué)原則，你才能成為產(chǎn)品設(shè)計(jì)師！

原創(chuàng)精選｜如何制定產(chǎn)品的設(shè)計(jì)原則？設(shè)計(jì)總監(jiān)帶你一起從經(jīng)典案例中總結(jié)經(jīng)驗(yàn)

原創(chuàng)精選｜如何幫助兒童學(xué)習(xí)金融知識(shí)？這款銀行游戲設(shè)計(jì)一定可以給你啟發(fā) （中）

原創(chuàng)精選｜如何利用 HSLuv 色彩模型創(chuàng)建人眼感知均勻的色彩系統(tǒng)！

原創(chuàng)精選 | 設(shè)計(jì)總監(jiān)教你如何使用機(jī)會(huì)畫(huà)布，掌握設(shè)計(jì)思維方法！

---

?? 我們一起聊設(shè)計(jì) ???♂?

微信行業(yè)交流群

期待與更多優(yōu)秀設(shè)計(jì)師一起成長(zhǎng)

??

PS：歡迎大家關(guān)注三分設(shè)，每天早上9點(diǎn)，準(zhǔn)時(shí)充電。分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識(shí)，定期大咖老師直播分享，零距離連麥，答疑解惑。 添加小小蟲(chóng)微信號(hào)【 Lil_Bug 】，備注【 三分設(shè) 】加入！（只面向星標(biāo)了公眾號(hào)三分設(shè)的粉絲）

---

星標(biāo)公眾號(hào)方法

點(diǎn)開(kāi)下方公眾號(hào) ??  點(diǎn)擊右上角【...】 ??   設(shè)為星標(biāo)