隨著移動端的普及和流量的增加,企業(yè)
移動端網(wǎng)頁設計也就越來越重要了,在網(wǎng)站創(chuàng)建設計時,值得考慮潛在用戶將使用什么設備。當然我們必須考慮智能手機和平板電腦設計之間的差異。但它的本質是什么,怎么給我們帶來更多的流量?
平板電腦和移動設備以“移動設備”的名義排列。但這是否意味著他們的UI設計不應該有差異?讓我們討論如何創(chuàng)建設計良好的平板電腦界面以及啟動應用程序時需要了解的基本用戶界面差異。最后,我們將重點介紹創(chuàng)建平板電腦 UI 設計以將其應用到實踐中的關鍵技巧。
該應用程序可以在兩種設備上運行,但它會保留出色的界面可用性嗎?許多因素都在起作用,從用戶如何持有他們的小工具到依賴于他們的應用程序的功能。平板應用程序的設計與移動設備之間最顯著和最簡單的區(qū)別是屏幕分辨率。所有可按下的按鈕都應在用戶手指觸手可及的范圍內,以便一只手拿著手機快速按下它們。這就是為什么在設計移動應用程序時,活動元素的中心區(qū)域是屏幕的左角或右上角和中間。
平板電腦的尺寸更大。因此,用戶在使用時涉及雙手。因此,用于放置元素以使其易于訪問的區(qū)域是屏幕的左側和右側。根據(jù)分辨率是平板電腦還是移動設備,內容的層次結構和所有元素的位置都會發(fā)生變化。移動屏幕的小尺寸允許設計師只放置最重要的信息,并將其余信息分解到其他屏幕中。平板屏幕可以容納比智能手機更多的元素,而不會損害應用程序的界面。
設計師的工作旨在維護用戶界面的內容和功能。因此,它的所有組件都必須按照層次結構進行組織,并且要能夠接受用戶。
一個小的智能手機屏幕為內容布局提供了更少的空間。因此,所有元素、提示和下拉菜單都應謹慎使用,以避免不必要的信息使界面超載并分散用戶對主要內容的注意力。另一方面,平板電腦有更多的可用空間。相應地,您可以修改界面并將一些功能元素放在主屏幕上。手機應該使用一欄布局和兩欄平板 UI 設計。