尼爾森十大原則可用于指導(dǎo)產(chǎn)品設(shè)計(jì)繁扎,使之能更好地滿足用戶體驗(yàn)。以下針對(duì)每個(gè)原則糊闽,在個(gè)人常用的App中找出符合每條原則的例子梳玫。
體驗(yàn)原則1:狀態(tài)可見(jiàn)原則
- 產(chǎn)品名稱: 前程無(wú)憂
- 體現(xiàn)方式: 清晰顯示從投遞簡(jiǎn)歷到面試邀約或者被拒之間的每一個(gè)過(guò)程。
- 前程無(wú)憂提供了簡(jiǎn)歷投遞功能右犹。從一鍵投遞開(kāi)始用戶開(kāi)始陷入未知的等待過(guò)程提澎,這個(gè)過(guò)程會(huì)讓用戶充滿不可控感。顯示簡(jiǎn)歷被處理的狀態(tài)顯然能極大地緩解用戶焦急的心情念链,并增加對(duì)產(chǎn)品的好感盼忌。
-
前程無(wú)憂設(shè)置了多個(gè)中間狀態(tài)积糯。投送-到達(dá)–被查看-查看結(jié)果-面試邀約。HR上一次處理簡(jiǎn)歷的時(shí)間也被設(shè)置為可見(jiàn)谦纱。
1. 狀態(tài)可見(jiàn)
體驗(yàn)原則2:環(huán)境貼切原則
- 產(chǎn)品名稱: 看理想 (主要用戶為對(duì)人文社科領(lǐng)域很有興趣的人)
- 體現(xiàn)方式:
- 界面設(shè)計(jì)看成。從整體配色到每個(gè)模塊的設(shè)計(jì)都簡(jiǎn)潔清新,符合用戶品味跨嘉。
- 內(nèi)容占比川慌。不同于各種應(yīng)用型APP去盡可能多地挪列信息,看理想的字號(hào)很大祠乃,每個(gè)模塊的信息也很少梦重。這種不浮躁的風(fēng)格能夠讓用戶感到心里平靜,有助于抽象內(nèi)容的吸收亮瓷。
-
文字內(nèi)容琴拧。編輯推薦模塊算是文字內(nèi)容較多的部分。并非對(duì)課程內(nèi)容干癟機(jī)械的介紹嘱支,而是從課程中抽取有亮點(diǎn)蚓胸,且符合各個(gè)課程和講師風(fēng)格的內(nèi)容作為封面,對(duì)于追求文化盛宴的用戶來(lái)說(shuō)斗塘,更有吸引力赢织。也符合這個(gè)產(chǎn)品所面向的情境。
環(huán)境貼切.jpg
體驗(yàn)原則3:用戶可控原則
- 產(chǎn)品名稱: 網(wǎng)易云音樂(lè)
- 體現(xiàn)方式:
- 在音樂(lè)播放上馍盟,網(wǎng)易云幾乎將用戶可控做到了極致于置。
- 最下方的是常見(jiàn)功能,暫停贞岭,前后切歌八毯,打開(kāi)播放列表,切換播放模式瞄桨。
- 輕點(diǎn)屏幕中心话速,可以實(shí)現(xiàn)封面,歌詞切換芯侥。
- 歌詞可滑動(dòng)翻看泊交,且滑動(dòng)時(shí),屏幕中有一條固定中心線柱查。線右端顯示時(shí)間刻度廓俭,結(jié)合線一起可幫助用戶定位,而最左端則是從當(dāng)前處播放功能唉工。在更早的版本中研乒,隨著歌詞的滑動(dòng),歌曲也會(huì)從滑動(dòng)處播放淋硝,用戶不能在享受音樂(lè)的同時(shí)去查看歌詞雹熬,新的版本通過(guò)給用戶更多的選擇和控制權(quán)宽菜,極大地改進(jìn)了用戶體驗(yàn)。
-
對(duì)于外文歌曲竿报,用戶還可在顯示譯文和發(fā)音間切換(右下角)铅乡。
用戶可控jpg.jpg
體驗(yàn)原則4:一致性原則
- 產(chǎn)品名稱: 微信讀書(shū)
- 體現(xiàn)方式:
- 特定功能圖案的一致性。所有和點(diǎn)贊相關(guān)的場(chǎng)景仰楚,這一功能都以愛(ài)心的形式呈現(xiàn)隆判。
-
第一個(gè)場(chǎng)景犬庇,給別人點(diǎn)贊僧界。如圖所示,在讀書(shū)時(shí)臭挽,有些句子已經(jīng)被標(biāo)記出來(lái)捂襟。點(diǎn)擊有下劃線的句子,能看到已讀過(guò)的人對(duì)這句話的思考欢峰。如果你認(rèn)同他葬荷,或者覺(jué)得他的評(píng)論很精彩,就可以點(diǎn)擊對(duì)話框左下角的小愛(ài)心纽帖。
贊別人.jpg -
第二個(gè)場(chǎng)景宠漩,收到‘被贊’通知。如果有人贊過(guò)你的筆記懊直,你會(huì)發(fā)現(xiàn)在個(gè)人頁(yè)面右下角扒吁,這一信息仍是通過(guò)一個(gè)小愛(ài)心來(lái)傳達(dá)。
被贊通知.jpg -
第三個(gè)場(chǎng)景室囊,查看贊過(guò)你的人雕崩。在消息列表中也會(huì)有一個(gè)小愛(ài)心,能很好的和同級(jí)的‘私信’列表進(jìn)行區(qū)分融撞。
點(diǎn)贊者列表.jpg
私信列表.jpg
-
- 特定功能圖案的一致性。所有和點(diǎn)贊相關(guān)的場(chǎng)景仰楚,這一功能都以愛(ài)心的形式呈現(xiàn)隆判。
體驗(yàn)原則5:錯(cuò)誤預(yù)防原則
- 產(chǎn)品名稱: 前程無(wú)憂
- 體現(xiàn)方式:
-
向用戶確認(rèn)是否需要保存盼铁。在完善信息類功能中,例如補(bǔ)充和修改簡(jiǎn)歷中尝偎,如果修改選項(xiàng)較多且點(diǎn)擊過(guò)快饶火,用戶有可能會(huì)忘記保存而直接退出。又或者保存按鈕點(diǎn)擊過(guò)輕致扯,沒(méi)有生效肤寝。為了預(yù)防用戶出現(xiàn)這種不可避免的損失,因此信息出現(xiàn)了變動(dòng)急前,且在退出前沒(méi)有保存這一操作醒陆,一個(gè)提示框會(huì)彈跳出來(lái)如圖所示。
錯(cuò)誤預(yù)防.jpg
-
體驗(yàn)原則6:識(shí)別好過(guò)記憶
- 產(chǎn)品名稱: 前程無(wú)憂
- 體現(xiàn)方式:
-
給用戶選項(xiàng)而非直接讓其填空裆针。在前程無(wú)憂的提交簡(jiǎn)歷模塊中刨摩,用戶需要提交多項(xiàng)基本信息寺晌。有些信息的范圍和內(nèi)容是完全可預(yù)見(jiàn)的,例如居住城市澡刹,所學(xué)專業(yè)呻征。給用戶以選項(xiàng)而非讓其填空能夠幫助節(jié)省時(shí)間和經(jīng)歷成本從而提升用戶體驗(yàn)。
識(shí)別好過(guò)記憶.jpg
-
體驗(yàn)原則7:靈活高效原則
- 產(chǎn)品名稱: 淘寶
- 體現(xiàn)方式:
- 找相似功能能夠幫助用戶快速鎖定最符合其需求的選項(xiàng)罢浇。
- 這項(xiàng)功能可以有多個(gè)適用場(chǎng)景陆赋。
- 尋找失效寶貝的替代品。點(diǎn)擊找相似只需點(diǎn)擊一下嚷闭,比返回到主頁(yè)面攒岛,思考關(guān)鍵詞,瀏覽胞锰,篩選要方便的多灾锯。強(qiáng)大的算法能讓用戶擁有’失而復(fù)得‘的美好體驗(yàn)。
-
尋找更完美的’下一個(gè)‘嗅榕。有時(shí)用戶只是在隨意瀏覽中顺饮,被商品的某一元素所吸引,而仔細(xì)瀏覽后可能發(fā)現(xiàn)該商品存在一些問(wèn)題凌那,有些雞肋兼雄。找相似能夠幫助其快速尋找到最能符合其需求的商品。
靈活高效.jpg
靈活高效2.jpg
體驗(yàn)原則8:優(yōu)美簡(jiǎn)約原則
- 產(chǎn)品名稱: 看理想
- 體現(xiàn)方式:
整體感覺(jué)舒適平靜帽蝶。白底黑字赦肋,簡(jiǎn)約明了。沒(méi)有冗余的信息嘲碱,給人一種恰到好處的優(yōu)雅感金砍。
-
增加一點(diǎn)灰度,更添高級(jí)感麦锯。無(wú)論是底色恕稠,還是圖標(biāo)與海報(bào),都不是那種抓人眼球的高飽和色扶欣,而是摻了一抹灰鹅巍。對(duì)比度減弱,故事感增強(qiáng)料祠,十分符合看理想文藝深邃的定位骆捧。
看理想.jpg -
模塊總覽部分設(shè)計(jì)成立體室內(nèi)導(dǎo)航圖的形式,極具設(shè)計(jì)感髓绽。功能十分清晰敛苇,用戶可以快速定位并切換到自己喜歡的模塊。
看理想2.jpg
體驗(yàn)原則9:幫助用戶認(rèn)知顺呕、判斷枫攀、修復(fù)錯(cuò)誤
- 產(chǎn)品名稱: 前程無(wú)憂
- 體現(xiàn)方式:
- 提醒用戶填寫(xiě)重要內(nèi)容括饶。
- 在簡(jiǎn)歷填寫(xiě)模塊,用戶需要填寫(xiě)多項(xiàng)信息来涨,很容易出現(xiàn)遺漏的現(xiàn)象图焰。如果在有遺漏的情況下提交會(huì)給用戶帶來(lái)麻煩,比如被拒蹦掐,又或者再次返工技羔。因此放錯(cuò)誤機(jī)制被設(shè)計(jì)出來(lái),讓用戶在沒(méi)有填寫(xiě)完整的情況下無(wú)法提交卧抗。
-
但當(dāng)用戶有遺漏不能保存時(shí)藤滥,他可能不能立馬定位到錯(cuò)誤的地方,因此需要有特別提醒來(lái)幫助其認(rèn)識(shí)到錯(cuò)誤颗味,并進(jìn)行修復(fù)超陆。前程無(wú)憂會(huì)在空缺項(xiàng)下增加一行紅色的字牺弹,用以引導(dǎo)用戶浦马。
輔助修復(fù).jpg
- 提醒用戶填寫(xiě)重要內(nèi)容括饶。
體驗(yàn)原則10:幫助與引導(dǎo)原則
- 產(chǎn)品名稱: 多鄰國(guó) (幫助用戶學(xué)習(xí)各國(guó)語(yǔ)言)
- 體現(xiàn)方式:
- 在所學(xué)課程更新時(shí),會(huì)提醒用戶查看张漂。
-
提醒用戶復(fù)習(xí)晶默。盡管這樣做也可能是出于增加DAU的目的,但在這個(gè)場(chǎng)景下航攒,也不失為一種不讓用戶反感且有助于用戶達(dá)成目的的引導(dǎo)性設(shè)計(jì)磺陡。
多鄰國(guó).jpg
多鄰國(guó)2.jpg