《寫給大家看的設(shè)計(jì)書》有感——重復(fù)&親密性原則

書很淺顯易懂缨伊,從頭至尾其實(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市忱详,隨后出現(xiàn)的幾起案子围来,更是在濱河造成了極大的恐慌,老刑警劉巖匈睁,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件监透,死亡現(xiàn)場離奇詭異,居然都是意外死亡航唆,警方通過查閱死者的電腦和手機(jī)胀蛮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來佛点,“玉大人醇滥,你說我怎么就攤上這事黎比。” “怎么了鸳玩?”我有些...
    開封第一講書人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵阅虫,是天一觀的道長。 經(jīng)常有香客問我不跟,道長颓帝,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任窝革,我火速辦了婚禮购城,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘虐译。我一直安慰自己瘪板,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開白布漆诽。 她就那樣靜靜地躺著侮攀,像睡著了一般。 火紅的嫁衣襯著肌膚如雪厢拭。 梳的紋絲不亂的頭發(fā)上兰英,一...
    開封第一講書人閱讀 52,441評(píng)論 1 310
  • 那天,我揣著相機(jī)與錄音供鸠,去河邊找鬼畦贸。 笑死,一個(gè)胖子當(dāng)著我的面吹牛楞捂,可吹牛的內(nèi)容都是我干的薄坏。 我是一名探鬼主播,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼寨闹,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼颤殴!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起鼻忠,我...
    開封第一講書人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎杈绸,沒想到半個(gè)月后帖蔓,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡瞳脓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年塑娇,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片劫侧。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡埋酬,死狀恐怖哨啃,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情写妥,我是刑警寧澤拳球,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站珍特,受9級(jí)特大地震影響祝峻,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜扎筒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一莱找、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧嗜桌,春花似錦奥溺、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至诱篷,卻和暖如春壶唤,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背棕所。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來泰國打工闸盔, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人琳省。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓迎吵,卻偏偏與公主長得像,于是被迫代替她去往敵國和親针贬。 傳聞我的和親對(duì)象是個(gè)殘疾皇子击费,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,304評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件桦他、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,121評(píng)論 4 61
  • 幾乎蔫巩,甚至我敢肯定自己已認(rèn)不出幾年前的樣子了,有時(shí)候也會(huì)問自己快压,世界究竟是在什么地方什么時(shí)間出錯(cuò)了圆仔,改變了我們本來...
    始?xì)g始患閱讀 188評(píng)論 0 0
  • 創(chuàng)訓(xùn)申報(bào) 口語準(zhǔn)備 推優(yōu)表 制備論文 分析考試計(jì)劃
    土豆起舞的日子閱讀 248評(píng)論 0 0
  • 嚴(yán)肅也清新,正經(jīng)也優(yōu)雅蔫劣,克制也可愛坪郭。 園林專業(yè)妹子,對(duì)植物有種蜜汁癡迷脉幢,這是春天隨手摘了枝剛發(fā)了小芽的紫荊枝歪沃。 所...
    一只_Iris閱讀 220評(píng)論 3 5