Что делает веб-приложение удобным для сенсорной панели? - PullRequest
6 голосов
/ 30 декабря 2011

Разработка веб-приложения с помощью ASP.NET MVC Я спросил себя, как я могу порадовать тех людей, которые используют смартфон, ipad и т. Д. (Все, что касается сенсорного ввода ...), а не только рабочий стол / ноутбук с браузером.

Как мне улучшить взаимодействие с пользователем.

Я был бы рад услышать о технических советах, касающихся фреймворка asp.net mvc, чтобы позже я смог реализовать ваши предложения конкретно.

Ответы [ 3 ]

4 голосов
/ 30 декабря 2011

Есть несколько уровней дружелюбия. Вы можете начать с базового "достаточно ли хорошо выглядит этот сайт, чтобы его можно было использовать в мобильном браузере?" Это действительно не должно быть проблемой для всего нового, использующего современные веб-стандарты, но старые сайты могут иметь проблемы. В завершение это звучит так: «Является ли мой сайт трафиком пропускной способности, который рендерится больше 3 г, потому что каждая страница содержит 14 МБ анимированных GIF-файлов и спагетти HTML?» Или "мой сайт заставляет мобильные устройства таять из-за агрессивных сценариев?" К счастью, с этим набором довольно легко справиться - современные веб-сайты, как правило, справляются с этим довольно хорошо по умолчанию.

Второй уровень - «делает ли этот сайт что-то сводящее с ума с точки зрения касания». Главное, что может вас зарезать, - это меню на основе наведения - в сенсорном интерфейсе нет наведения. Другая распространенная проблема заключается в использовании небольших ссылок или кнопок, по которым нельзя по крайней мере нажать, не увеличивая масштаб до сумасшедших уровней. Решением здесь является тестирование - некоторые проблемы очевидны для всех, но некоторые вещи вы не увидите, пока не будете взаимодействовать без мыши.

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

1 голос
/ 31 декабря 2011

Сделайте интерфейс короче - большие иконки легко нажимать, текст очень сложно прикоснуться точно.Установите минимальный размер для каждого элемента, по крайней мере, такой же большой, как отдельные клавиши на виртуальной клавиатуре iPhone / Android и желательно намного больше.

Убедитесь, что наиболее релевантные параметры находятся рядом с верхом, а после этогоцель просто сделать это интуитивно понятным.Чем меньше меню, тем лучше.

0 голосов
/ 31 декабря 2011

Прочтите мое руководство Мобильные функции ASP.NET MVC 4

  • создайте мобильные видовые представления.

- используйте атрибут окна просмотра HTML5и адаптивный рендеринг для улучшения отображения на мобильных устройствах.

...