在互聯(lián)網(wǎng)信息時(shí)代坞嘀,想做全棧市場(chǎng)人躯护,卻自己發(fā)現(xiàn)早已陷入無(wú)窮無(wú)盡知識(shí)的海洋,甚至說(shuō)有些迷茫丽涩。
Don't make me think 顯而易見(jiàn)網(wǎng)頁(yè)界面設(shè)計(jì)棺滞,less is more? 喬布斯iphone4的極簡(jiǎn)主義(簡(jiǎn)潔勝過(guò)一致),可用性成為主流矢渊。
※閱讀文章前先借用書(shū)籍中的幾個(gè)問(wèn)題讓大家反思下自己設(shè)計(jì)的Web端界面
①我在什么位置继准?
②我該從哪里開(kāi)始?
③他們把XX放在什么地方了矮男?
④這個(gè)頁(yè)面上最重要的是什么移必?
⑤為什么他們把它叫這個(gè)?
⑥這是廣告還是網(wǎng)站的內(nèi)容毡鉴?
※可用性表現(xiàn)在Web端崔泵、移動(dòng)端秒赤、PC端的抽象形容詞列為以下幾點(diǎn):
有用、可學(xué)習(xí)憎瘸、可記憶入篮、有效、高效幌甘、合乎期望潮售、令人愉悅
主流用戶行為1、掃描2锅风、滿意即可3饲做、勉強(qiáng)應(yīng)付
原因1、①總是任務(wù)在身—盡快完成某項(xiàng)任務(wù)②知道不必閱讀所有內(nèi)容—找相關(guān)內(nèi)容③善于掃描
2遏弱、①總處于忙碌中②猜錯(cuò)沒(méi)有代價(jià)盆均,對(duì)選擇進(jìn)行權(quán)衡并不會(huì)改善我們的機(jī)會(huì)④猜測(cè)更有意思
3、①并不重要②如果發(fā)現(xiàn)某個(gè)東西能用漱逸,我們會(huì)一直使用它泪姨。
※為減少用戶學(xué)習(xí)成本,引導(dǎo)用戶快速對(duì)網(wǎng)站結(jié)構(gòu)進(jìn)行了解饰抒,可采取提高用戶注意力的方式
1肮砾、與手頭任務(wù)有關(guān)的
2、當(dāng)前或接下來(lái)的個(gè)人興趣
3袋坑、腦海一些根深蒂固像觸發(fā)器那樣的詞仗处,例如:“免費(fèi)”“大減價(jià)”“美女”還有用戶的名字
※廣告牌設(shè)計(jì)101法則
1、盡量利用習(xí)慣法
2枣宫、建立有效的視覺(jué)層次
(①越重要的部分越突出②邏輯上相關(guān)也在視覺(jué)上相關(guān)③邏輯上包含的部分在視覺(jué)上進(jìn)行嵌套)
3甥啄、把頁(yè)面劃分成明確定義的區(qū)域
4、明顯標(biāo)識(shí)可以點(diǎn)擊的地方
5孝冒、最小化干擾
6碳却、為內(nèi)容創(chuàng)建清晰的格式,以便掃描
※網(wǎng)絡(luò)導(dǎo)航101法則
1翅娶、你通常是為了尋找某個(gè)目標(biāo)
2文留、你會(huì)決定先詢問(wèn)(搜索)還是先瀏覽
被忽視了的導(dǎo)航(持久導(dǎo)航【站點(diǎn)id、欄目竭沫、實(shí)用工具燥翅、搜索】與全局導(dǎo)航)的用途
①他告訴我們這里有什么
②他告訴我們?nèi)绾问褂镁W(wǎng)址
③他給了我們對(duì)網(wǎng)絡(luò)建設(shè)者的信心
搜索框:拒絕花哨的用詞和指示說(shuō)明,對(duì)有選項(xiàng)的搜索框進(jìn)行慎重考慮
面包屑:把它們放在最頂層蜕提,使用“>”對(duì)層級(jí)進(jìn)行間隔森书,加粗最后一個(gè)元素
頁(yè)面:每個(gè)頁(yè)面都需要一個(gè)名稱,頁(yè)面名稱需要出現(xiàn)在合適的位置,名稱要引人注目拄氯,名稱要和點(diǎn)擊的鏈接一致
※推薦此種后備箱測(cè)試法檢驗(yàn)?zāi)愕木W(wǎng)站的可用性如何躲查?(自己?jiǎn)栕约海?/p>
①這是什么網(wǎng)站?(站點(diǎn)ID)
②我在哪個(gè)頁(yè)面上译柏?(網(wǎng)頁(yè)名稱)
③這個(gè)網(wǎng)站的主要欄目是什么镣煮?(欄目清單)
④在這個(gè)層次上我有哪些選擇?(本頁(yè)導(dǎo)航)
⑤我在導(dǎo)航系統(tǒng)的什么位置鄙麦?(“你在這里的指示器)
⑥我怎么搜索典唇?
記于2017年12月5日晚