Насколько доступны раскрывающиеся списки на мобильных устройствах? - PullRequest
0 голосов
/ 19 июля 2010

Я занимаюсь разработкой сайта для мобильных устройств, который требует от пользователя выбора продукта (всего их около 70). Однако в данный момент у меня нет устройства для тестирования (я также в настоящее время работаю на Mac и не знаю ни одного эмулятора мобильного браузера для Mac).

Мой вопрос: будет ли выпадающий список длиной ~ 70 слишком длинным? Насколько сложно пользователю будет выбрать опцию (при условии, что на странице больше ничего нет)? Ради аргумента, как трудно было бы перемещаться по нему на iPhone и BlackBerry (это два наиболее важных для меня браузера на данный момент)?

Я бы предпочел не разделять список ради простоты, но, думаю, смогу при необходимости. У кого-нибудь есть лучшие идеи по разделению списка / отображению формы на мобильном устройстве?

Чтобы понять, почему мне нужен такой выпадающий список, пользователи могут выбрать 2 продукта (два списка), и сайт вернется, совместимы ли они друг с другом.

1 Ответ

0 голосов
/ 20 июля 2010

У меня возникла эта проблема при попытке представить коды стран или аэропорты в мобильных веб-приложениях.Он работает просто отлично (особенно на iPhone и BB), но вы должны сделать как можно больше, чтобы сделать выбор проще.Мы сделали такие вещи, как

  • Поместите ближайшие аэропорты (географически) в начало списка
  • Запомните последний выбор
  • Настройте краткий список наиболее выбранных продуктов ииметь их в верхней части списка

Эти предложения основаны на контексте того, что пользователь пытается сделать в нашем веб-приложении.Надеюсь, у вас будет другой контекст с вашими собственными оптимизациями.

Одно из предложений для вас - переключить ваш пользовательский интерфейс с двух раскрывающихся списков на две страницы - на первой странице все продукты отображаются в виде ссылок HTML.Когда пользователь выбирает продукт, перейдите на вторую страницу, но теперь вы можете заполнить эту единственную страницу продуктами, совместимыми с продуктом, выбранным на первой странице.Взгляните на http://m.jetstar.com,, перейдите к процессу бронирования и узнайте, как вы выбираете аэропорты вылета / прилета.Это может работать для вас?

Кстати - попробуйте http://www.iphonetester.com, чтобы понять, как будет выглядеть ваш сайт в форм-факторе iPhone.

Удачи!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...