<big id="fg4qc"></big>

  • <strike id="fg4qc"></strike><th id="fg4qc"><option id="fg4qc"></option></th>

      <tr id="fg4qc"></tr>

            當前位置:網站首頁 / 建站知識 / 網站設計知識

            7種可能毀掉網站的常見用戶體驗設計

            來源:未知時間:2017-08-14 10:58點擊:

            一個可以算得上是成功的項目往往是好的設計加上直觀有效的內容以及一點點運氣的結合。通常情況下,設計很容易會被一些簡單的但是錯誤的用戶體驗所破壞,這些錯誤會破壞內容,并干擾整個網站流程的預期操作。

            以上問題可能造成用戶很容易忘記他們為什么在那里,以及接下來他們應該做什么。幸運的是,許多這樣的設計錯誤很容易識別和糾正(接下來這篇文章所舉的例子都是正確的案例,你可以把它們當作參考)。

            1、難以辨認的字體

            關于網站設計,曾幾何時是有那么一個短暫的階段流行使用新奇的字體。雖然這本身并不是問題,但當這些詞如果很難被閱讀或識別的話,它確實會造成嚴重的后果(如果用戶不知道信息表達的是什么,那么內容在網站設計中又有什么意義呢)。

            當你必須使用新奇的字體來提升你的整體網頁設計時,你需要注意字母與你將要使用的單詞的搭配,有些組合可能比其他組合能更好地工作。注意使用的字體和數量,特別是用新奇的字體。

            你如何判斷一種字體是否對于用戶來說是不容易被識別的呢?其實很簡單,小心那些帶有極端傾斜的字體,或者過于緊湊的和被壓縮的字體,過于復雜的線條、帶有不尋常形狀的字體等,這些都可能給用戶的閱讀帶來一些難度。

            解決辦法:用更寬的或更常見的字體,把不可讀的字體替換出來。你不需要改變所有的方式去使用Helvetica,但是你需要去做一些更有利于可讀的和有趣的事情。

            正確示范:LeadGen

            關于網站設計,曾幾何時是有那么一個短暫的階段流行使用新奇的字體.

            2、糟糕的對齊方式

            左對齊?右對齊?居中對齊?怎樣的對其格式是適合你當前的網頁設計呢?

            我們不討論各種排列方式的優點,但是,你需要知道的最重要的是:保持格式的一致性是真正重要的事情。類型和元素在網格中的視覺表現應該是舒適的,避免出現鋸齒狀或參差不齊的邊緣。

            不協調所存在的問題是,它會破壞整體的視覺流動,使得用戶很難在設計中從一個元素過渡到下一個元素。他們可能會迷失在混亂中,可能會錯過最重要的內容。

            解決辦法:為元素設置統一的對齊樣式。比如圖片是以中心對其還是按照左圖右文的形式?創建一套規范的設計指引,調整設計,堅持規則。

            正確示范:Lorem Ipsum

            類型和元素在網格中的視覺表現應該是舒適的,避免出現鋸齒狀或參差不齊的邊緣.

            3、不適當的使用圖像

            使用不恰當的圖像是最常見的內容“殺手”。它可能會創建一個與文本無關的視覺連接,或者讓用戶摸不著頭腦。

            如何判斷你所使用的圖像正是你需要的?對于錯誤的圖像,這里往往有一些危險的信號:

            · 愚蠢的或過度使用的圖片:如果這張照片看起來不真實(每次你或者用戶看到總是會忍不住笑起來),或者你在其他類似的網站上看到過,那就避免它。

            · 質量差的圖片:如果照片沒有焦點,明暗過度或構圖不好,不要使用它。

            · 低分辨率圖像:像素化圖像總是最壞的選擇。高分辨率屏幕的優勢和普及,使得幾乎在幾年前所做的設計工作中的許多照片規則都需要修改。

            · Fluff圖像并不會提高內容:不要僅僅因為你想要使用,即使它與內容沒有任何關系,也不能僅僅因為你覺得實在是沒有適合的圖片可以使用。圖像應該增強內容,而不是使其變得混亂。

            解決辦法:仔細審核你所使用的圖片。檢查你的設計,刪除有關的上面的任何圖片。如果你真的美喲適合的圖片可以使用的話,你大可不必使用圖片,考慮使用其他的相關元素。

            正確示范:Xpand Laces

            使用不恰當的圖像是最常見的內容

            4、忽視移動端的細節

            眾所周知,網站設計的前期考慮應該最大程度在響應性框架上,但是響應式模板并不是一個一站式的解決方案。設計必須根據不同的屏幕尺寸進行調整。

            很多時候,細節往往最容易被忽視。尺寸太小或圖像尺寸大小的響應,以及與移動設備不同縱橫比的比例。這些小細節會嚴重影響用戶。

            解決辦法:花些時間在你的移動端的設計上。注意那些看起來不合適的細節,檢查文本大小、圖像、加載時間、按鈕位置,并進行必要的調整,以提供無縫的體驗。

            正確示范:And Co

            網站設計的前期考慮應該最大程度在響應性框架上.

            5、“瘋狂”的顏色

            一個無聊的設計師會創造一個脫節的設計。其中最常見的一種表現形式是使用瘋狂的色彩或缺乏固定的調色板。

            太多的顏色會讓人分心,而且經常給人一種業余的感覺。除非你的品牌指導方針要求使用這種配色方案,否則不要使用它(不過,如果你的品牌有這樣的指導方針,我想對于方針中的這一條,你可能需要重新考慮一下了)。

            解決辦法:創建一個統一的調色板。從一個主色開始,并使用一個或兩個輔助顏色。如果你需要更多的差異,請使用該調色板中的色彩的不同混合(并為這些內容創建規則)。不要添加更多的顏色。

            正確示范:Rush Flyer Printing

            最常見的一種表現形式是使用瘋狂的色彩或缺乏固定的調色板.

            6、沒有用戶可以參與的操作

            想象一下,你登入到一個在視覺上你很滿意的網站上,但卻不知道下一步該做什么。滾動嗎?還是點擊?是否有更進一步的操作內容呢?

            應該有。

            一個好的網站設計是一個由頁面到頁面之間的連續的動作、交互和移動的過程。目標是讓訪問者盡可能多地在路徑上與期望的操作聯系在一起。

            解決辦法:設計中的每一頁都應該包含一個動作的調用。用戶應該確切地知道每個頁面的目標是什么,是希望點擊按鈕?填寫表單?玩游戲或者購買產品?設計結構應該包括大膽的用戶界面元素,以鼓勵點擊按鈕到可操作的指令。

            正確示范:Vinebox

            一個好的網站設計是一個由頁面到頁面之間的連續的動作,交互和移動的過程.

            7、濫用趨勢

            不要過度使用你認為超酷的元素或正流行的設計趨勢。

            如果你有一個剛好很符合情景或內容的插圖的話,你可以使用它,并使用強調的設計技巧來使它更具有對比,但不要把它和其他的圖像或插圖搞得亂七八糟。

            同樣的,圖標或者任何其他的技巧在吸引用戶并讓他們產生需求心理的同時,如果沒有把握住度的話,可能會給他們造成一定的困擾或壓力。這聽起來很簡單,但實際上卻很難(試想一下,你買了一個相關的圖標集,感覺你需要用到里面所有的圖標你才對得起你花出去的這個錢)。

            解決辦法:采用少即是多策略。只使用可以增強內容的元素。針對當前你所做的網站設計,想象從每一頁中拿走一個元素,這個設計會更好嗎?

            正確示范:Art Lovers Australia

            不要過度使用你認為超酷的元素或正流行的設計趨勢.

            總結

            每個設計師或多或少的都會犯一些設計錯誤。但你能找出問題并恢復嗎?你應該從認識錯誤和改正錯誤的方法開始,在這個方向上有一個好的開始。當你犯了一個設計錯誤,調整并繼續前進,不要感到不好意思。

            天天爱天天看人人视频_一日本道在线不卡视频_人人澡人人澡人人看_久久超碰国产精品最新