如何在不同的分辨率/屏幕上提供相同的应用程序

Question

方案： 你需要在不同的屏幕上公开相同的应用程序 - 让我们说一个标准的15'' - 17''便携式10''和移动4''，可能在不同的分辨率上工作。

问题： 您是否尝试根据可用的不动产量进行重新布置的液体布局，或者您是否针对每个特定支持的分辨率/屏幕尺寸针对单独的UI图层滚动N（每个范围一个），并针对每个特定支持的分辨率/屏幕尺寸进行优化。

这类问题的行业标准是什么？

在屏幕以某种方式重新调整屏幕大小的优先级区域中划分屏幕的非常技巧布局是否有意义？

我们都知道iPhone应用程序（或任何其他掌上设备）不能与桌面版本完全相同，所以我假设在这种情况下（4'或更少）您被迫推出不同的UI ，但是有中间立场（让我们说在13'' - 7''屏幕之间，后者需要手指作为主要输入）哪里有必要进行液体布局？

Answer 1

您似乎已经决定移动设备需要单独的UI，我支持这一点。用户与这些设备交互的方式非常不同，您需要以特定的方式考虑它们。

对于其他屏幕尺寸，我认为需要从用户的角度来看待它们。如果用户以不同的方式与屏幕交互，那么您需要单独的界面。但是根据我的经验，用户倾向于将大约10英寸以上的屏幕看作同一件事的更大或更小的版本，因此您应该以相同的方式对待您的UI。不要为较小的屏幕显着改变它。相反，您需要找到一种方式让它成长或缩小，使用户感觉他们有更多的工作空间。使用相同的旧UI。

文本编辑器就是一个很好的例子。文档窗口变得越来越大，有更多空间可以编辑文档，但实际界面保持相当静态。

Answer 2

移动应用程序（适用于手机和其他便携式设备）通常可以手动移动UI。

你所谈论的10“ - 13”案例更多是在上网本范围内。在这种情况下，设备UI与常规桌面UI类似（因此我会使用流畅的布局并使用相同的UI。

修改

请参阅评论以澄清要求......

但是考虑到较小的界面将是一个触摸界面，而较大的界面将不会......我建议为每个界面滚动不同的UI。如果对基于触摸的问题进行特殊考虑，触摸版的用户体验将会好得多。

Answer 3

我们刚刚开始一个我们遇到类似问题的项目。

在我们的例子中，应用程序在不同屏幕上的工作方式略有不同，例如在较小的屏幕上有更多的阶段和更少的选项。

我们打算做的是使用ASP.Net MVC框架，并为每个屏幕分辨率/子应用程序实现一个视图。我们将尽力使应用程序的其余部分与所有屏幕分辨率保持一致。

Answer 4

在Web应用程序的上下文中，Jakob Nielsen suggests（基于他对最近可用性测试的评估，阅读链接文章以获取详细信息）来设计移动设备的专用UI。我认为即使你的申请不是基于网络的，他的一些指导原则也是有用的。

他也有guidelines for desktop resolutions。