182tv午夜福利香蕉

10手機網址資源庫

Wap學院

10移動導航地圖
基本資料概要資料展示區
名稱頁面設計技巧就在很小的細節中
分享會員webuser101瀏覽次數2282
所屬類別網頁設計 [快速瀏覽]主頁標簽
內容簡介(user interface,UI)讓使用者用得順心,從而提高轉換率(conversion rate),換言之,好的UI在使用與銷售層面上形成雙贏。UI設計師Jakub Linowski列出16點改善UI的訣竅。
復制本頁網址,與您QQ/MSN上的好友分享,就是您對邀您上網導航最大的支持!
免責申明:邀您上網導航(b-and.cn)所有資料展示完全免費,僅供您參考,網上資料使用須謹慎。如果您發現本網站所刊登資料不實或過期,請及時聯系我們更新,謹代表10導航的網友們感謝您!
主要資料頁面設計技巧就在很小的細節中
φ學秘 優

  優異的使用者介面

  (user interface,UI)讓使用者用得順心,從而提高轉換率(conversion rate),換言之,好的UI在使用與銷售層面上形成雙贏。UI設計師Jakub Linowski列出16點改善UI的訣竅。

182tv午夜福利香蕉  1,而這份清單仍在繼續累積,有興趣的讀者可以訂閱他的電子報,隨時獲得最新的UI秘訣。

  單欄型式優于多欄

  單欄型式讓你更能掌握自己的內容,從頂部到底部一氣呵成,用故事引導讀者,最終是要誘引他們「采取行動」(call to action,下稱CTA,意指下載或消費等目的);而多欄反而可能導致讀者分心。

  


 

  不要劈頭銷售產品

182tv午夜福利香蕉  「略施小惠」給使用者,販賣的意圖不要設計得太明顯。小小的優惠或禮物,對未來的銷售會帶來大大的幫助。

  


 

  統一相似的功能,避免支離破碎的UI

182tv午夜福利香蕉  瀏覽網站時,我們很常看到琳瑯滿目的元素或特色,但它們的功能毫無二致,而相似的選項太多,只會提高讓使用者無所適從。倘若發現自己的網站內有以不同型式重復相同功能的狀況,不妨考慮重新設計UI,把類似功能整合起來。譬如圖中「Customer Service(客服)」、「Contact Us(聯系我們)」其實是一樣的意思,應當保留一個選項就好。

  


 

  使用者見證或提出銷售實據

  「社會認同」(social proof)是刺激轉換率很好的策略,自己再怎么天花亂墜終究只是自吹自擂,請使用者見證或數字實據才有效。

  


 

  主要目的請反覆強調,別只提一次

182tv午夜福利香蕉  希望使用者點擊的連結或按鈕(比如購買或下載),別只出現一次,可以考慮放在單欄網頁的頂端與底部,或在多個頁面呈現。

  


 

  清楚區別三種功能性(可點擊、已點擊、純文字)元素

  可點擊的元素(連結、按鈕)、已點擊的元素、純文字三者彼此應該以顏色、深度或對比等各種設計技巧清楚區隔,讓使用者瀏覽網站暢行無阻。例如左圖,藍色字體是連結,黑色字體是使用者點擊的選項,或者是使用者正在瀏覽的頁面。

  


 

  突顯推薦方案

  如果服務有多種選擇,請把最推薦的方案強調出來,如左圖就將「product X」特別放大,Y、Z 縮小。

  


 

  善意提醒vs. 突兀確認

  如果使用者更改了某個選項,用一行文字提醒他們可以「復原」就好,無需大費周章設計「再次確認」的跳出視窗。因為多數時候使用者的動作都具有意識,后者太突兀,可能讓使用者覺得被糾正而產生被冒犯的感覺。

  


 

  清楚闡述目標客群

182tv午夜福利香蕉  描繪適合使用你服務或產品的客群,可以連結到更多相似特質的人,同時也讓他們感受自己的獨特性。

  


 

  肯定,避免猶豫不決

182tv午夜福利香蕉  語氣應該直接且肯定,優柔寡斷是大忌,訊息中如果出現「也許」、「有趣嗎?」、「想要嗎?」等疑問字眼,在顯示自信與強調權威上可能還有進步空間。

  


 

  采用強烈對比

  CTA 應該與眾不同。運用色調、深度、互補色等方式,將CTA 跟其他網頁元素區隔開來。

  


 

  產品的誕生地點

  說明你、你的產品或服務來自何處,就像在自我介紹一般,賦予人性化的親切感受,而且強調產地或許也會帶來品質保證的效果。

  


 

  表單問題愈簡化愈好

182tv午夜福利香蕉  注冊表單太雜,使用者往往容易不耐煩而半途放棄,問題盡量少而精簡。

  


 

  別把選項藏起來

  下拉式選單雖然不占空間,但卻讓選項更難被察覺。適合下拉式選單的問題是可預測性的或者人人皆很熟悉的時間(如出生日期)或地理位置,跟產品或服務有關的重要問題選項,最好并列在頁面明顯的位置上。

  


 

  連貫順暢的頁面

182tv午夜福利香蕉  不要讓使用者產生「已經卷完頁面」而實際上根本還未看到底部的錯覺。制造一種視覺型式或節奏,令使用者得以順利瀏覽完整個頁面,才不會白費苦工。

  


 

  不要分散焦點

  如果你的網頁唯一目的是要觸發使用者卷到底部時「采取行動」,那中間安插的任何連結都可能導致他們分心,甚至將他們帶離你的網站,因此必須小心謹慎的安排連結數量與位置。

  


 

182tv午夜福利香蕉  原文出處: Jakub Linowski

182tv午夜福利香蕉  譯文出處: Inside

10.org.cn推薦
上一個:  網站頁面設計需要注意的5個小細節
展示中:  頁面設計技巧就在很小的細節中
下一個:  網站設計借鑒不等同于抄襲

溫馨提示:本資料由邀您上網導航會員提供,轉載請注明出處,資料來源邀您上網導航網站知識庫:http://b-and.cn/wap/i0135163/.
頁面設計技巧就在很小的細節中 感謝您的支持!

»如果您覺得'頁面設計技巧就在很小的細節中'相關資料不全,請點此協作更新!
踩踩此網站0
支持此網站0
(提示:頂到邀您上網導航首頁,分享給更多網友!)  

您的姓名: * 可選項
評論內容:
剩余字數:  * 按 Ctrl + Enter 發送.
           
邀您上網導航溫馨提示:資料由本站會員自行發布,請大家自辯真偽;評論只需提交一次,請耐心等候審核通過,方可顯示.
訪問熱門區網頁設計目錄熱門知識排行榜
相關展示區您可能感興趣的一些資料
新收錄展示區新收錄資源分享區
網站推廣,從10開始!第一次網站推廣,從10開始!
10移動學院10移動學院,隨時隨地為站長朋友加油!
< 10客服中心 網站管理 最新收錄 >
10移動與電腦版雙網址分享平臺歡迎您!
*本站網站資料完全免費,敬請您提防上當!

?2020 站點地圖 Powered By b-and.cn 邀您上網
首頁 返回上一頁 頂部