最近免费中文字幕大全高清mv_姐姐8免费观看完整版电视剧_成全影视大全在线观看第14集_大地资源在线观看免费高清电视剧

Contact Info

網頁設計之六大原則

發布日期:2018-09-28 22:00:46
瀏覽次數:0

隨著互聯網時代的快速發展,設計師不再只是為互聯網創造漂亮美觀的圖片那么簡單了,作為一個WEB設計師,除了基本的設計技能之外,還需要考慮一些其他的問題,比如用戶體驗,算法,代碼等等。如今用戶體驗設計越來越重要,對于WEB表單的設計尤其如此。

WEB表單設計的目標是設計出一套讓用戶能夠從填表到點擊提交按鈕的最簡單的流程。從非常簡單直接的表單到花哨、多彩和創意的表單,每個網站都會呈現一種表單風格。不論是登錄/注冊表單,還是聯系表單,或者其他類型表單,設計師們需要牢記一點:這些表單的目標是要贏得用戶的注意,引導他們在其中填入信息。根據多年的設計經驗,Mockplus歸納了在WEB表單設計中的六大原則。

(一)保持醒目和簡潔

我們經常會遇到一個問題,非常多的用戶抱怨注冊表單需要太多的信息。如果你設計的網站正在想辦法增加注冊用戶數量,那么首先必須保證設計的表單盡可能的簡潔,易于填寫。同時對于著重強調的版塊和信息,在設計時可以采用更醒目的方式加以強調。

(二)合理組織信息

對于較為復雜、填寫項多的表單,如果不對信息進行組織,很容易顯得繁雜混亂,讓用戶在一開始就產生抵觸的情緒,甚至選擇放棄。合理有層次的組織信息,可以利用框線、空間間隔、顏色的不同,按照不同信息的類別、屬性和相關性進行區塊的劃分,用步驟條指示當前的進程。清晰的瀏覽線,合理的標簽、提示文字及按鈕的排布,避免不必要的信息重復出現,能夠降低用戶的視覺負擔和物理負擔。

(三)更大的輸入框

根據實際的用戶反饋,表單設計中更大的文字輸入框、適度的留白空間會讓人更有填寫的欲望,優雅的動畫效果也能增加填寫的趣味。設計師在設計表單的過程中,需要緩和不同輸入元素之間的沖突。加粗的文字提示用戶哪些區域已經填寫了,哪些區域還空著,當激活某一輸入框時,它會變成淡藍色,提示光標現在所處的位置。

(四)為用戶節省時間

需要花大量時間填寫的表單容易讓人失去耐心,用戶是懶惰而繁忙的,試著刪去所有不必要的填寫項,考慮除了讓用戶機械的通過鍵盤在表單上輸入數據外,還有沒有別的更優方式(如后續進行用研調查)收集所需信息。

(五)一條龍服務的設計理念

表單的終點并不是提交,設計師在設計的時候需要抱著為用戶提供一條龍服務的理念,形成流程閉環,避免用戶在中途跳出。一個好的表單設計,不僅需要考慮用戶填寫前的引導、填寫時的及時校驗與幫助、還需要考慮填寫后的整個流程體驗。思考用戶填寫表單的初衷是什么,讓他在填寫完表單后能夠最快得到他最想要的東西。即便是他暫時無法得到的,也需要告訴他相應的原因和能夠進行的替代操作。

 

(六)提供設計關懷

根據不完全統計,互聯網中大約有12%的人具有或輕或重的色覺障礙。如果將色彩作為區分不可點擊文本和可點擊鏈接的唯一元素,可能會讓這部分的人使用時出現困難。我們在設計表單的過程中可以通過給鏈接文字加下劃虛線、使用按鈕或其他形狀做區分,讓這類用戶能更加清楚的知道哪些是可點擊的區域。

 

推薦作品
  • 蘇州倍思創電子智能設備PPT設計制作
  • 蘇州大森塑膠外貿獨立站定制設計
  • 蘇州悅瑞思YREATH品牌VI設計
  • 寬揚紡織外貿網站設計
  • 中業新能源太陽能光伏產品宣傳冊設計
  • 明皓MH3外貿網站設計制作
人氣作品
  • 優沃星品牌LOGO設計[VI設計][標志設計]
  • 采納醫療科技股份官方網站設計
  • 高科電機阿里1688網站和詳情頁設計
  • 采納股份醫用產品樣冊設計
  • 魔客食品外貿網站建設
  • 普隆醫療設備畫冊設計[宣傳冊設計]
  • 明皓MH3外貿網站設計制作
  • 易聯芯品牌Logo設計和VI設計
  • 順宜美針織帽子產品宣傳畫冊設計
  • 翔盛塑業外貿網站設計[網站建設]
  • 采納科技標志設計[品牌VI設計]
  • 江蘇星貝爾網站設計制作
  • 雷格姆石化英文網站設計[網站建設]
  • 箭牌智能鎖產品畫冊設計[樣本設計]
  • 白馬洞山泉水品牌VI設計[飲料包裝設計]
  • 春秋機械吹膜機樣本冊設計制作
  • 常州匯拓科技展會畫冊海報設計
  • 蘇州康蓓德負離子調氧儀品牌官網設計
  • 秦風機械外貿網站設計制作
  • 銳馳工具品牌VI設計[字體設計][logo設計]
  • 圖勝離心機工業產品三維演示動畫制作
  • 朗高智能PDF電子畫冊設計/樣本冊制作
  • 植雅美妝產品三維演示動畫制作
  • 尋草記logo設計[標志設計][品牌字體設計]
  • 萬克刀具海報設計[招貼畫設計]
  • 勝開爾SUNKAIER產品冊設計
  • Lehehe品牌Logo設計/VI設計
  • 國超玻璃瓶產品畫冊設計
  • 天恒科儀企業官網設計
  • 華億Logo和VI設計