<noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>

    <noframes id="jjr3b"><span id="jjr3b"><span id="jjr3b"></span></span>

    <noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>
    <form id="jjr3b"></form>

    <noframes id="jjr3b">
      18868949445

      泉州制作網站:用戶界面設計中應避免的10個錯誤

      日期:2020-04-09 閱讀:312   作者:泉州網站設計開發公司

      用戶界面設計既與設計的外層有關,也與設計中元素的放置有關,無論是網站還是應用程序。簡單地說,UI設計指用戶所能看到的一切。然而,更重要的意義涉及到設計的可用性。就像路標一樣,如果設計不能提供清晰性,那么就會出現混淆,并將用戶嚇跑,往往是永久的。

      01-ui-design-sidewalk

      照片信用:Mr.TinDC通孔競爭 CC

      當然,當談到術語時,談論可用性會變得很混亂。許多人對諸如UI和UX(用戶體驗)等標簽的實際定義存在爭議,實際上,這在這里是沒有意義的。畢竟,“漂亮”和其他視覺方面(UI)也與設計的可用性方面(UX)有很大關系,這就是為什么UI和UX(用戶體驗)這兩個術語經常交替使用,或者至少是為什么UX更像是一個傘式術語,UI在其中跌落,有些交叉。因為,真的,兩者必須共同努力,才能真正成為一個設計明星。

      我喜歡Marci Ikeler把它放在Quora論壇上UX與UI設計器的區別作為一名泉州制作網站UI設計人員,您應該明確地知道在各種設計中所犯的常見錯誤--而不是那么常見的錯誤,以便您能夠更好地幫助您的客戶實現目標。如果你知道在設計時要記住什么,你就更有可能創建一個符合客戶描述的網站,“使用起來容易,但會給觀眾留下巨大的印象,讓觀眾對我們的業務有正確的印象,這樣他們就會永遠買下我們的很多東西?!倍?,如果您的客戶堅持包含下面列出的任何UI設計錯誤,您可以為拒絕…提出有效的論據。當然禮貌點。

      不一致設計


      泉州制作網站

      第一個錯誤是一個任何人都不應該犯的錯誤,主要是因為它讓我非常惱火,以至于我可能需要專業的幫助。設計中的一致性與確保所有類似的動作和元素的外觀和動作相同有關。因此,如果一個團隊成員的臉在顯示“About Me”文本之前旋轉,那么團隊成員的其他臉在顯示文本之前也應該是動畫的。如果第一個h3子標題在深灰色中使用Helvetica,字體大小為18 px,底部邊距為30 px,則h3副標題的其余部分應該是相同的。

      在您的設計中保持一致的最簡單的方法之一是提前進行一些計劃。只需創建一個包含所有操作的列表,然后將它們劃分為相同/相似功能的組。最后,為每個組確定一個UI元素,以及一致的對齊方式。不要忘記分配其他的設計元素,如相同的字體,樣式,顏色,甚至相同的措辭和懸停效果。

      顏色使用不當

      選擇錯誤的顏色對設計來說是個壞消息。但是“錯誤的顏色”到底是什么呢?這可能是一個相當模糊、主觀的話題。畢竟,色彩描繪的意義,所以你必須考慮你的客戶的品牌和觀眾。你還必須讓游客記住色盲??纯催@篇關于色盲對實用性的影響對于一些偉大的技巧,這也是不足為奇的,也是好點的顏色可用性在一般情況下,如使用高對比度的顏色。


      03-ui-design-augureye

      上面的站點違反了相當多的色盲規則(并且有相當多的其他UI錯誤)。此外,不要忘記顏色代碼,這意味著您使用相同的顏色為相同的功能。還有一個更重要的顏色錯誤需要提及:將顏色的數量限制在兩到三個主要的顏色,以避免大量的視覺用戶。請記住,顏色不是顯示區別的唯一方法。

      太多的話

      我的另一個惱怒:太多的文字可以隱藏網站的信息,對訪問者。畢竟,如果一個讀者被大量的文字和段落所困擾,他或她會立即離開而不去嘗試閱讀,或者在勇敢的努力之后嘗試閱讀并放棄。無論哪種方式,最終的結果都是沮喪,失去了信息,失去了希望。

      04-ui-design-consciousness


      所以,盡可能少地說出你需要說的話,或者在這個重要的規則上指導你的客戶。使用更多的視覺效果和更少的文字:當涉及到數字設計時,一張圖片總是值一千字。當然,也要使用標題、副標題、符號和方框以及你的圖形。

      忘記其他裝置

      是啊,這在當今世界是不應該發生的。不幸的是,這不是一個完美的世界和一些新手(希望不是經驗豐富的設計師!)仍然有一種傾向,就是忘記了一個事實,那就是很多用戶只通過他們的智能手機訪問網絡?;蛘呤撬麄儾幌牖ㄥX來創造一個移動優化設計?;蛘?,就像第一部分的Rudgwick網站一樣,有些是幾年前使用Flash創建的DIY網站。不過,對于專業人士來說,這種不為多個設備進行優化的問題肯定不會再發生了。

      傳送帶/分頁名單

      還記得我說過我需要專業的幫助嗎?當涉及到我對第一個錯誤的煩惱程度時?傳送帶和頁碼排在首位。當我必須點擊列表中的每一個項目時,我就會發瘋。你知道哪種類型的文章:你真正想知道誰是今年最熱門的超級模特,但你必須涉獵到底。千百萬下一個按鈕和一個葛蘭幾個小時的慢負荷時間。

      05-ui-design-insider

      事實上,我要說的是,旋轉木馬和分頁列表可能是所有時候使用最少的網站元素之一。這僅僅是網站所有者獲取點擊誘餌的廉價方式,同時也會激怒讀者,讓他們再也不會回來。底線:與你的客戶斗爭到底,避免把這些放在他們的網站上。為了我和你對所有有用的東西的愛。不過,如果他們堅持,至少給出一個頁面視圖的選擇,就像BusinessInverly聰明地做的那樣。

      不良性能

      你知道我在這里說的糟糕表現是什么:慢負荷時間和浮華。如果您的網站的任何部分,任何元素點擊,任何動畫,加載太慢和太小的…。這對網站所有者來說是個壞消息。慢加載網站失去了大量的訪問者,因為,讓我們面對它,“沒有人有時間這樣做!”

      沒有人想看動畫片,只是動作不流暢。壞的動畫提醒我們,我們是數字互動,而不是個人,我們對網站的信任因素下降了。記住,人類想要在網上進行類似現實生活的互動,所以讓它變得流暢,并保持真實。

      點擊次數太多

      08-ui-design-women'shealth


      用戶在進入最終的“購買”或“注冊”按鈕之前,點擊的次數越多,就會失去更多的銷售。單擊錯誤既與表單的長度有關(下面將詳細介紹),也與查找表單所需的內容有關。例如,如果用戶必須登錄才能使用網站,那么將其放在前面和中間,他們可以立即輸入信息并點擊Enter按鈕--如果他們使用自動填充,只需單擊一次。

      刺激復雜的航海

      網站或應用程序上的導航不應令人困惑。我以前在一些網站上,這真的讓我想要打擊屏幕上的挫折感。當用戶不能輕松地在頁面之間來回導航時,或者當他們不得不無休止地搜索正確的信息時,或者當一個設計很難學習…時用戶將去其他地方,而不是擾亂所有這些煩惱。UI設計應該使返回主頁、找到特定頁面、只返回一個或幾個頁面、容易找到表單等等變得容易,整個設計應該簡單地流動。你希望他們能夠輕松,自然地通過一個網站,并盡快理解網站的信息和觀點。

      06-ui-design-evolution

      這是一個小組織所起的很大作用。上面的網站就是一個很好的例子:如果主菜單顯示的選項太多,網站會覺得太復雜了,無法瀏覽。使用像下拉菜單這樣的元素,具有清晰的層次結構,將極大地改善像上面這樣的站點。

      不良形式


      設計不佳的注冊或訂購表格絕對是不好的形式。所有的表格都應該很容易填寫,并且沒有錯誤.確保用幾個步驟向表單中添加數字或排序時間線,以便用戶知道他們在流程中的位置。當用戶點擊鍵盤上的“Enter”鍵時,為了設計起見,請單擊Submit按鈕。

      一定要一遍又一遍地檢查表格以清除任何蟲子。例如,如果出現不完整項的錯誤消息,字段就不應該消失。據了解,如果我在收到錯誤信息后不得不再次填寫字段,我就會退出表單,而且我知道我并不是唯一的一個。并明確檢查并刪除任何浪費用戶時間的不必要字段。查看有關表單設計的更多提示。這篇關于表格匯編的文章.

      無反饋

      07-ui-design-loading

      讓我們說(喘氣!)你的設計確實比一些要慢一些。你應該讓用戶坐在那里看著一個圓圈轉又轉嗎?當然不是,除非你想失去他們中的大多數。相反,娛樂他們!給他們點東西看,或者看有趣的動畫。我喜歡上面的Tuck效果網站,但是稍多一點比動畫點更能幫助用戶在等待加載時保持興趣。


      讓我們不要忘記在簡單點擊項目時所需的反饋。每當用戶單擊某物時,正在等待加載、滾動、轉到一個壞頁面,任何…。給他們反饋,讓他們知道你知道他們做了什么。

      更多的錯誤需要避免

      1.水平滾動-具有平均分辨率的平均大小監視器上的用戶不必向左和向右滾動以讀取頁面的內容。設計與固定寬度,將適合較小的顯示器或設計流體布局將避免水平滾動。

      2.無效法典-為了在所有情況下對您的網站的外觀和功能有最好的控制,應該使用有效的XHTML和CSS。w3c為兩者提供免費驗證。XHTMLCSS.

      3.一個瀏覽器的設計-每個互聯網瀏覽器對代碼的解釋與下一個瀏覽器略有不同。在開發一個網站時,請在幾個不同的瀏覽器中進行測試,因為您的訪問者將使用不同的瀏覽器。


      4.隱藏聯系信息-有些訪客會想與你聯絡,提出問題或意見。一份聯絡表格,或至少你的電子郵件地址,應該很容易讓你的訪客找到。

      5.頁面標題使用不當-頁面標題通常將顯示在搜索引擎結果頁上。因為它們描述了頁面的內容,所以它們對點擊率有很大的影響。一個非描述性的頁面標題將松散的流量與競爭對手更好地使用網頁標題。

      6.死胡同-沒有什么會像死鏈接那樣讓訪問者失望,尤其是那些內部鏈接(鏈接到網站上的其他頁面,而不是鏈接到其他人的網站)。

      7.過度廣告-雖然外部廣告可以為你的網站創造收入,但它們也會使你在失去的訪問者中付出代價。廣告太多的網站通??雌饋聿粚I。


      8.鏈接到不良網站-您所鏈接的網站將影響訪問者對您的業務的看法。鏈接應該為您的訪問者提供有價值的信息或服務。不要僅僅因為他們同意鏈接到你而鏈接到一個糟糕的網站。

      9.使用“點擊此處”鏈接-腳本的錨文本應描述該鏈接的方向。這不僅會讓你的訪問者更好地了解鏈接將把他們帶到哪里,而且錨文本也是搜索引擎排名的一個因素。

      10.只使用圖像的導航-對訪問者來說,網站的導航是找到他們想要的東西的關鍵。并不是所有的互聯網用戶都能看到圖片。有些用戶會通過關閉圖像來加快加載時間,而有些禁用用戶將依靠鏈接的錨文本來導航您的站點。這些用戶將無法在您的站點中使用完全依賴于圖像的導航(雖然ALT標記可以幫助)。

      11.不使用標題-XHTML為標題提供特定標記。許多網站通過使用更大的字體大小和粗體文本來達到同樣的視覺效果,然而,標題對于搜索引擎具有重要意義。


      12.另一域名的電子郵件地址-如果您的電子郵件地址被張貼在您的網站上,使用像Yahoo地址這樣的免費電子郵件服務看起來并不專業。您的托管服務將為您提供電子郵件地址在您的域名。

      13.對空白的不當使用-空白是重要的,使你的內容更容易讓游客閱讀。如果有太多的空白,或者把太多的內容塞進一個小區域,就可以不恰當地使用空白。許多使用過多廣告的網站也缺乏足夠的空白。

      14.使用錯誤的軟件創建網站-網站應通過手工編碼或專門為創建網站而制作的程序創建,如Dreamweaver。使用文字處理程序或任何其他類型的軟件將產生不必要的無效代碼。

      15.沒有突出顯示訂閱選項-如果您的網站提供電子郵件、時事通訊或RSS提要,訪問者應該很容易看到注冊信息。將注冊說明放置在頁面底部或僅在某些頁面上將減少新訂閱者的數量。


      16.泉州制作網站難以找到的頁數-網站的導航應該是合乎邏輯的,以便訪問者能夠找到他們想要的網頁。添加站點地圖或搜索函數是個好主意。

      网赚团队