遵循這7個(gè)原則,能讓你的網(wǎng)頁(yè)用戶體驗(yàn)更優(yōu)秀

      作者:
      2018-06-01
      5939

      作為用戶,在很多時(shí)候會(huì)很容易判斷出一個(gè)網(wǎng)站的用戶體驗(yàn)是否優(yōu)秀,因?yàn)橹饔^感受是很難被欺騙的。但是作為網(wǎng)站的設(shè)計(jì)者和開(kāi)發(fā)者,角色轉(zhuǎn)換之后,所需要面對(duì)問(wèn)題就復(fù)雜得多。

      作為用戶,在很多時(shí)候會(huì)很容易判斷出一個(gè)網(wǎng)站的用戶體驗(yàn)是否優(yōu)秀,因?yàn)橹饔^感受是很難被欺騙的。但是作為網(wǎng)站的設(shè)計(jì)者和開(kāi)發(fā)者,角色轉(zhuǎn)換之后,所需要面對(duì)問(wèn)題就復(fù)雜得多。身為構(gòu)建者,要讓體驗(yàn)盡善盡美需要花費(fèi)大量的時(shí)間精力來(lái)完善整個(gè)體驗(yàn)的閉環(huán)。今天為你所整理的這7個(gè) UX設(shè)計(jì)的原則,能夠幫你更好地進(jìn)行網(wǎng)站的 UX設(shè)計(jì),并且盡可能地將整體的用戶體驗(yàn)提升到一定高度。

      1. 圍繞用戶體驗(yàn)來(lái)進(jìn)行整體設(shè)計(jì)

      想要?jiǎng)?chuàng)造難忘的用戶體驗(yàn),自然要圍繞著用戶體驗(yàn)本身來(lái)進(jìn)行設(shè)計(jì)。甚至在某種意義上來(lái)說(shuō),數(shù)據(jù)和內(nèi)容也應(yīng)該是服務(wù)于體驗(yàn)的, 它們應(yīng)該以什么樣的體驗(yàn)來(lái)呈現(xiàn)出來(lái),這是設(shè)計(jì)者需要反復(fù)思考和琢磨的問(wèn)題。

      圖形、布局、文本和交互元素之間的協(xié)同工作才能創(chuàng)造體驗(yàn),任何一個(gè)維度缺一不可,單純的信息展示是不夠的。

      想讓你的網(wǎng)頁(yè)能在互聯(lián)網(wǎng)上大量的信息中脫穎而出,體驗(yàn)是至關(guān)重要的。現(xiàn)代網(wǎng)頁(yè)中大量的視覺(jué)和交互內(nèi)容存在,是為了能通過(guò)體驗(yàn)直擊人心,這樣才能在激烈的競(jìng)爭(zhēng)中存活。

      2. 網(wǎng)站內(nèi)容應(yīng)當(dāng)一目了然

      如果你認(rèn)為網(wǎng)站內(nèi)容是用來(lái)讀的,那就錯(cuò)了。現(xiàn)代用戶的注意力集中的時(shí)間非常短,絕大多數(shù)用戶在瀏覽信息的時(shí)候,都是快速掃視,而非逐字逐句地仔細(xì)閱讀,信息的展現(xiàn)一定要直觀、清晰,確保能夠一瞥就能看明白。借助信息圖表和視覺(jué)特效,更快地傳達(dá)信息和數(shù)據(jù)。

      你需要讓你的內(nèi)容更加吸引用戶,絕大多數(shù)用戶會(huì)為觸動(dòng)它們的信息和內(nèi)容而駐足,當(dāng)他們想要了解更多的時(shí)候,才會(huì)點(diǎn)擊,了解更多。

      3. 用戶想要簡(jiǎn)單而清晰的內(nèi)容

      用戶只需要半秒就能判斷出網(wǎng)站設(shè)計(jì)和內(nèi)容,你需要盡量讓網(wǎng)站的交互和指引足夠清晰,顯而易見(jiàn)。不要讓按鈕難以被用戶發(fā)現(xiàn),在首頁(yè)上放上一大堆的按鈕和鏈接,不如通過(guò)視覺(jué)上的引導(dǎo),讓用戶注意到最關(guān)鍵的那個(gè) CTA按鈕。

      通過(guò)迭代和測(cè)試,不斷地優(yōu)化和提升網(wǎng)站的易用性。有的設(shè)計(jì)對(duì)于絕大多數(shù)的用戶都非常有用,凸顯最重要的選項(xiàng),允許隱藏額外的功能,并且為用戶提供顯示全部的選項(xiàng)。

      除了清晰的設(shè)計(jì),整體的一致性也很重要。統(tǒng)一的配色、交互和圖形能夠讓用戶對(duì)于后續(xù)的操作有更清晰的預(yù)期,減少用戶在后續(xù)操作過(guò)程中探索的力度,這是通過(guò)統(tǒng)一性設(shè)計(jì)提升產(chǎn)品易用性的一種方式。

      4. 通用設(shè)計(jì)元素 vs 創(chuàng)造性

      當(dāng)某個(gè)設(shè)計(jì)元素在其他地方很常見(jiàn)的時(shí)候,它就已經(jīng)形成了特定的 UI 模式,盡量不要去修改它,哪怕是很富有創(chuàng)意的方式。當(dāng)你將這種約定俗成的元素修改成其他樣子的時(shí)候,用戶需要花費(fèi)比平時(shí)更長(zhǎng)的時(shí)間來(lái)判斷它究竟是什么。這種認(rèn)知負(fù)荷將會(huì)影響整個(gè)網(wǎng)站的使用效率和轉(zhuǎn)化率。比如漢堡圖標(biāo),比如網(wǎng)站登錄入口的位置(右上角)。沒(méi)有必要在這種地方重新「標(biāo)準(zhǔn)化」。

      對(duì)于鏈接、導(dǎo)航、布局這樣基本的元素,應(yīng)該始終優(yōu)先考慮其可用性,在此基礎(chǔ)上再發(fā)揮創(chuàng)意。

      雖然非傳統(tǒng)的設(shè)計(jì)很酷,但是它的可用性問(wèn)題同樣很大。創(chuàng)造性的設(shè)計(jì)同樣是需要控制其程度和平衡,如果非要打破常規(guī),盡量控制好程度,并且一次最多打破一條規(guī)則,不能更多。

      5. 了解你的用戶

      在開(kāi)始創(chuàng)建網(wǎng)站和 APP 之前,你應(yīng)該對(duì)于你的目標(biāo)客戶群體有足夠清晰的了解,這樣才能更好地為他們來(lái)設(shè)計(jì)界面。

      一旦你清楚地了解了你的用戶,就能了解他們的需求和愿望,并且設(shè)計(jì)出符合他們預(yù)期的界面和體驗(yàn)。這個(gè)時(shí)候,你的競(jìng)爭(zhēng)對(duì)手能夠?yàn)槟闾峁╈`感和想法。注意對(duì)方的色彩,布局,風(fēng)格和功能。

      盡可能使用你的受眾已經(jīng)熟悉的 UI 模式和 UI 元素,能夠更快讓他們上手。在此基礎(chǔ)上,適當(dāng)?shù)剡M(jìn)行差異化的設(shè)計(jì),這樣效率更高。

      當(dāng)你確定了受眾之后,記得盡量把他們的反饋納入到你的設(shè)計(jì)當(dāng)中。

      6. 視覺(jué)層次很重要

      當(dāng)界面中優(yōu)先放置最重要的元素,通過(guò)視覺(jué)層次來(lái)凸顯它們,確保用戶能夠更快注意到它們。在設(shè)計(jì)中,有很多方法能夠凸顯內(nèi)容,但是最有效的方法始終是讓它們更大更醒目。

      視覺(jué)層次的構(gòu)建能夠讓網(wǎng)站內(nèi)容更加清晰,也更加富有功能性。

      7. 控制用戶體驗(yàn)的質(zhì)量

      Peter Moville 在 usability.gov 這個(gè)網(wǎng)站上列舉出了用戶體驗(yàn)設(shè)計(jì)的關(guān)鍵因素,它的核心價(jià)值在于通過(guò)不同的維度更好地掌控用戶體驗(yàn)的質(zhì)量:

      • 有用:內(nèi)容應(yīng)該是原創(chuàng)的且滿足需求。

      • 可用:網(wǎng)站的內(nèi)容應(yīng)該很容易被找到。

      • 可取:設(shè)計(jì)元素應(yīng)該貼合情感且具備可欣賞性。

      • 可發(fā)現(xiàn):內(nèi)容容易被定位,被找到,并且可導(dǎo)航。

      • 無(wú)障礙:設(shè)計(jì)要為有障礙的用戶進(jìn)行定制。

      • 可信:網(wǎng)站內(nèi)容應(yīng)該有權(quán)威性,且值得被相信。

      除了上面的維度之外,還有一些值得參考的 UX設(shè)計(jì)的質(zhì)量衡量標(biāo)準(zhǔn):

      • 符合上下文:有明確的路徑,符合上下文邏輯。

      • 人性化:值得信賴,平易近人,透明,并不機(jī)械。

      • 可發(fā)現(xiàn)性:用戶在第一次訪問(wèn)的時(shí)候就能夠順暢的完成任務(wù)。

      • 可學(xué)習(xí)性:確保交互足夠簡(jiǎn)單,并且能夠無(wú)縫地相應(yīng)移動(dòng)端界面,確保用戶在隨后的訪問(wèn)過(guò)程中達(dá)成目標(biāo)。

      • 高效:確保用戶能夠快速輕松地完成各種任務(wù)。

      • 令人愉悅:確保產(chǎn)品能夠滿足用戶需求,還能夠和用戶產(chǎn)生情感聯(lián)系。

      • 表現(xiàn)良好:當(dāng)用戶與之交互的時(shí)候表現(xiàn)良好。


      2
      0
      分享到:

      0

      喜歡他,就推薦他上首頁(yè)吧^_^

      推薦閱讀

      ×

      賽事服務(wù)聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

      版權(quán)信息

        移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)

      主站蜘蛛池模板: 无码aⅴ精品一区二区三区浪潮| 免费一区二区无码东京热| 97久久精品一区二区三区| 国产成人无码AV一区二区| 亚洲爽爽一区二区三区| 亚洲国产精品一区二区九九 | 日本在线观看一区二区三区| 国产精品一区二区香蕉| 日韩电影在线观看第一区| 精品一区二区三区免费观看 | 国产综合精品一区二区三区| 亚洲国产一区二区a毛片| 无码国产精品一区二区免费虚拟VR| 玩弄放荡人妻一区二区三区| 日韩一区二区三区免费播放| 久久精品国产一区| 久久久久人妻精品一区三寸| 四虎精品亚洲一区二区三区| 国产精品毛片一区二区三区| 性色AV一区二区三区天美传媒| 一区二区三区在线观看中文字幕| 91久久精一区二区三区大全| 国产成人久久精品区一区二区| 国产成人精品一区二三区| 精品视频一区二区三区在线观看| 亚洲AV成人一区二区三区在线看| 一区二区精品久久| 国产精品视频一区二区猎奇| 视频一区在线免费观看| 精品人妻系列无码一区二区三区 | 精品人妻一区二区三区四区在线| 精品久久国产一区二区三区香蕉 | 久久精品国内一区二区三区| 久久免费视频一区| 亚洲爆乳精品无码一区二区 | 麻豆aⅴ精品无码一区二区| 日韩精品一区二区三区在线观看l| 国产成人精品一区二区三区无码| 色天使亚洲综合一区二区| 性无码一区二区三区在线观看| 精品国产一区二区三区久久狼|