Как обслуживать одно и то же приложение на разных разрешениях/экранах

Question

Сценарий: Вам нужно выставить одно и то же приложение на разных экранах - скажем, стандартное 15 '' - 17 '' портативное 10 '' и мобильный 4 '', возможно, работающий на разных разрешениях.

Вопрос: ли вы пытаетесь пойти для жидкого макета, который получает Переставленные в зависимости от недвижимости доступны или сделать вы катиться N (один для каждого диапазона) отдельные слои пользовательского интерфейса, оптимизированного для каждого конкретного поддерживаемого разрешения/экрана -размер.

Что такое отраслевой стандарт в отношении таких проблем?

Имеет ли смысл придумывать макеты с трюками, разделяющие экран в приоритетных областях, которые будут уходить/возвращаться, когда экран будет изменен так или иначе?

Мы все знаем, что iPhone-приложения (или любое другое устройство для ладоней) не могут быть ничем иным, как настольная версия, поэтому Я предполагаю, что в этом случае (4 'или менее) вы вынуждены катить разные пользовательские интерфейсы , но есть ли среднее расстояние (скажем, между 13 '' 7 '' экранами, причем последнее требует, чтобы пальцы были основным входом), где имеет смысл идти на жидкую компоновку?

Answer 1

Возможно, вы уже решили, что для мобильных устройств необходим отдельный пользовательский интерфейс, и я поддерживаю это. То, как пользователь взаимодействует с этими устройствами, настолько отличается, что вам нужно думать о них определенным образом.

Для других размеров экрана, я думаю, к ним нужно подходить с точки зрения пользователей. Если пользователь взаимодействует с экранами по-разному, вам нужны отдельные интерфейсы. Однако, по моему опыту, пользователи имеют тенденцию смотреть на экраны примерно с 10 дюймов вверх, как на просто большие или меньшие версии одной и той же вещи, и поэтому вы должны относиться к своему пользовательскому интерфейсу таким же образом. Не меняйте его резко для небольших экранов. необходимо найти способ для его роста или сжатия таким образом, чтобы пользователь чувствовал, что у них больше места для работы с тем же старым интерфейсом.

Текстовые редакторы являются ярким примером этого. Окно документа становится все больше, есть больше места для документов, отредактированных в, но фактический интерфейс остается довольно статичным.

Answer 2

Мобильные приложения (для мобильных телефонов и других портативных устройств) обычно получают ручной мобильный интерфейс.

Корпус 10 "- 13", о котором вы говорите, больше находится в диапазоне нетбуков. В этом случае пользовательский интерфейс устройства похож (в большинстве случаев) на обычный пользовательский интерфейс рабочего стола, поэтому я бы пошел с жидкостной компоновкой и использовал тот же интерфейс.

EDIT

Смотрите комментарии разъяснений по требованиям ...

Но учитывая меньший интерфейс будет сенсорный интерфейс, и больше интерфейс не будет ... Я бы предлагайте перекатывать разные пользовательские интерфейсы для каждого. UX для сенсорной версии будет намного лучше, если будут сделаны особые соображения относительно проблем, связанных с сенсорным экраном.

Answer 3

мы только начинаем проект, где мы имеем очень подобную проблему.

в наших са se приложение будет работать несколько по-другому на разных экранах, больше этапов и меньше вариантов на меньших экранах, например.

Мы планируем использовать структуру ASP.Net MVC и реализовать представление для каждого приложения/разрешения экрана. Мы постараемся сохранить остальную часть приложения общей для всех разрешений экрана.

Answer 4

В контексте веб-приложений Jakob Nielsen suggests (основываясь на последних оценках юзабилити, прочитайте связанную статью для получения подробной информации), чтобы создать специальный пользовательский интерфейс для мобильных устройств. Я думаю, что даже если ваше приложение не основано на веб-сайтах, некоторые его рекомендации полезны в любом случае.

У него есть guidelines for desktop resolutions также.