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

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

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

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

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

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


php touchscreen flash kiosk
person Noah Goodrich    schedule 24.10.2008    source источник

Ответы (3)


arrow_upward
3
arrow_downward

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

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

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

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

-Адам

person Adam Davis    schedule 24.10.2008

arrow_upward
4
arrow_downward

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

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

person Peter Bailey    schedule 24.10.2008

arrow_upward
1
arrow_downward

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

person Luke    schedule 24.10.2008