Microsoft 이외의 플랫폼을 위한 터치스크린 기반 웹 사이트 개발 권장 사항

Question

우리는 현재 박물관의 키오스크에서 접속할 수 있는 웹사이트를 디자인하고 있습니다.사용자는 현재 정적 HTML 콘텐츠를 포함하고 있는 다양한 웹 페이지를 탐색할 수 있을 뿐만 아니라 플래시를 기반으로 하고 플래시 플레이어에서 실행되는 다양한 대화형 프레젠테이션을 살펴볼 수 있어야 합니다.사용자는 키오스크에서 간단한 등록 양식에 일부 정보를 입력해야 할 수도 있습니다.

현재 이 기능이 브라우저에서 실행되도록 설계하고 있는 이유 중 하나는 키오스크에서 액세스하는 동일한 사이트와 대화형 프레젠테이션을 웹에서도 사용할 수 있기 때문입니다.

이 디자인이 작동할지 아니면 단순히 웹용과 키오스크용으로 두 가지 버전의 콘텐츠를 구축해야 하는지에 대한 권장 사항이 있는 사람이 있습니까?터치스크린과 웹을 통해 사용할 수 있는 웹사이트를 구축해 본 경험이 있는 사람이 있나요?

이것은 나 자신과 우리 회사 모두를 위한 첫 번째 노력이므로 경고, 제안, 권장 사항이 있으면 크게 감사하겠습니다.

메모: 우리는 현재 Flash를 사용하여 대화형 콘텐츠와 서버 측 모든 것을 위한 LAMPP 스택을 구축하고 있으므로 SilverLight는 실제로 옵션이 아닙니다.

Answer 1

콘텐츠는 동일할 수 있지만 CSS 파일은 달라야 합니다.터치스크린 버전은 훨씬 더 큰 글꼴을 사용해야 하며 경우에 따라 터치스크린 키보드를 사용해야 하지만 일반 사용자에게는 필요하지 않습니다.

또한 홈 버전의 사이드바에서 박물관 이벤트를 홍보하여 ​​사람들이 박물관에 오도록 유도할 수 있지만 키오스크에서는 불필요한 방해가 될 수 있습니다.

또한, 가정 사용자를 위해 외부 웹사이트 및 리소스에 대한 링크를 원할 수 있지만 박물관 내부에서 외부 웹 검색을 방지할 수 있으므로 스타일시트를 사용하여 텍스트를 제거하지 않고 외부 리소스에 대한 링크를 비활성화할 수도 있습니다.

스타일시트 및/또는 JavaScript를 사용하여 별도로 유지하되 두 가지 콘텐츠 세트를 유지 관리할 필요가 없도록 콘텐츠 페이지를 동일하게 유지하십시오.

-아담

Answer 2

키오스크 설계는 90% UI 최적화입니다. 이것을 읽으십시오

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

Answer 3

UI에 브라우저를 사용하는 것은 좋은 결정처럼 보이며, 내가 걱정하는 것은 키오스크의 유용성을 방해하는 다른 앱이나 브라우저 팝업이 될 것입니다. 이를위한 가능한 완화는 Microsoft Webbrowser 컨트롤을 사용하여 고유 한 브라우저 앱을 만들어 팝업이 없도록하고 Kiosk 시스템에 로컬로 모든 파일을 저장하여 전원이 실행될 수 있도록하는 것입니다. (그리고 네트워크 접근성 오류가 사용자에게 표시되는 것에 대해 걱정할 필요가 없습니다).