從網(wǎng)易云音樂看“尼爾森十大可用性原則”

網(wǎng)易云音樂更新到了2.0长捧,相比之前增加不少功能模塊亿鲜,很多交互細節(jié)也做了調整痢站。

一枚钓、系統(tǒng)狀態(tài)可見原則?Visibility of system status

在網(wǎng)頁上用戶進行了操作,比如單擊瑟押,單擊hover搀捷,右鍵或是滾動,頁面控件都要給出相應的反應多望;同時嫩舟,還要給出這個操作的結果,比如等待加載怀偷、操作錯誤等等家厌。除此之外,用戶新進入一個頁面椎工,也需要給用戶以提示信息饭于,否則用戶會不知道是自己操作錯誤蜀踏,還是網(wǎng)絡錯誤還是APP本身出錯。


二掰吕、環(huán)境貼切原則 Match between system and the real world

1果覆、考慮到用戶都是普通人,因此文案盡量不使用術語殖熟,而是要契合用戶特征局待;盡可能從真實世界中提取設計元素,可以采用隱喻設計提示用戶功能菱属。不讓用戶形成認知障礙钳榨。

2、另外就是要契合用戶使用場景纽门,讓操作結果和用戶的心智模型一致薛耻。

下圖中,歌單名字都十分口語化赏陵,讓用戶能夠預期到其中的內容

三饼齿、用戶的控制性和自由度 ?User control and freedom?

這個原則是避免誤操作的原則,在Google docs中瘟滨,總是能夠讓你隨時撤銷你的操作,因為這是一款用戶不斷進行編輯的軟件能颁,因此出錯的可能性很大杂瘸。

在云音樂中,撤銷操作相對麻煩伙菊,比如你已經(jīng)開始下載一首歌了败玉,不能馬上撤銷下載,只能去“正在下載”頁面取消镜硕,這確實會給進行了誤操作的用戶帶來困擾运翼,但是由于它是一款操作并不頻繁的APP,因此我作為用戶這一點也可以接受(在使用中兴枯,我極少出現(xiàn)類似的誤操作)

四血淌、Consistency and standards 一致性和標準化

界面所有的元素,包括文字财剖,圖形悠夯,各小模塊的樣式都要又一致的語義。

比如標題顏色#000躺坟,字號14px沦补;副標題顏色#666,字號12px咪橙;歌詞字號12px夕膀,#999虚倒。每一個頁面的元素的樣式和它表達的語義一定要一致,不至于讓用戶造成誤解产舞。


五魂奥、防錯原則?Error prevention


1、通過頁面元素重排來避免錯誤庞瘸。比如當用戶沒有輸入密碼時捧弃,提交按鈕置灰。

2擦囊、通過二次提示來避免

六违霞、識別比記憶好?Recognition rather than recall

用戶輸入內容提交切換到下一個頁面后,在這個頁面最好顯示用戶在上個頁面輸入的信息瞬场。

下圖頁面記錄了我在上一個頁面輸入的手機號

七买鸽、靈活高效,能夠適合各種類型的用戶?Flexibility and efficiency of use

這一點網(wǎng)易云音樂做得非常好贯被。如果是新手用戶顯示如下眼五,有大量推薦音樂,可以讓用戶試聽彤灶;

如果切換到“我的音樂”模塊看幼,可以看到“從豆瓣、蝦米導入”幌陕;如果是已經(jīng)登錄的用戶打開APP诵姜,默認界面是我的歌單。

八搏熄、審美和簡約的設計(易掃原則)?Aesthetic and minimalist design

互聯(lián)網(wǎng)用戶在看頁面的時候幾乎是目光掃過棚唆,如果沒有能夠抓住用戶眼球的地方,那么這個頁面設計基本就失敗了心例。所以要突出重點信息宵凌,和周圍的信息形成良好的對比。

登錄按鈕是最明顯的止后。其實這里有設計不足之處瞎惫,用戶為完整輸入,應將按鈕只會译株,避免用戶誤點微饥,同時也避免了開發(fā)時的字符驗證等等。

九古戴、幫助用戶識別欠橘,診斷,并從錯誤中恢復?Help users recognise, diagnose, and recover from errors

網(wǎng)絡錯誤现恼、用戶操作錯誤時肃续,及時提示錯誤原因和可能的解決辦法黍檩。

十、幫助文檔?Help and documentation

人性化幫助始锚,最常見的是新手引導刽酱;但是網(wǎng)易云音樂最讓我感動的地方是,它們有運營人員來解決用戶的問題瞧捌。某次我向云音樂報錯棵里,竟然收到真人的回復,還和它對話了姐呐。

人性化的對話窗口殿怜,如下圖

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市曙砂,隨后出現(xiàn)的幾起案子头谜,更是在濱河造成了極大的恐慌,老刑警劉巖鸠澈,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件柱告,死亡現(xiàn)場離奇詭異,居然都是意外死亡笑陈,警方通過查閱死者的電腦和手機际度,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來涵妥,“玉大人乖菱,你說我怎么就攤上這事∶冒剩” “怎么了块请?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵娜氏,是天一觀的道長拳缠。 經(jīng)常有香客問我,道長贸弥,這世上最難降的妖魔是什么窟坐? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮绵疲,結果婚禮上哲鸳,老公的妹妹穿的比我還像新娘。我一直安慰自己盔憨,他們只是感情好徙菠,可當我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著郁岩,像睡著了一般婿奔。 火紅的嫁衣襯著肌膚如雪缺狠。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天萍摊,我揣著相機與錄音挤茄,去河邊找鬼。 笑死冰木,一個胖子當著我的面吹牛穷劈,可吹牛的內容都是我干的。 我是一名探鬼主播踊沸,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼歇终,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了雕沿?” 一聲冷哼從身側響起练湿,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎审轮,沒想到半個月后肥哎,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡疾渣,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年篡诽,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片榴捡。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡杈女,死狀恐怖,靈堂內的尸體忽然破棺而出吊圾,到底是詐尸還是另有隱情达椰,我是刑警寧澤,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布项乒,位于F島的核電站啰劲,受9級特大地震影響,放射性物質發(fā)生泄漏檀何。R本人自食惡果不足惜蝇裤,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望频鉴。 院中可真熱鬧栓辜,春花似錦、人聲如沸垛孔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽周荐。三九已至狭莱,卻和暖如春悯姊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背贩毕。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工悯许, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人辉阶。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓先壕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親谆甜。 傳聞我的和親對象是個殘疾皇子垃僚,可洞房花燭夜當晚...
    茶點故事閱讀 44,713評論 2 354

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,099評論 25 707
  • 提出該理論的是Jakob Nielsen,畢業(yè)于哥本哈根的丹麥技術大學的人機交互博士 规辱, 他擁有79項美國專利,專...
    沈帕蒂閱讀 3,077評論 0 5
  • 1 UI設計基礎 1.1 為iOS而設計 1.1.1 iOS包含以下3條設計原則: 遵從谆棺,UI應該有助于人們理解內...
    Willry閱讀 3,572評論 1 48
  • 人的反應速度,對應的是思考的速度罕袋。有的時候快速反應改淑,能夠及時有效地處理問題;但是浴讯,有的時候朵夏,多加思考再去表...
    菠蘿34閱讀 173評論 2 3
  • “愛上一個認真的消遣躏升,用一朵花開的時間」蠢”煮甥。你看看你很美盗温,藕赞。。卖局。很喜歡自己的這個年紀可以自顧自的美麗的活著斧蜕。昨天和...
    花兒語樹閱讀 163評論 0 0