查遺補漏!網頁設計過程中需要注意的12個常見問題 - 優設-UISDC

                                        查遺補漏!網頁設計過程中需要注意的12個常見問題

                                        2017/08/18 7302評論區

                                        網頁設計說簡單也簡單,說麻煩也麻煩。同類型的網站大同小異,但是在具體問題和細節上,需要具體考慮和對待的問題一點也不少。面對這些不知道何時就會跳出來的問題,我列了一個常見的注意事項清單,便于在每個網頁設計項目中參考、排查問題。

                                        1、無論在什么設備上,盡量提供類似的體驗

                                        用戶可能會從不同的設備上訪問你的網站,可能在桌面端上,筆記本電腦、平板電腦和手機上,甚至有可能在智能手表上打開你的網站。而作為用戶體驗設計的工作目標之一,就是盡量確保無論在哪個設備上打開,都能給用戶以類似、相對一致的體驗。

                                        如果用戶需要在手機上查看你的網站,那么他應該能夠像在家里的電腦上查看的時候那樣,找打所有他希望能找到的內容。

                                        2、清晰而易用的導航設計

                                        導航是網頁可用性的基石。如果用戶無法通過導航找到自己想要的內容,那么無論網站設計多好,都是不達標的。所以,你的網站導航應該符合下面的特征:

                                        ·簡單(每個網站都應該具備簡單明了的結構)
                                        ·清晰(導航的選項對于用戶而言應該是不言自明的)
                                        ·一致(導航在各個頁面上應該都是一致的)

                                        這樣的導航能夠讓用戶盡可能少的點擊用來抵達他們要去的頁面。

                                        3、讓已訪問的鏈接顯示為別的色彩

                                        每個網站當中各種鏈接都不少。為了和文本區分開來,鏈接通常色彩不一樣,如果用戶點擊之后再返回,鏈接色彩不作區分的話,用戶可能會無意中重復訪問相同的頁面。所以,讓已訪問過的鏈接顯示為其他的色彩,讓用戶更好地決定下一步點擊哪里。

                                        4、讓用戶更容易掃視頁面

                                        當用戶剛剛開始打開網頁的時候,可能會傾向于快速掃視整個頁面,而非通讀所有內容。當用戶想要快速判斷出他們想要的內容在哪里的時候,就需要快速掃視、定位。作為設計師,讓頁面的層次結構足夠清晰,才能讓用戶更清晰地快速獲取信息。如何將內容按照重要性、有層次地呈現出來,還是挺考驗網頁設計師的權衡能力的。

                                        將屏幕標題、登錄表單、導航類目和其他的關鍵內容設置為視覺焦點,便于用戶發現。

                                        5、仔細檢查所有鏈接

                                        當鏈接所指向的頁面不存在的時候,用戶所打開的頁面就會自然地變為404了,而這種情況是一定會讓用戶產生沮喪的情緒的。為了避免用戶在瀏覽過程中因此對你的網站產生失望的情緒,請務必確保沒個鏈接都指向正確的頁面。

                                        6、確保元素的視覺和功能表里如一

                                        許多元素的外觀特征會呈現出它功能性的一面,這也就是我們常說的顯而易見、不言自明的設計。鏈接通常會呈現成特定的色彩,帶有下劃線,如果你的內容文本中有這么一段文字擁有這樣的特征,用戶通常會認為它是一個鏈接。如果點擊的時候發現它無法跳轉,會讓人有“被欺騙”的感覺。用戶需要知道哪些內容是可點擊的,而哪些只是強調,設計要表里如一。

                                        7、不要讓你的用戶長時間等待加載

                                        不論是面對APP還是網頁,用戶的耐心都非常之有限。有研究表明,7秒的等待幾乎是用戶的等待極限,而10秒的加載時間,只會讓絕大多數的用戶關閉頁面,再精美的加載動畫都安撫不了用戶的煩躁。所以,不要讓你的用戶等待加載,尤其是這個加載時間很長的時候。相關的應對策略很多,比如你可以采用占位符先顯示布局,逐步加載內容,至少讓用戶知道,這個過程正在推進。

                                        8、不要讓促銷廣告蓋住內容

                                        現實生活中廣告已經讓人難以忍受了,如果你的網頁中廣告居然擋住了主要內容,這幾乎是逼著你的用戶生氣關閉頁面,這樣換來的廣告營收從某種意義上也是飲鴆止渴。

                                        另外一方面,長時間的互聯網瀏覽經驗會培養出用戶的另外一種廣告應對策略:當他們看到廣告的時候會主動忽略它。這對于廣告的轉化率同樣是毀滅性的打擊,不是么?

                                        9、避免滾動劫持

                                        滾動劫持通常指的是開發者或者設計師為了實現新的布局、動畫或者排版,而修改了滾動的固定點甚至滾動條和體驗本身,帶來的非常規的滾動體驗。滾動劫持是最惱人的狀況之一,所以,通常而言,除非極個別的原因,盡量不要過度調整和修改用戶滾動瀏覽的體驗設計。

                                        Mac Pro 的頁面就加入了一些令人抓狂的滾動特效,這是為了適配它的視差布局。

                                        10、不要讓視頻和音頻自動播放并出聲

                                        視頻和音頻自動播放對于用戶而言是一種失控的體驗,對于用戶也是一種刺激。這樣的設計應該謹慎使用,除非用戶對此已經有所預期。

                                        Facebook 的視頻被設置為自動播放,但是不會出聲。只有當用戶在瀏覽視頻并且與之互動的時候,才會觸發聲音控制,外放出聲。

                                        11、不要為了漂亮而犧牲可用性

                                        網站和APP的界面設計的外觀不應該影響它本身的可用性。避免繁瑣的設計,為了美觀而犧牲內容的可讀性和對比性都是不能讓人接受的體驗。

                                        12、不要使用晃眼的文本和廣告

                                        令人晃眼的文本和廣告本身體驗不佳,它們會讓人分心,而且還會觸發體質敏感的癲癇患者發病。

                                        【用戶體驗這件事,你能做的還有更多】

                                        1. 《內容遷移到移動端時,用戶體驗優化的7個關鍵點》
                                        2. 《想讓你的網頁設計脫穎而出,可以從這5個維度入手》
                                        3. 《提升用戶的參與度,有哪些常見的游戲化設計技巧》
                                        4. 《設計合理的障礙,同樣可以成就優秀的用戶體驗》

                                        原文地址:uxplanet
                                        原文作者:Nick Babich
                                        優設譯文:@陳子木

                                        本文由優設網原創翻譯,請尊重版權和譯者成果,轉摘請附上優設鏈接,違者必究。謝謝各位編輯同仁配合。

                                        【優設網 原創文章 投稿郵箱:[email protected]

                                        ================明星欄目推薦================

                                        優優教程網 UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

                                        設計導航:國內人氣最高的設計網址導航,設計師必備:http://hao.uisdc.com

                                        優設大課堂

                                        非特殊說明,本文版權歸原作者所有,轉載請注明出處
                                        本文地址:http://www.ndwc.tw/12-web-design-tips

                                        發表評論 加載中....

                                        評論加載中....

                                        uisdc

                                        評論區都快餓癟了,看看我期盼的小眼神...

                                        優設大課堂 sketch 轉場動效 界面設計 設計師 扁平化設計 交互設計師 排版布局 職場 平面設計 設計師專訪 素材下載 視覺設計 配色 設計流程 用戶體驗設計 web前端開發 AI教程 海報設計 設計理論 神器下載 字體下載 設計規范 設計趨勢 psd下載 動效設計 產品設計 圖標設計 logo設計 ICON 神器推薦 職場規劃 App設計 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 用戶體驗 ps技巧 酷站 PS教程 網頁設計 經驗分享
                                        wechat

                                        優設官方微信

                                        50萬設計師關注

                                        微信號:youshege

                                        把好文章收藏到微信

                                        打開微信,掃碼分享
                                        學設計 優設網 在這里

                                        江苏11选5开奖结果