<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          建立優(yōu)秀網(wǎng)站的7個(gè)用戶體驗(yàn)原則

          共 2938字,需瀏覽 6分鐘

           ·

          2022-06-20 00:44

          點(diǎn)擊 ▲ 三分設(shè) 關(guān)注,和 6 萬設(shè)計(jì)師一起學(xué)習(xí)進(jìn)步

          譯客 2019 · 第 10 





          我們花很多時(shí)間在線閱讀新聞,瀏覽網(wǎng)站以及使用web應(yīng)用,在一些情形下,我們的在線體驗(yàn)卻沒有它該有的那么好。
          這歸因于貧乏的設(shè)計(jì)未將用戶體驗(yàn)納入考慮。以旁觀者的角度,很容易發(fā)現(xiàn)這些錯(cuò)誤,但如果你是一個(gè)項(xiàng)目負(fù)責(zé)人,事情就變得棘手了。
          作為一名設(shè)計(jì)師,創(chuàng)建體驗(yàn)優(yōu)良的設(shè)計(jì)是我們的天職,但這并不容易。
          以下是一些體驗(yàn)優(yōu)秀網(wǎng)頁的慣例做法:


          1.以用戶體驗(yàn)為中心的設(shè)計(jì)
           
          比起網(wǎng)站內(nèi)容,讓網(wǎng)站的體驗(yàn)令人難忘顯得更加重要,用戶會(huì)經(jīng)常忘記數(shù)據(jù)和內(nèi)容要點(diǎn),但他們會(huì)記得這些內(nèi)容帶給他們的感受,這在廣告業(yè)中很受用,為何不用于網(wǎng)頁呢?
          圖形,布局,文本和交互元素不僅僅只傳遞信息。他們共同作用,為用戶提供體驗(yàn)。用戶體驗(yàn)設(shè)計(jì)是移動(dòng)應(yīng)用和網(wǎng)頁工作產(chǎn)出的重要組成部分。
          使您的網(wǎng)頁從海量網(wǎng)站和互聯(lián)網(wǎng)信息中脫穎而出的關(guān)鍵因素。如今網(wǎng)站包含更多的視覺和交互屬性以博得更多的情感共鳴,借此幫助他們?cè)诟?jìng)爭(zhēng)激烈的世界中脫穎而出。
                  


          2.網(wǎng)站是用來瀏覽的,而不是逐字閱讀

          你的網(wǎng)站必須是可瀏覽的,人們不會(huì)逐字閱讀網(wǎng)站,而是快速瀏覽,信息圖表和視覺效果已經(jīng)成為人們傳達(dá)指令和數(shù)據(jù)的方式。
          使你的網(wǎng)站可瀏覽將吸引你的用戶。多數(shù)人會(huì)掃描頁面以尋求能觸動(dòng)他們的內(nèi)容,當(dāng)他們想要了解更多信息時(shí)就會(huì)去仔細(xì)閱讀。


          3.用戶希望清楚簡(jiǎn)潔

          用戶會(huì)花半秒鐘評(píng)估網(wǎng)站的設(shè)計(jì),因此你需要決定讓用戶做什么并讓這功能明顯。不要讓操作按鈕難找。將用戶的注意力集中到最主要的按鈕而不是一堆主頁的按鈕上。
          反復(fù)推敲你的應(yīng)用程序或網(wǎng)站是做什么的,使其更易用。部分設(shè)計(jì)對(duì)于多數(shù)用戶來說已經(jīng)很好用了,因此額外功能可以被隱藏,只要在需要時(shí)能找得到,不要一次性展示所有內(nèi)容。
          同樣,提供清晰、一致的設(shè)計(jì),對(duì)于用戶來說更簡(jiǎn)單:當(dāng)你復(fù)用色彩、操作、美學(xué)時(shí),用戶會(huì)有所預(yù)期,這可以降低他們理解界面的成本。當(dāng)用戶熟悉設(shè)計(jì)的某些方面時(shí),它將使瀏覽過程更清晰、更易用。


          4.通用設(shè)計(jì)與創(chuàng)新

          當(dāng)設(shè)計(jì)元素在其他地方很常見時(shí),就不要為了創(chuàng)新而重塑UI模式。讓用戶費(fèi)勁腦筋理解你的UI界面不是你想要的。你要的是讓人熟悉的界面,擁有標(biāo)準(zhǔn)的操作對(duì)象,如鏈接很突出、登陸位于右上角。無需重新定位此類標(biāo)準(zhǔn)化組件。
          標(biāo)準(zhǔn)模式下的創(chuàng)新不但不會(huì)提升可用性還會(huì)使你的界面難用,盡管你可能認(rèn)為擺脫傳統(tǒng)束縛很酷炫。但它可能使用戶更難以瀏覽,還會(huì)陷入問題:創(chuàng)新和可用性的平衡取舍。
          設(shè)計(jì)之前,鏈接、按鈕和導(dǎo)航的放置需要關(guān)注可用性。最好在不考慮設(shè)計(jì)的情況下專注于這些布局,然后再添加創(chuàng)意元素。


          5.了解用戶

          在創(chuàng)建之前,您必須清楚自己的網(wǎng)站或應(yīng)用的目標(biāo)用戶是誰,如何做出最好的設(shè)計(jì)將依賴于此。
          一旦你對(duì)網(wǎng)站或應(yīng)用的受眾有了清晰的了解,你隨之就能找到他們的需求,并設(shè)計(jì)出滿足用戶需求的觸動(dòng)人心的完美設(shè)計(jì)。競(jìng)品能為完成這些提供一些想法,留意競(jìng)品的顏色、布局、風(fēng)格、特點(diǎn)。
          當(dāng)你使用用戶早已適應(yīng)的風(fēng)格和設(shè)計(jì)時(shí),他們?yōu)g覽你的網(wǎng)站就輕松得多。然后你就可以根據(jù)他們的需求,用你的想法來區(qū)分自己。
          當(dāng)你已確定了自己的受眾用戶,請(qǐng)記住將他們的反饋納入設(shè)計(jì)。考慮最終用戶的可操作反饋非常有價(jià)值。

           
          6.視覺層級(jí)

          在界面上放置最重要的元素時(shí),突出顯示,以便用戶注意到。在設(shè)計(jì)中,有很多方法可以突出顯示內(nèi)容,但最行之有效的方法莫過于放大他們。
          通過放大,使某些事物成為一個(gè)焦點(diǎn)。一些網(wǎng)站就是以此做到不可能被忽視的效果的,比如突出顯示銷售額或高亮的“點(diǎn)擊這里”的按鈕。
                 


          7.用戶體驗(yàn)質(zhì)量
           
          Peter Moville在網(wǎng)站usability.gov上提出用戶體驗(yàn)蜂巢中的用戶體驗(yàn)因素,它的核心(六邊形中心)是你能為用戶帶來什么價(jià)值,被以下六角形包圍:
          • 有用性 - 內(nèi)容是原創(chuàng)的并滿足用戶需求
          • 可用性 - 網(wǎng)站必須易于查找
          • 吸引性 - 設(shè)計(jì)元素帶來情感和鑒賞力
          • 可查找性 - 內(nèi)容可在現(xiàn)場(chǎng)和場(chǎng)外和導(dǎo)航
          • 無障礙性 - 殘疾人可以訪問內(nèi)容
          • 可信性 - 用戶必須相信并信任你告知他們的內(nèi)容

          關(guān)于用戶體驗(yàn)質(zhì)量還有其他思想派別。以下是與創(chuàng)建用戶體驗(yàn)相關(guān)的更多內(nèi)容:
          • 前后關(guān)聯(lián) - 確保用戶知道自己在瀏覽頁面時(shí)所處的位置
          • 人性化 - 用值得信賴,透明化,平易近人的人性化交互而不是生硬的機(jī)器交互
          • 可探索 - 確保用戶在第一次訪問時(shí)能完成任務(wù)
          • 可學(xué)習(xí) - 交互要簡(jiǎn)單,在不同產(chǎn)品當(dāng)中的銜接是無縫的,確保用戶在后續(xù)訪問中能完成目標(biāo)。
          • 高效 - 試問自己重復(fù)訪問可以快速輕松地完成重復(fù)性任務(wù)嗎?
          • 令人愉悅 - 確保產(chǎn)品能夠打動(dòng)用戶,使他們與之產(chǎn)生情感聯(lián)系并支持你的產(chǎn)品。
          • 成為執(zhí)行者 - 確保系統(tǒng)在用戶與用戶互動(dòng)時(shí)表現(xiàn)良好。
           

          結(jié)語

          用戶需要與產(chǎn)品在使用的時(shí)候有情感聯(lián)系。如果只是創(chuàng)建界面而不是創(chuàng)造體驗(yàn),你的產(chǎn)品獲得成功的機(jī)會(huì)就將受到限制。
          UI界面需要易于操作和使用,并為您的受眾設(shè)計(jì)適當(dāng)?shù)念伾妥煮w。不要忘記整合最終的用戶反饋,同時(shí)保持整個(gè)設(shè)計(jì)的連貫一致。



          原文標(biāo)題:www.webdesignerdepot.com/2018/05/7-ux-principles-for-creating-a-great-website/
          文章來源:webdesignerdepot
          原創(chuàng)作者:BEN PINES 
          原文鏈接:www.webdesignerdepot.com/2018/05/7-ux-principles-for-creating-a-great-website/
          翻譯作者:悠游
          授權(quán)獲?。?span style="letter-spacing: 0pt;">張聿彤
          文章審核:王翎旭
          文章編輯:王翎旭
          該譯文并非完整原文,內(nèi)容已做部分調(diào)整。如在閱讀過程中發(fā)現(xiàn)錯(cuò)誤與疏漏之處,歡迎不吝指出。如需轉(zhuǎn)載,請(qǐng)注明來自 三分設(shè) 




          熱門文章推薦

          譯客專欄 2022 · 第 8 篇


          精選體驗(yàn)設(shè)計(jì)知識(shí)

          收錄 100+UED 團(tuán)隊(duì)干貨文章


          共創(chuàng)成長(zhǎng)訓(xùn)練營(yíng)

          三分設(shè)·星火會(huì)員


          我們一起聊設(shè)計(jì)

          三分設(shè)·微信讀者群/城市群

          歡迎添加 ??  星標(biāo),獲取每日好文推薦,每天早上 8 點(diǎn),準(zhǔn)時(shí)充電。加入設(shè)計(jì)微信交流群 三分設(shè)讀者 5 群,期待與更多優(yōu)秀用戶體驗(yàn)設(shè)計(jì)師一起成長(zhǎng), 添加 益達(dá) 微信號(hào)【 Lil_Bug or【 Red-boy2020,備注【 三分設(shè)讀者 】加入讀者群!

          分享設(shè)計(jì)心得,定期直播,零距離連麥,答疑解惑





          點(diǎn)開『閱讀原文』,歡迎你的加入星球

          瀏覽 75
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  经典三级久久 | 青青草国产精品久久久久婷婷 | 天堂18禁 | 五月六月婷婷 | 北条麻妃在线一区二区三区 |