2

場景: 您需要在不同的屏幕上展示相同的應用程序 - 比如標準的15'' - 17''便攜式10''和移動4「,可能在不同的分辨率下工作。如何在不同的分辨率/屏幕上提供相同的應用程序

問題: 你試圖去爲被重新排列取決於房地產可用還是你滾N(一個用於每個範圍)獨立的UI層的液態佈局,爲每個特定支持的分辨率/屏幕優化-尺寸。

這種問題的行業標準是什麼?

是否有意義拿出非常招佈局劃分優先領域的屏幕會自動消失/回來的時候,屏幕被調整的一種方式或其他?

我們都知道iPhone應用程序(或任何其他手掌設備)不能像桌面版本,所以我假設在這種情況下(4「或更少)你不得不滾動不同的UI ,但是有一箇中間的基礎(假設在13「 - 7」之間的屏幕,後者需要手指作爲主要輸入),這對於液體佈局有意義嗎?

回答

4

你似乎已經決定,需要對移動設備的一個單獨的用戶界面和我支持這一點。用戶與這些設備進行交互的方式非常不同,您需要以特定的方式來思考它們。

對於其它尺寸的屏幕,我認爲他們需要從用戶的角度來處理。如果用戶以不同的方式與屏幕交互,那麼你需要單獨的界面。然而根據我的經驗,用戶傾向於將屏幕從大約10「向上看作是同一事物的更大或更小的版本,因此您應該以相同的方式對待您的用戶界面。需要找到一種方式讓它增長或縮小,使用戶感覺他們有更多的空間可以用同一個老用戶界面來工作

文本編輯器是一個很好的例子,文檔窗口逐漸變大,對於待編輯的文件更多的空間,但實際的接口保持相當靜態的。

2

移動應用程序(用於手機和其他便攜式設備)通常會獲得手動滾動的移動UI。

的10" - 13" 你在談論的情況下更是在上網本範圍。在這種情況下,設備用戶界面與常規桌面用戶界面類似(大多數情況下),所以我會使用液體佈局並使用相同的用戶界面。

編輯

查看評論澄清有關要求...

但考慮到更小的接口將是一個觸摸界面,以及較大的界面不會... ...我會建議爲每個UI滾動不同的UI。如果對基於觸摸的問題進行特殊考慮,觸摸版本的用戶體驗會更好。

+0

感謝你的貢獻 - 在我的具體情況值得關注的是,作爲UI縮小的UX也談婚論嫁的時候,你從13「」〜10「」(移動我使用的是觸摸屏,並要求按比例縮小到一定程度主輸入始終來自手指 - 而不是手寫筆) – JohnIdol 2009-09-02 13:15:59

+0

對於在所有屏幕上運行的應用程序或只有較小的應用程序,輸入要求是否適用? – 2009-09-02 13:27:45

+0

僅適用於當前階段的較小者 – JohnIdol 2009-09-02 13:57:14

2

我們剛開始的一個項目,我們有一個非常類似的問題。

在我們的CA如果應用程序在不同屏幕上的顯示效果略有不同,例如更小的屏幕上會顯示更多的屏幕和更少的選項。

我們打算做的是使用ASP.Net MVC框架,並實現每個屏幕分辨率/子應用程序的視圖。我們會盡力讓所有屏幕分辨率的應用程序的其餘部分保持通用。

+0

因此,您爲每種屏幕尺寸都有不同的UI(視圖) - 有趣的 – JohnIdol 2009-10-20 16:15:57

1

在網絡應用環境下,Jakob Nielsen suggests(根據他最近的可用性測試評估,閱讀鏈接的文章瞭解詳情)爲移動設備設計專用UI。我認爲即使你的應用程序不是基於網絡的,他的一些指導方針也是有用的。

guidelines for desktop resolutions也。

相關問題