網(wǎng)站設(shè)計(jì)中7個(gè)用戶體驗(yàn)設(shè)計(jì)細(xì)節(jié)是什么?
優(yōu)秀產(chǎn)品的用戶體驗(yàn)設(shè)計(jì)是貫穿整個(gè)設(shè)計(jì)過程的,從最早的設(shè)計(jì)階段便已經(jīng)開始。所以,完成網(wǎng)站設(shè)計(jì)產(chǎn)品所有的部分之后再想辦法為其補(bǔ)做“用戶體驗(yàn)設(shè)計(jì)”是不可能的——你需要打一開始就就將其放在心上。打造用戶喜愛甚至欲罷不能的用戶體驗(yàn),通常意味著你需要給予用戶他們想要的東西,還要給他們一些他們意料之外但是又非常需要的東西,并且平衡兩者的比例。那些大家耳熟能詳?shù)挠脩趔w驗(yàn)設(shè)計(jì)的技巧和規(guī)則能讓你搞定絕大多數(shù)的用戶體驗(yàn)設(shè)計(jì)的問題,但是還有一些容易忽略、處于盲點(diǎn)的設(shè)計(jì)技巧,能幫你做好另一部分的用戶體驗(yàn)設(shè)計(jì)。
1、專注于20%
你可曾聽說過80/20法則?簡而言之,80%的用戶通常只會(huì)使用你網(wǎng)站內(nèi)容和功能的20%,絕大多數(shù)的用戶只是在掃視網(wǎng)站內(nèi)容,并且只會(huì)挑選真正感興趣的瀏覽。
同時(shí)這也意味著,剩余的20%就相當(dāng)重要了。大多數(shù)的點(diǎn)擊將源自于這一區(qū)域,它也是近乎完美的內(nèi)容和互動(dòng)區(qū)域。
你可以借助數(shù)據(jù)分析來決定哪個(gè)部分是整個(gè)網(wǎng)站最被關(guān)注的那20%。對(duì)于剛剛上線的網(wǎng)站,這個(gè)數(shù)據(jù)搜集的過程可能長達(dá)好幾周,隨后再進(jìn)行調(diào)整。
當(dāng)然,你也可以通過引導(dǎo)將用戶引流到你希望用戶去的那20%的區(qū)域。借助視覺引導(dǎo)和行動(dòng)召喚設(shè)計(jì)來引流,用有趣和有意思的設(shè)計(jì)來營造令人有興趣的區(qū)域,讓他們樂于點(diǎn)擊,從而達(dá)到目的。
2、架構(gòu)式的思維
設(shè)計(jì)一個(gè)網(wǎng)站和搭建一所房子其實(shí)差不多。首先,它需要一個(gè)堅(jiān)實(shí)的基礎(chǔ),然后是能夠承載所有內(nèi)容的框架,做好后要好好裝飾一下。同樣的思維模式可以套用在網(wǎng)站的設(shè)計(jì)上。
更重要的是,你并不需要為此創(chuàng)造出過去從未在框架中出現(xiàn)過的東西,換言之,框架內(nèi)的素材、組件和我們常見的并無二致。就像導(dǎo)航設(shè)計(jì)模式一樣,現(xiàn)在的設(shè)計(jì)都趨于一致,因?yàn)檫@樣的導(dǎo)航好用。
當(dāng)網(wǎng)站的整體結(jié)構(gòu)搭建起來之后,可以將相同的思路套用到內(nèi)容體系的構(gòu)建上來。主要的正文內(nèi)容是整個(gè)網(wǎng)站內(nèi)容的基礎(chǔ),輔以吸引人的標(biāo)題、圖片,配合上其他的次要元素,整個(gè)內(nèi)容體系可以很快搭建起來。
3、不要要求太多
現(xiàn)如今的世界可以說是由數(shù)據(jù)所驅(qū)動(dòng),越來越多的應(yīng)用開始要求用戶注冊(cè),要用戶提供更多的權(quán)限,更多的信息,以期為用戶提供更加個(gè)性化的體驗(yàn)。但是從體驗(yàn)的角度上來看,要盡量規(guī)避這一點(diǎn)。
站在用戶的角度稍加思考你就明白了。找到一個(gè)令你感興趣的炫酷網(wǎng)站,如果要深入了解更多內(nèi)容,就需要內(nèi)容,而如果要注冊(cè)的話,網(wǎng)站卻需要你提供下面10個(gè)類型的信息:姓名、郵件、國家、地區(qū)、城市、電話、Twitter權(quán)限、個(gè)人網(wǎng)站、工作職位、以及如何發(fā)現(xiàn)這個(gè)網(wǎng)站的。
那么接下來,你會(huì)怎么做?絕大多數(shù)的用戶會(huì)直接轉(zhuǎn)身離開,這個(gè)注冊(cè)信息填寫起來太費(fèi)勁,體驗(yàn)太差了。
那么,如果你當(dāng)你點(diǎn)擊注冊(cè)的時(shí)候,只需要一鍵從Facebook或者twitter授權(quán)即可,那么你會(huì)不會(huì)立刻點(diǎn)擊呢?至少從目前已有的數(shù)據(jù)來看,絕大多數(shù)的用戶會(huì)這么選擇。
4、令人愉悅的微交互
可能很多時(shí)候你都沒注意到,你和各種微交互進(jìn)行的互動(dòng)一直都存在。
·谷歌日歷彈出框提示你每周例會(huì)要開始了
·短信提醒
·午睡的鬧鐘
·微博上的新粉絲和轉(zhuǎn)發(fā)提醒
這樣的例子我們可以連續(xù)不斷地說上一個(gè)小時(shí)。這些帶有微交互的提醒和動(dòng)作會(huì)推動(dòng)用戶進(jìn)行下一步操作,帶來愉悅的體驗(yàn),它們不能設(shè)計(jì)得非常醒目,但是又需要適當(dāng)?shù)匚脩糇⒁?。這些有趣的微交互的加入讓用戶從中獲得好處。而你需要思考的是,有哪些東西是你的網(wǎng)站或者APP當(dāng)中,用戶想要立刻知道和獲得、想被提醒的?
5、甚至幼兒都能輕松使用
如果要給小孩子設(shè)計(jì)產(chǎn)品,那么它應(yīng)該是什么樣子?你可能會(huì)更專注于色彩的使用,讓每一個(gè)區(qū)塊都可以輕松點(diǎn)擊,明顯的標(biāo)簽,加上拼圖式的連接方式。
所以,當(dāng)我們?cè)谠O(shè)計(jì)網(wǎng)站或者APP的時(shí)候,我們會(huì)說這個(gè)產(chǎn)品要足夠易用,那么怎么才算得上“足夠”呢?讓小孩子都可以輕松使用,這就叫足夠易用。換句話說,即使是不經(jīng)常使用網(wǎng)站和APP的成人,也不會(huì)存在明顯的使用障礙。
超大的設(shè)計(jì)元素和標(biāo)簽是設(shè)計(jì)的關(guān)鍵因素。這些視覺線索是幫助用戶引導(dǎo)用戶的核心,是整體體驗(yàn)設(shè)計(jì)中最重要的部分。大膽的色彩選擇,會(huì)鼓勵(lì)用戶點(diǎn)擊和探索。
如果它足夠易用,用戶會(huì)繼續(xù)嘗試使用和探索。而難于理解操作不便的導(dǎo)航自然會(huì)被用戶所嫌棄。如果網(wǎng)站包含太過復(fù)雜的媒體和內(nèi)容,那么不妨從一個(gè)設(shè)計(jì)簡單的首頁開始,幾個(gè)簡單的導(dǎo)航點(diǎn)擊將用戶引導(dǎo)到對(duì)應(yīng)的位置。在深入到更復(fù)雜的頁面之前,用梳理清晰、簡單明了的分頁讓用戶感到舒適,這是帶來好的瀏覽體驗(yàn)的不錯(cuò)解決方案。
6、輕拍(Tap)還是點(diǎn)擊(Click)?
這一點(diǎn)要說的并不是設(shè)計(jì)問題,而是一個(gè)常見的開發(fā)代碼的問題。雖然Tap和Click兩者都能在點(diǎn)擊的時(shí)候觸發(fā),但是在移動(dòng)端網(wǎng)頁上使用Click事件 的時(shí)候,會(huì)有200ms 到300ms 的延遲,所以在移動(dòng)端上最好替換為Tap事件。在進(jìn)行響應(yīng)式網(wǎng)頁設(shè)計(jì)的時(shí)候,一個(gè)事件從頭用到尾的錯(cuò)誤出現(xiàn)得很普遍,但是有太多的移動(dòng)端網(wǎng)頁在這樣的設(shè)計(jì)下會(huì)有明顯延遲,更惡劣的情況是無法識(shí)別,這樣會(huì)直接損害到整個(gè)頁面的易用性和功能本身。
此外,移動(dòng)端上使用 Tap事件的時(shí)候,它所對(duì)應(yīng)的按鈕應(yīng)當(dāng)相對(duì)更大一些,便于小屏上進(jìn)行交互。
7、像用戶一樣思考
我們一直在說:“像用戶一樣思考”。但是實(shí)際的情況往往是,我們很難走出設(shè)計(jì)者和開發(fā)者的思維方式,因?yàn)槲覀兊乃季S方式壓根就和用戶不同,面對(duì)每一個(gè)交互、每一個(gè)元素的下意識(shí)反應(yīng)是不一樣的。
所以,還是同設(shè)計(jì)圈、開發(fā)圈和產(chǎn)品圈以外的人去聊聊吧,看看他們對(duì)于網(wǎng)站和APP的真實(shí)反應(yīng)到底是怎樣的。你可能會(huì)在觀察中發(fā)現(xiàn),他們對(duì)于產(chǎn)品、對(duì)于交互、對(duì)于界面的反應(yīng)和你的預(yù)期完全不同。將用戶的真實(shí)反饋記錄下來,反饋給項(xiàng)目組,這樣可以幫你打造更好的用戶體驗(yàn),創(chuàng)造更優(yōu)秀的產(chǎn)品。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計(jì)
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
網(wǎng)站制作(精選三篇)
本文將介紹一個(gè)完整的網(wǎng)站制作方案,從規(guī)劃和設(shè)計(jì)到開發(fā)和上線,以確保您的...
2023-09-13 -
企業(yè)seo單頁日賺200IP的秘笈
企業(yè)seo單頁日賺200IP的秘笈,企業(yè)SEO單頁面日賺200個(gè)I...
2012-02-05 -
石家莊網(wǎng)站建設(shè)中網(wǎng)站優(yōu)化的重點(diǎn)—長尾關(guān)鍵詞優(yōu)化
眾所周知,所謂長尾粘詞,是指那些搜索量少,不穩(wěn)定,但能給網(wǎng)站帶來流量的...
2021-09-26 -
北京網(wǎng)站建設(shè)費(fèi)用大概多少錢?
現(xiàn)在幾個(gè)月是網(wǎng)站建設(shè)的高峰期。未來幾個(gè)月,更多的企業(yè)主將敲定網(wǎng)絡(luò)建設(shè)項(xiàng)...
2020-06-18 -
網(wǎng)絡(luò)金融環(huán)境下世界金融市場的新特點(diǎn)
人類在進(jìn)步的同時(shí),與網(wǎng)絡(luò)相關(guān)的 網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)金融,網(wǎng)上交易也在不斷的...
2014-09-30 -
解讀自適應(yīng)網(wǎng)站有哪些優(yōu)缺點(diǎn)
什么是適應(yīng)性網(wǎng)站設(shè)計(jì)?顧名思義,網(wǎng)頁自適應(yīng)地顯示在不同大小的終端上。一...
2020-08-31
預(yù)約專業(yè)咨詢顧問溝通!
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時(shí),以國家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com