Рекомендации по разработке веб-сайтов, ориентированных на сенсорный экран, для платформ сторонних производителей

Question

В настоящее время мы разрабатываем веб-сайт, доступ к которому будет осуществляться из киосков в музее.Пользователям потребуется возможность просматривать множество различных веб-страниц, которые в настоящее время будут содержать статический HTML-контент, а также просматривать различные интерактивные презентации, основанные на Flash и запускаемые во Flash Player.Пользователям также может потребоваться ввести некоторую информацию в простую регистрационную форму из киоска.

Одна из причин, по которой в настоящее время мы разрабатываем это для работы в браузере, заключается в том, что тот же сайт и интерактивные презентации, к которым осуществляется доступ из киосков, также будут доступны в Интернете.

Есть ли у кого-нибудь рекомендации относительно того, будет ли этот дизайн вообще работать или нам следует просто создать две версии контента: одну для Интернета и одну для киоска?Какой опыт у кого-нибудь был при создании веб-сайта, доступного на сенсорном экране и через Интернет?

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

Примечание: В настоящее время мы работаем с Flash для создания нашего интерактивного контента и стека LAMPP для серверной части, поэтому SilverLight на самом деле не вариант.

Answer 1

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

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

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

Держите их отдельно, используя таблицы стилей и/или JavaScript, но старайтесь, чтобы страницы с контентом оставались одинаковыми, чтобы вам не приходилось поддерживать два набора контента.

-Адам

Answer 2

Проектирование киосков - это 90% оптимизация пользовательского интерфейса. Прочитайте это

http: // www.voltagecreative.com/blog/2008/05/best-practices-of-touch-screen-interface-design/

Answer 3

Использование браузера для вашего пользовательского интерфейса кажется хорошим решением, и меня бы беспокоили другие приложения или даже всплывающие окна браузера, которые мешали бы удобству использования вашего киоска. Для этого можно создать собственное приложение-браузер с помощью элемента управления Microsoft WebBrowser, чтобы не было всплывающих окон, и хранить все файлы локально на компьютере с киоском, чтобы, пока он имеет питание, он мог работать (и вам не придется беспокоиться об ошибках доступа к сети, отображаемых пользователю).