書很淺顯易懂缨伊,從頭至尾其實(shí)就講了四大原則摘刑,然后每個(gè)原則舉了很多例子以及其對(duì)應(yīng)的應(yīng)用場景。
親密性刻坊,重復(fù)枷恕,對(duì)齊,對(duì)比
互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中最核心的原則就是重復(fù)谭胚,具體對(duì)應(yīng)過來就是用戶體驗(yàn)的一致性徐块,具體反應(yīng)在以下方面
1.跳轉(zhuǎn)邏輯的一致性。不同層級(jí)頁面之間的跳轉(zhuǎn)邏輯如何灾而,當(dāng)前頁面刷新還是新開標(biāo)簽頁
2.頁面風(fēng)格的一致性胡控。前一個(gè)頁面還是大紅大紫,后一個(gè)就已經(jīng)像大海一樣深沉了绰疤,當(dāng)然這個(gè)在一些大型網(wǎng)站的各個(gè)不同類目有所區(qū)分也是可以理解铜犬,不過這種情況的話需要保持設(shè)計(jì)風(fēng)格的一致,或者說通過增加一些固定的元素轻庆,控件等讓用戶感知到你還在這個(gè)網(wǎng)站。如網(wǎng)易
3.動(dòng)作結(jié)果預(yù)期的一致性敛劝。用戶每發(fā)生一次交互后余爆,比如一次點(diǎn)擊,一次hover夸盟,蛾方,如果給出的結(jié)果是跟用戶的預(yù)期不一致的,那么這個(gè)動(dòng)作的邏輯就是有問題的上陕。web產(chǎn)品的動(dòng)作相對(duì)來講比較簡單桩砰,不像移動(dòng)端有比較多的手勢,左右滑動(dòng)释簿,上下拉動(dòng)亚隅,點(diǎn)擊, 雙指拉動(dòng)等等庶溶,比較復(fù)雜煮纵,所以相對(duì)來講web產(chǎn)品的幾個(gè)動(dòng)作的結(jié)果用戶都已經(jīng)有了固定的預(yù)期,這種預(yù)期是可感知但是不可描述的偏螺,你問用戶點(diǎn)擊這個(gè)應(yīng)該發(fā)生什么行疏,用戶沒法回答,但是你真正的換一種結(jié)果套像,用戶肯定是會(huì)覺得酿联,哎,怎么這么怪呢?所以在用戶預(yù)期這兒一定要尊重用戶贞让,不要隨意創(chuàng)造周崭。
親密性這個(gè)原則在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中個(gè)人理解反映在功能設(shè)計(jì)以及內(nèi)容的邏輯上面。
為什么這個(gè)TAB下面有這么幾個(gè)功能震桶,這幾個(gè)功能的排序?yàn)槭裁词沁@樣的休傍,這些信息為什么要擺在一起等等諸如此類的問題,具體反應(yīng)就是
1.功能的描述要清晰蹲姐,每個(gè)大功能對(duì)應(yīng)的幾個(gè)子功能一定是要非常明確的磨取,而且是在大功能的范疇內(nèi)的,拿高德地圖跟百度地圖做個(gè)例子柴墩。這兩個(gè)APP都有導(dǎo)航跟路線查詢兩個(gè)功能忙厌,但是百度做的就比高德地圖好,高德對(duì)應(yīng)這兩個(gè)功能為“出行”江咳,“路線”逢净,那其實(shí)對(duì)于用戶就會(huì)產(chǎn)生困惑,我查路線就是為了出行啊歼指,這兩個(gè)區(qū)別在哪里呢爹土?那這兩個(gè)大功能下面的子功能,“路線“對(duì)應(yīng)的是自家踩身,公交胀茵,步行三種方式的路線查詢,那查看”出行“挟阻,發(fā)現(xiàn)這里面也是分為”自駕出行“琼娘,”公交出行“兩方面,這兒的功能跟前面的又有什么區(qū)別呢附鸽?百度就區(qū)分的很清楚脱拼,路線就是查詢出行路線的,導(dǎo)航的話就是語音導(dǎo)航坷备,正對(duì)同一目標(biāo)提供的不同服務(wù)熄浓,邏輯足夠清晰。
2.內(nèi)容的邏輯要清晰击你,不同層級(jí)的內(nèi)容擺放在一起就會(huì)讓用戶有錯(cuò)亂的感覺玉组。拿門戶網(wǎng)站舉例,先看網(wǎng)易
看到導(dǎo)航欄的加粗黑色字體丁侄,以為這是一級(jí)頻道惯雳,后面的是二級(jí)頻道,再仔細(xì)一看鸿摇,科技后面怎么加了個(gè)酒香石景?再仔細(xì)一看其他的,大部分的邏輯還是通順的。
再看看搜狐的潮孽,這是什么鬼揪荣?到底你用給我什么?這么多頻道亂成這樣我到底改點(diǎn)哪個(gè)往史?為什么NBA飄紅了仗颈,它的上一層級(jí)體育卻沒有加紅?
再看騰訊椎例,嗯挨决,還算是比較簡潔明了,雖然不知道時(shí)尚怎么跟育兒聯(lián)系在了一起订歪。
總的來講脖祈,現(xiàn)在的門戶網(wǎng)站的內(nèi)容邏輯都比較混亂,相信這個(gè)問題也不是存在一天兩天了刷晋,背后不去解決的這個(gè)問題的原因我也猜不出盖高,可能是這樣真的反而用戶喜歡點(diǎn),也有可能是因?yàn)橐恍﹥?nèi)部博弈等等眼虱。
總而言之喻奥,門戶網(wǎng)站背后可能確實(shí)帶來了很大的用戶價(jià)值,但是它的體驗(yàn)絕對(duì)是不OK的捏悬。
3.功能的優(yōu)先級(jí)要區(qū)分映凳,知道產(chǎn)品的核心。
下圖分別為微信邮破,人人,美團(tuán)仆救,知乎日?qǐng)?bào)四個(gè)APP的界面抒和。最近有個(gè)問題很火,就是為什么微信的朋友圈活躍度這么高彤蔽,卻依舊被放倒了第二層級(jí)里面摧莽,而不是直接放到底部TAB中。在反觀人人顿痪,用戶進(jìn)入APP后镊辕,第一眼展現(xiàn)的內(nèi)容是最新的新鮮事,對(duì)應(yīng)著微信的朋友圈蚁袭,而聊天卻放到了第二位征懈。
其實(shí)就是因?yàn)閮烧叩亩ㄎ徊煌⑿诺暮诵氖撬募磿r(shí)通信功能揩悄,是因?yàn)樗募磿r(shí)通信功能帶來了朋友圈的火爆卖哎,而不是朋友圈的火爆帶來了它即時(shí)通信的高使用率,所以一定要搞清楚這兩者的先后順序,而對(duì)于人人亏娜,他的核心是社交平臺(tái)焕窝,狀態(tài)瀏覽而不是即時(shí)通訊,所以他的首屏是信息流维贺。
那對(duì)于美團(tuán)以及知乎日?qǐng)?bào)它掂,前者滿足用戶的首要需求是讓用戶到性價(jià)比合適的商家,是用戶根據(jù)自身需求去發(fā)現(xiàn)的溯泣,這個(gè)時(shí)候其實(shí)很多用戶都是帶著泛需求但是無指定目標(biāo)的去尋找結(jié)果的虐秋,所以會(huì)提供較多的篩選項(xiàng),如地點(diǎn)发乔,評(píng)分熟妓,類型等各個(gè)維度讓用戶最終得到自己的想要的結(jié)果。第二個(gè)TAB商家的話是滿足一些有了明確目標(biāo)的用戶方便快捷的找到結(jié)果栏尚,第三個(gè)TAB發(fā)現(xiàn)的話承載的就是激發(fā)需求的功能起愈,使用這個(gè)功能的用戶更多的是無聊的時(shí)候的探索,或者說需求模糊的情況下去使用的译仗。
知乎日?qǐng)?bào)更簡單抬虽,首屏就只有內(nèi)容流,只有一個(gè)button點(diǎn)擊滑出側(cè)欄纵菌,就是因?yàn)橹跞請(qǐng)?bào)專注于用戶的讀的功能阐污,用戶對(duì)于讀這個(gè)需求很明確很簡單,你給我想看的東西咱圆,我看就行笛辟。再稍微明確一些,你讓我可以訂閱一些我喜歡看的那就OK了序苏。
歡迎各位聯(lián)系~
新浪微博:閑言碎宇_pm ?http://weibo.com/u/2557455434
微信公眾號(hào):buwannengyouth手幢,不萬能青年
QQ:121228052