移動網站設備指導原則
發(fā)表日期:2019/1/28 17:46:01 文章編輯:瑩晨建站 瀏覽次數:2476
移動網站設備指導原則
移動可用性不僅僅是縮小網站以適應各種設備。這是關注人們使用移動設備的方式,并理解移動體驗與用戶一樣獨特。
可用性設計用于移動設備的是盡可能多的關于它的方式感覺,因為它的外觀和行為方式。人們使用他們的手指 - 或更具體地,更經常地,他們的拇指 - 與屏幕交互,而不是鼠標和鍵盤的傳統(tǒng)桌面代理。這意味著移動設計比桌面更具觸覺體驗。用戶對他們的看法與他們一樣多。
無論好壞,桌面代理的障礙都消失了,移動設計人員面臨著一套新的用戶體驗設計原則。
由于移動設備的大小和人們使用它們的方式不同,因此沒有“一刀切”的設計標準。相反,它是設計師應該理解的一組原則和概念,以便提高移動可用性。
以下原則有助于設計人員考慮觸摸和人體工程學設計,使移動體驗更加愉悅和用戶友好:
1.了解您的用戶
設計師在移動設計中可能犯的第一個錯誤就是假設每個人都使用與他們相同的設備或使用相同的設備。盡量避免這種假設。
下一個錯誤是假設來自先前研究的所有現有數據,無論是來自二級來源還是先前進行的初步研究,對于用戶永遠是真實的。用戶變化,技術變化和用戶行為可能差異很大,因此持續(xù)研究是保持最新狀態(tài)的關鍵。
在他的研究表明,六種用戶持有智能手機的方式,但您的目標用戶可能主要使用一種不太常見的方式來保存手機。例如,為老年人設計的應用程序可以記錄有關其藥物的信息,這可能會有一些獨特的要求。這種特定的人口統(tǒng)計可能會受到影響他們持有(和看到)移動設備的方式的損害 - 這對于理解為設計師來說非常重要。
有幾種方法可以獲取有關用戶的信息。一個好的起點是網絡分析,如果它們可用,并找出用戶正在使用的設備。另一種選擇是調查用戶的設備以及他們使用它們的活動。體驗抽樣是在設定時間捕獲用戶的另一種選擇。最強大的研究:實際上使用他們的設備觀察野外用戶。
關鍵點:使用移動設備研究和觀察用戶,真正了解如何為他們設計。
2.了解使用環(huán)境
這與“ 了解您的用戶”密切相關,但它值得自己調出,因為它非常重要。移動字面意思是“能夠自由移動?!贝蠖鄶等嗽谑褂靡苿討贸绦驎r并沒有靜坐或將注意力集中在他們的設備上。他們經常做其他事情 - 走過商店,看電視,鍛煉身體,坐在餐館或開車。
當人們使用他們的設備僅僅是因為他們如何使用它們同樣重要,這可能影響到整體的設計和體驗。例如,正在運行的應用程序可能具有與銀行應用程序非常不同的用例。
了解用戶與移動設計交互的位置和方式,以及他們在使用設備時所做的其他事情,可以幫助設計人員創(chuàng)建適合其用戶的應用。
關鍵點:用戶在使用移動設備時會做各種各樣的事情,可能不會給予應用程序全神貫注的關注。
3.遵循經驗法則
由于用戶主要使用拇指來瀏覽移動設備,因此移動設計應設計為拇指而非鼠標點擊。這意味著用戶需要在屏幕上訪問的所有內容應該在他們的拇指容易到達的距離內,而不需要他們不自然地伸展或扭曲他們的手。
這就是為什么響應式設計如此重要以及為什么移動設備上的單列布局優(yōu)于多列的原因之一。使用多列自動縮小屏幕空間并將一些重要內容放在拇指區(qū)域之外,這使得用戶更難以訪問。
響應式設計在移動可用性方面發(fā)揮著重要作用
單列布局使用戶使用拇指進行導航比使用多列布局更容易。
重點介紹:確保關鍵內容和導航在拇指之內。
4.把內容放在第一位
這個在工業(yè)設計中有明確的根源。工業(yè)設計的主要原則之一是內容應始終顯示在控件之上,這樣用戶的手就不會阻擋他們的視線。
在傳統(tǒng)的網站設計中,導航首先出現在屏幕的頂部,內容低于它,但工業(yè)設計則相反,移動設計也應該如此。
由于用戶查看和觸摸屏幕的方式,最重要的內容應位于屏幕中央,其他鍵控導航控件位于底部。
在平板電腦中,這個建議稍有改變,但它仍然專注于允許用戶通過用拇指觸摸并防止手指阻止內容來導航?,F在,重要內容和導航控件應移動到屏幕的兩側。
平板電腦的移動可用性 - 將導航移動到屏幕的一側
重點介紹:將最重要的內容放在屏幕中央,并將主導航控件放在最適合設備的位置,并且手指不會阻擋內容視圖。
5.繼續(xù)(觸摸)目標
無論設備是什么,移動設備都需要設計觸摸。但觸摸是不精確的。沒有兩個用戶具有完全相同的拇指大小,并不像記錄鼠標點擊那么簡單。
最佳觸摸目標是7x7mm,其轉換為像素大約等于40.但是為了考慮各種觀看尺寸,44像素是覆蓋觸摸區(qū)域并避免用戶錯誤的理想空間。
觸摸目標大小對于移動可用性非常重要
底部的藍色方塊顯示44像素(帶有20像素填充)作為觸摸目標,這是設計人員應考慮的移動可用性的最小值。
使觸摸目標更大一些有助于覆蓋用戶與其設備交互的環(huán)境和環(huán)境,通常不會給予他們全神貫注的注意力(請參閱了解使用環(huán)境)。
-
訪客離開網站的原因
日期:2019-10-24 瀏覽次數:2394
-
網站維護的具體步驟有哪些
日期:2019-10-24 瀏覽次數:2332
-
了解跨瀏覽器兼容的網站
日期:2019-10-24 瀏覽次數:2359
-
以正確的方式使用號召性用語
日期:2019-10-24 瀏覽次數:2399
-
如何避免CSS中的常見錯誤?
日期:2019-10-24 瀏覽次數:2219
-
免費SSL證書申請網站topssl.cn上線
日期:2024-09-23 瀏覽次數:1089
-
如何在北京順義尋找一個踏實的網站建設公司
日期:2023-08-10 瀏覽次數:4141
-
順義網站建設:北京順義網站建設的優(yōu)點
日期:2023-05-25 瀏覽次數:4565
-
選擇網站公司需要考慮哪些因素
日期:2023-05-25 瀏覽次數:3425
-
北京模板建站
日期:2023-03-28 瀏覽次數:3606
-
網站編寫內容遵循的8條規(guī)則
日期:2018-12-13 瀏覽次數:2419
-
HTML5的設計特性!
日期:2015-07-31 瀏覽次數:2499
-
如何確保流量穩(wěn)定流向您的網站
日期:2019-06-05 瀏覽次數:2017
-
建設網站如何規(guī)劃網站架構?
日期:2019-09-19 瀏覽次數:2468
-
移動設備設計中常見的錯誤
日期:2019-04-12 瀏覽次數:2186