本文是用戶體驗(yàn)要素讀書筆記的第二篇倦沧,附上第一篇傳送門
用戶體驗(yàn)要素讀后唇撬、一
3、結(jié)構(gòu)層
a展融、產(chǎn)品信息架構(gòu)
進(jìn)入這一層窖认,已經(jīng)逐步進(jìn)入用戶能夠直觀感受到的界面。結(jié)構(gòu)結(jié)構(gòu)層最主要的成果就是產(chǎn)品信息架構(gòu)告希,關(guān)于產(chǎn)品信息架構(gòu)扑浸,可以移步我的文章產(chǎn)品信息架構(gòu)。
我們依舊以微信舉例燕偶。微信的一級(jí)菜單是微信(對(duì)話)喝噪、通訊錄、發(fā)現(xiàn)杭跪、我仙逻。我們以發(fā)現(xiàn)為例,可以看出在這個(gè)頁面有分成了四個(gè)小的子分類涧尿,朋友圈作為單獨(dú)的一個(gè)二級(jí)分類,掃一掃和搖一搖兩個(gè)功能檬贰,指向的目標(biāo)都不僅僅是人姑廉,包含了商品,街景翁涤,二維碼桥言,書籍萌踱,歌曲等等等,總結(jié)下來是圖像和聲音識(shí)別的擴(kuò)展項(xiàng)目号阿。
而下方附近的人和漂流瓶都是指向人的功能并鸵,通過隨機(jī)(偽隨機(jī)?)或者定位擴(kuò)展關(guān)系鏈扔涧。與上面是不同一類园担。
至于購物和游戲,屬于產(chǎn)品向現(xiàn)實(shí)的妥協(xié)枯夜,微信手上掌握著數(shù)億的日活和用戶弯汰,流量巨大,電商和游戲是流量變現(xiàn)的幾個(gè)最快捷徑之一湖雹。因?yàn)轵v訊和京東的戰(zhàn)略合作咏闪,微信為其提供一個(gè)流量入口。至于小龍哥壓箱底掏出一個(gè)打飛機(jī)培養(yǎng)用戶習(xí)慣的經(jīng)典案例摔吏,又是另個(gè)PM必須知道的話題了鸽嫂。
一個(gè)好的產(chǎn)品信息架構(gòu)可以讓用戶發(fā)出“這個(gè)功能果然在這里,和我想的一樣”的感慨征讲,看似簡單溪胶,卻需要對(duì)用戶使用習(xí)慣的深入研究和出色的撥開現(xiàn)象看本質(zhì)的能力。
b稳诚、定義概念模型
并且到了這個(gè)層面哗脖,PM需要定義一些概念模型,用以更好的表達(dá)產(chǎn)品的某些交互組件是怎么工作的扳还。
如電子商務(wù)網(wǎng)站里的“購物車”就是一個(gè)很好的概念模型才避,用購物車這個(gè)實(shí)體,類比于虛擬市場的概念氨距,讓用戶不費(fèi)吹灰之力就理解了這個(gè)交互組件的作用桑逝。還用上面這個(gè)例子就像漂流瓶。對(duì)于技術(shù)人員來說就是把你的信息隨機(jī)的發(fā)給某個(gè)人(PM可能會(huì)為了某些原因俏让,把你的消息有針對(duì)性的發(fā)給某個(gè)群體中的人)楞遏,為了讓用戶更好的理解這個(gè)功能的含義,就有了漂流瓶這個(gè)概念模型首昔,通過他來描述功能能夠讓用戶更好的理解這個(gè)功能的作用寡喝。
4、框架層
框架層指:按鈕勒奇、表格预鬓、照片和文本區(qū)域的位置。
按照我的理解赊颠,框架層主要指的就是頁面的布局方式格二,最好的描述方式就是線框圖劈彪。
對(duì)于與結(jié)構(gòu)層的產(chǎn)品信息架構(gòu)顶猜,框架層最主要對(duì)應(yīng)的是信息設(shè)計(jì)沧奴,Web端的信息設(shè)計(jì)較為復(fù)雜,我們選取幾個(gè)常用的移動(dòng)APP來舉例說明长窄,下圖從左到右依次為:優(yōu)酷滔吠,知乎,ZAKER抄淑,新浪微博屠凶。
通過界面布局的劃分可以明顯看出布局的不同,我們選擇幾個(gè)來舉例肆资,至于各種布局的優(yōu)劣與組合方式又是很大的一個(gè)話題矗愧。
比如:Tab Bar
可以看出四款應(yīng)用都使用了Tab Bar(頁面底部的3-5個(gè)標(biāo)簽),這種設(shè)計(jì)方式的有點(diǎn)有:
1郑原、清楚當(dāng)前所在的入口位置
2唉韭、輕松在各入口間頻繁跳轉(zhuǎn)且不會(huì)迷失方向
3、直接展現(xiàn)最重要入口的內(nèi)容信息
缺點(diǎn)是:如果超過五個(gè)會(huì)顯得特別復(fù)雜犯犁。
總結(jié)下來就是優(yōu)點(diǎn)較為明顯属愤,而缺點(diǎn)較少并且可以控制,所以被大量的APP采用了酸役。
幾個(gè)值得深思的小區(qū)別
知乎(內(nèi)容型社區(qū))在頂部的標(biāo)題欄提供了搜索
ZAKER采用了banner位輪播+跳板式的展示方式
優(yōu)酷(視頻-富媒體)在ZAKER的基礎(chǔ)上加入了圖片瀑布流住诸,用來展示視頻的“調(diào)性”
微博(社交平臺(tái)),同樣的信息展示涣澡,微博使用瀑布式完全展示單條信息贱呐,知乎選擇隱藏
這些界面布局上的區(qū)別,每一個(gè)都值得深思入桂,都是有經(jīng)驗(yàn)的PM根據(jù)產(chǎn)品的特性所決定的奄薇,在這篇文章我只想讓大家意識(shí)到他的作用,關(guān)于細(xì)節(jié)不想深究抗愁。
導(dǎo)航欄
并且在這個(gè)層面馁蒂,會(huì)涉及到導(dǎo)航欄的設(shè)計(jì),這體現(xiàn)了產(chǎn)品的信息空間定位蜘腌,一般來說一個(gè)好的導(dǎo)航設(shè)計(jì)要能體現(xiàn)兩點(diǎn):
告訴用戶現(xiàn)在在哪里
告訴用戶點(diǎn)擊這里能夠通向哪里
5沫屡、表現(xiàn)層
表現(xiàn)層基本已經(jīng)進(jìn)入視覺設(shè)計(jì)的范疇,在這里逢捺,內(nèi)容谁鳍、功能和美學(xué)回寄到一起來產(chǎn)生一個(gè)滿足了以上四層的終極目標(biāo)。
這個(gè)層面已經(jīng)不完全是PM的職責(zé)了劫瞳,但一個(gè)好的PM也必須會(huì)一些設(shè)計(jì)的知識(shí)倘潜,如排版、色彩等志于,PM在這一步中更多做的是欣賞并提一些大方面的意見涮因,具體的事務(wù)由視覺設(shè)計(jì)團(tuán)隊(duì)完成。
但書中有一個(gè)表現(xiàn)層一般會(huì)遵循的原則
忠于眼睛
第一眼的觀感非常重要伺绽,一定要通過視覺設(shè)計(jì)引導(dǎo)用戶看到我們最希望用戶看到的內(nèi)容养泡。
對(duì)這個(gè)問題我對(duì)當(dāng)時(shí)實(shí)習(xí)的公司(淘寶賣家服務(wù))的產(chǎn)品首頁改版深有體會(huì),公司的產(chǎn)品是一個(gè)工具類的產(chǎn)品奈应,所以最希望用戶看到的就是我們有什么功能澜掩,但之前點(diǎn)開首頁,最為吸引眼球的總是那幾張放了幾個(gè)月的海報(bào)素材杖挣,對(duì)此我深以為然肩榕。
除卻第一眼的觀感,能讓用戶視野焦點(diǎn)沿著一條流暢的線運(yùn)動(dòng)也是視覺設(shè)計(jì)中必須得考量的一部分惩妇。
三株汉、模型的內(nèi)在聯(lián)系
還是回到原來的模型截圖中:我們可以先看右側(cè),越往上越靠近表現(xiàn)層越具體歌殃,越接近用戶能看到乔妈,接觸到的元素。越向下越靠近戰(zhàn)略層越抽象氓皱,用戶不那么容易了解到路召。即向上具體,向下抽象波材。
并且每個(gè)層級(jí)是對(duì)立統(tǒng)一的股淡,下方層級(jí)決定上方層級(jí),比如范圍層的功能規(guī)格和內(nèi)容需求就是戰(zhàn)略層用戶需求和產(chǎn)品目標(biāo)的細(xì)化各聘,依次類推揣非。并且各個(gè)層級(jí)都相互影響。
至此躲因,書籍的主要內(nèi)容我已經(jīng)回顧一遍早敬,順帶加上了很多自己的理解。最后說一下書中指出的如何運(yùn)用這些影響用戶體驗(yàn)的要素大脉。
四搞监、應(yīng)用的小例子
假如你發(fā)現(xiàn)某個(gè)頁面中,某個(gè)按鈕看起來有問題镰矿,特別別扭琐驴,就可以從表現(xiàn)層、框架層、結(jié)構(gòu)層這三個(gè)層次分析绝淡。
假如是:按鈕太大宙刘,顏色不和,就屬于表現(xiàn)層的問題牢酵,可以通過視覺設(shè)計(jì)修改悬包。
假如是:按鈕在頁面中擺放的位置不對(duì),那就是框架層的問題馍乙,即頁面布局在這個(gè)按鈕的位置上出現(xiàn)了可以優(yōu)化的方案布近,從而將調(diào)整頁面布局。
假如是:按鈕所代表的功能不合適丝格,不應(yīng)該出現(xiàn)在這個(gè)頁面上撑瞧,那就應(yīng)該是結(jié)構(gòu)層的問題,重新審視產(chǎn)品信息架構(gòu)显蝌,看這個(gè)按鈕指向哪里预伺,把他放在哪個(gè)層次里比較合適。
五琅束、書本的評(píng)價(jià)
畢竟這是一篇讀書筆記扭屁,必然要有對(duì)書本的評(píng)價(jià)∩鳎總體來說料滥,很值得一讀,不論是互聯(lián)網(wǎng)產(chǎn)品經(jīng)理還是其他崗位艾船。但書中有些內(nèi)容比較瑣碎葵腹,并且含義太廣,需要其他的知識(shí)來補(bǔ)充屿岂。并且書籍是針對(duì)Web端產(chǎn)品的設(shè)計(jì)践宴,有些東西不完全適用于移動(dòng)產(chǎn)品,應(yīng)該審時(shí)度勢(shì)爷怀。
產(chǎn)品經(jīng)理不應(yīng)該僅僅局限在互聯(lián)網(wǎng)行業(yè)阻肩,產(chǎn)品經(jīng)理的核心指的是一種以人為本的設(shè)計(jì)方式,一種強(qiáng)調(diào)流程运授、方法的管理方式烤惊。可以推廣到各行各業(yè)(最近已經(jīng)把產(chǎn)品經(jīng)理這個(gè)職位拓展到娛樂圈了.....)