用好設(shè)計思維, 助力產(chǎn)品經(jīng)理快速進(jìn)階
8月22日,人人都是產(chǎn)品經(jīng)理舉辦的線下作者交流會已完美落幕。平安產(chǎn)險產(chǎn)品經(jīng)理 vivi分享了設(shè)計思維是如何給她的產(chǎn)品工作帶來新的角度,更幫助她在職場中更上一個臺階。以下是全部內(nèi)容~
01 設(shè)計的意義
設(shè)計始終在解決問題,讓事物變得更好。我覺得在生活中每一件事物都是被設(shè)計和創(chuàng)造出來的。衣食住行都是設(shè)計師的精心產(chǎn)出。同時設(shè)計的意義還在于:
1. 提高生活的便利性
- 1890年YUKI,把蚊香棒改造成螺旋蚊香,有利于燃燒更久以及便于存放和運(yùn)輸;
- 1994年柳宗元設(shè)計了家具燒水壺,底部面積更大,提高燒水的效率;
- 2015年水野學(xué)設(shè)計的地鐵上人性化的把手;
2. 提高心情的愉悅度
- 2010年水野學(xué)通過在臺灣的實地考察,7-ELEVEN 的包裝設(shè)計還原食品的真實性;
- 2010年水野學(xué)設(shè)計的熊本熊,代表著當(dāng)?shù)匚幕?,同時帶來了歡樂形象;
3. 提升生活的舒適度
2003年柴田文江設(shè)計的懶人沙發(fā),延續(xù)了日本的「坐」文化中使用者的習(xí)慣,又帶來了新鮮自由的體驗。
02 何為交互技術(shù): 理解交互
在我們的日常生活中,日常使用的手機(jī)搭配了交互系統(tǒng),銀行自助機(jī)讓用戶自助交互進(jìn)行取款等操作等等。其實在廣義上,交互技術(shù)的定義是:幫助人們完成任務(wù),達(dá)到目的的技術(shù)。在互聯(lián)網(wǎng)的范疇內(nèi),可能就會被定義成,基于計算機(jī)系統(tǒng),結(jié)合編碼來幫助人們完成任務(wù),達(dá)到目標(biāo),娛樂自我。
任何復(fù)雜的系統(tǒng)都有用戶界面 ,例如日常使用的筆記本,咖啡機(jī),打印機(jī)等等。最主要的是如何在界面以及操作上引導(dǎo)用戶完成任務(wù),并且了解他當(dāng)前的任務(wù)執(zhí)行狀態(tài)。
重點在于交互系統(tǒng)是可用的,設(shè)計師和產(chǎn)品應(yīng)該賦予它們可用性。
1. 人類行為路徑
人類的行為路徑正常是獲取認(rèn)知 -> 自我解釋 -> 評估 -> 目標(biāo) -> 意向 -> 明確行動 -> 執(zhí)行 -> 完成任務(wù)。但是用戶的行為路徑,在評估如何完成目標(biāo)的時候,很容易引起誤解。也就是頁面無法給予正確的使用反饋或者是用戶無法理解界面的設(shè)計,導(dǎo)致無法完成目標(biāo)。這需要設(shè)計師在產(chǎn)品設(shè)計中賦予其可用性。
2. 可用性 Usability
可用性是“用戶體驗”其中一個廣泛的術(shù)語,指的是訪問或使用產(chǎn)品/網(wǎng)站的容易程度。官方ISO 9241-11定義是:“特定用戶在特定使用環(huán)境中使用產(chǎn)品達(dá)到特定目標(biāo)的有效程度,效率和滿意度的程度?!?/p>
“the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.”
可用的界面主要有三個定義:
- easy for the user to become familiar with and competent in –?在第一次使用網(wǎng)站時,用戶應(yīng)該很容易熟悉并知道如何使用用戶界面。例如,如果旅行社的網(wǎng)站是精心設(shè)計過的,那么用戶就能夠順理成章地通過一系列操作順序快速訂票;
- easy for users to achieve their objective –?通過使用網(wǎng)站,用戶應(yīng)該可以很容易地實現(xiàn)他們的目標(biāo)。如果有用戶想要預(yù)訂機(jī)票,那么一個好的設(shè)計應(yīng)該引導(dǎo)他/她通過最簡單的過程訂票;
- easy to recall the user interface and how to use it on subsequent visits –?用戶應(yīng)該可以很容易回想起用戶界面以及如何在后續(xù)訪問中使用它。 因此,旅行社網(wǎng)站上的好設(shè)計意味著用戶可以從第一次預(yù)訂中學(xué)習(xí)并且清楚地知道怎么預(yù)訂第二張票;產(chǎn)品設(shè)計思維-理解設(shè)計
03 一項以人為本的產(chǎn)品設(shè)計活動
- 理解用戶的期望、需求、動機(jī)和使用場景;
- 理解商業(yè)、技術(shù)以及行業(yè)的機(jī)會、需求和制約
- 根據(jù)以上敘述的知識為規(guī)劃基礎(chǔ)來創(chuàng)造產(chǎn)品,讓產(chǎn)品的形式、內(nèi)容、行為可用、易用,令人滿意,無論經(jīng)濟(jì)還是技術(shù)上均切實可行。
1. 用戶研究 User Research
通過一定的方法論來 收集分析用戶數(shù)據(jù),提煉用戶畫像和故事場景。從而來了解用戶是誰,在做什么,目標(biāo)是什么。其中的方法包括了:
- 文獻(xiàn)報告 – 通過專業(yè)的文獻(xiàn)分析,歸納總結(jié)
- 競品分析
- 數(shù)據(jù)收集(如調(diào)查問券,采訪)
- 用戶觀察和提問
2. 用戶畫像 Persona
- 基礎(chǔ)信息:性別,年齡,職業(yè),居住地等等;
- 日常生活中的一天
- 日?;顒樱喝缃∩?,帶娃等;
- 休閑活動:如逛街,羽毛球等;
- 目標(biāo)/恐懼/心愿
3. 用戶故事 Scenerio
- 作為一個 。角色指的是做出行動和受益的人。
- 我想要 。這是執(zhí)行的動作。
- 以便 。它是用戶從操作中獲得的附加值。
例如:小明今天早上7點起床,洗漱完畢后,給自己泡了一杯咖啡。他還從冰箱取出了面包,把早餐都放好在餐桌上之后。他打開了 xx 應(yīng)用,一邊瀏覽著今天的資訊一邊吃早餐,他發(fā)現(xiàn)今天的資訊好像沒有昨天的內(nèi)容有吸引力。他隨后點開了其中一條熱門資訊,評論區(qū)議論紛紛,他想加入討論,發(fā)現(xiàn)發(fā)布后的評論并沒有在評論區(qū)進(jìn)行展示,他懷疑自己是否沒有發(fā)送成功…(類似這樣的故事場景描述,越具體越容易提煉出來問題)
4. 功能點優(yōu)先級
通過用戶畫像和場景,即可提煉出用戶在使用過程中會遇到的問題以及所需要使用的功能點來規(guī)劃方案中可以落地并且快速執(zhí)行的功能點;或者可以通過用戶同理心地圖來實現(xiàn)功能點優(yōu)先級的規(guī)劃;
5. 同理心地圖
了解用戶在使用產(chǎn)品的過程中會想什么,說什么,做什么,有什么感受;清楚用戶用戶目標(biāo)、需求和動機(jī),需要充分了解用戶的目標(biāo)的本質(zhì),產(chǎn)生用戶目標(biāo)的心理模型
04 原型圖設(shè)計
在前面步驟定義出了功能點的優(yōu)先級后,就需要進(jìn)行原型圖設(shè)計。利用500毫秒的力量,也就是用戶第一印象的沖動,迅速傳達(dá)產(chǎn)品的概念以及引導(dǎo)用戶發(fā)起行為操作。Krug 可用性第一定律:用戶只需要瀏覽一眼,就可以知道核心內(nèi)容,以及如何操作使用;其中的交互設(shè)計理論,可以參考:
- Norman’s Principles
- Shneiderman’s 8 Golden Rules
- Tog’s Principles
- Neilsen’s Heuristics
1. 給予用戶正確的行為操作反饋
讓用戶對于他當(dāng)前發(fā)起的操作,有明確的感知,可以收獲到積極正確的反饋。
2. 盡量利用習(xí)慣用法
其實在我們生活中,有很多習(xí)慣以及一致性的設(shè)計;例如汽車的設(shè)計,油門,剎車,方向盤放置的位置,所有的品牌都會統(tǒng)一一致,降低客戶的學(xué)習(xí)成本,更好地提高安全性;
例如,目前的 Andriod 系統(tǒng)的網(wǎng)站設(shè)計,更多的采用“漢堡導(dǎo)航欄”,而 ios 更多的是采用底部的導(dǎo)航欄。系統(tǒng)內(nèi)盡量會保持一致,而不同的系統(tǒng)可能會有一定的區(qū)別性,但是信息的層級還是清晰可視的。
3. 建立有效的視覺層次
- 突出重要信息;
- 信息分類明確區(qū)分;
4. 把頁面劃分成明確定義的區(qū)域
用戶只關(guān)心有用信息,對于無關(guān)信息可以直接忽略;
5. 明顯標(biāo)識可以點擊的地方
避免使用同一種顏色表示文字鏈接和不可點擊的標(biāo)題;如上圖所示,其實在蘋果的幫助中,icon的導(dǎo)航和下方的富文本以及對應(yīng)的跳轉(zhuǎn)鏈接的區(qū)分度著實有點弱化;我感覺在這個頁面上,并沒有很好的區(qū)分,可點擊跟不可點擊;舉個比較好的例子的話
6. 最小化干擾
- 充分使用標(biāo)題;
- 保持段落簡潔;
- 使用符號列表;
- 突出關(guān)鍵詞;
05 產(chǎn)品設(shè)計工具
工具只是輔助,用于提高工作效率。產(chǎn)品原型圖設(shè)計的工具玲瑯滿目,目前在設(shè)計界,他們是這么評定這一些設(shè)計工具的。Figma 代表了車業(yè)界的 特斯拉,也就是意味著代表未來。從個人的工作項目精力的工作中,給到兩個建議:
- 確認(rèn)1-2產(chǎn)品設(shè)計工具,不要頻繁切換不同的工具使用。體驗是可以的,但是工作的話,盡量固定用1-2款即可,并且需要熟練;
- 所有的工具要盡量使用 組件庫 ,搭建屬于自己的組件庫,隨時可以被調(diào)用,而不需要被一遍遍的重復(fù)設(shè)計!
我一般是低保真用 Axure,高保真用 Figma,并且我有自己一套標(biāo)準(zhǔn)的組件庫。所以對于設(shè)計原型圖,只要框架層確認(rèn)了,大概半天到一天就可以把詳細(xì)的頁面方案和流程進(jìn)行輸出;
最后
Design is not about how things look. Design is about how things work. – Steve Jobs,1984
希望以上的設(shè)計流程對你有幫助。
#專欄作家#
vivi,人人都是產(chǎn)品經(jīng)理專欄作家。曾就讀于英國約克大學(xué),4年產(chǎn)品經(jīng)理,主要領(lǐng)域在旅游商品和社交場景,擅長原型圖,用戶體驗。
本文為【2020年8月人人都是產(chǎn)品經(jīng)理線下作者交流會】現(xiàn)場分享內(nèi)容,未經(jīng)允許,禁止轉(zhuǎn)載
題圖來自 Unsplash,基于 CC0 協(xié)議
- 目前還沒評論,等你發(fā)揮!