터치 스크린에 맞게 확장 된 웹 인터페이스 디자인
복잡한 자바 스크립트 표기법과 수많은 플러그인이 헤더에 포함 된 시대는 지났습니다. 레이아웃 디자인은 디자이너가 사치스러운 개념을 만드는 것을 보았을 때 큰 발전을 이루었습니다. 터치 스크린 장치는 현재 디자이너와 개발자의 관점에서 가장 큰 관심을 받고 있습니다.
더 많은 사람들이 그 어느 때보 다 터치 스크린 지원 장치를 사용하고 있습니다. 여기에는 태블릿 PC 및 전체 휴대폰 운영 체제 목록이 포함됩니다. 이 장치는 모두 휴대 가능하며 대부분의 원격 위치에서 액세스 할 수 있습니다.
설계자들은 높은 수요에 부응하기 위해 신뢰성을 다시 확장하고 있습니다. 그러나 표준 웹 디자인과 터치 스크린 앱간에 전환 할 때 무엇이 중요합니까? 디자인 커뮤니티에는 미래의 터치 스크린 기술로 아이디어를 확장하는 데 사용할 수있는 새로운 트렌드가 많이 있습니다.
현재 적응 상태
애플의 아이폰과 iOS는 주류 미디어와 기술 전문가들 사이에서 자주 논의되지만 터치 스크린 기기 시장의 유일한 자본은 아니다. Hewlett-Packard, Samsung 및 Microsoft를 포함한 타사 제조업체에서 많은 휴대용 랩톱 및 태블릿 PC를 출시했습니다.
현재 개발자는 표준 키보드 및 마우스 외에 터치 스크린 인터페이스를 새로운 장치로 봐야합니다. 전통적으로이 작업은 JavaScript 호출 또는 미디어 쿼리로 완료되어 복잡한 반환 데이터가 발생합니다. 이러한 새로운 트렌드를 채택하는 더 좋은 방법이 있어야합니다.
예를 들어 Apple iPad를 Chrome을 실행하는 넷북과 비교하여 즉시 차이점을 알 수 있습니다. 화면 크기는 비슷하지만 완전히 다른 두 가지 수준에서 작동합니다. 운영 체제 자체도 크게 다르며 새로운 컴퓨팅 표준을 지원합니다.
이익과 손실
터치 스크린 인터페이스를 통해 우리는 많은 유연성을 얻고 있습니다. 디자이너는 버튼이나 스크롤 휠을 페이지의 어느 곳에 나 배치 할 수 있습니다. 터치 나 긋기로 모두 액세스 할 수 있기 때문입니다.
개발자는 응용 프로그램 기능을 완벽하게 제어 할 수 있습니다. iOS 개발 용 Cocoa SDK는 터치 스크린 상호 작용을 반영하는 많은 클래스를 제공합니다. 개발자는 각 상호 작용간에 여러 손가락과 압력 감지를 확인할 수 있습니다.
그러나 우리는 또한 우리가 좋아하는 많은 주요 디자인 자격 증명을 잃어 가고 있습니다. 예를 들어 완전 터치 스크린 기반 인터페이스를 처리 할 때 호버 상태가 필요하지 않습니다. 이는 사용자가 요소를 적극적으로 누를 때마다 동작 상태로 대체 될 수 있지만 목적은 크게 다양합니다.
마우스가 없으면 입력에 문제가 있습니다. 기능이 줄어들 기 때문에 페이지 사이를 스크롤하고 넘기는 것이 대부분의 앱보다 매끄럽고 쉬워야합니다. 키보드는 태블릿이나 휴대용 화면에 내장되어있어 사용자 경험에 새로운 느낌을줍니다.
공통 요소를 함께 그룹화
클러스터링 요소는 터치 스크린 앱의 레이아웃 디자인에서 좋은 방법입니다. 클러스터라는 말은 페이지의 모든 버튼과 요소를 오른쪽 상단에 넣는 것을 의미하지는 않습니다. 실제로 각보기에 대한 맵을 디자인하고 어떤 정보가 어떤보기에 가장 적합한 지 계산하십시오.
이는 사용자의 불만과 혼란을 줄입니다. 계정 정보를 업데이트하기위한 설정을 찾을 때 모든 것을 한 화면 패널에서 가장 쉽게 찾을 수 있습니다. 인터페이스는 일반적으로 마우스 상호 작용을 위해 설정되지만 웹 응용 프로그램에서도 마찬가지입니다.
하나의 긴 스크롤 데이터 콜렉션을 작성하는 대신 모바일 OS는 고유 한 장점을 제공합니다. 대부분의 터치 스크린 장치를 사용하면 각 앱보기 내에서 탭을 만들 수 있습니다. 이를 통해 사용자는 너무 많은 노력을 들이지 않고도 설정과 다른 데이터간에 간단하게 전환 할 수 있습니다. 이 탭 표시 줄은 클래식 웹 인터페이스의 페이지 링크로 가득한 탐색 표시 줄과 비교할 수 있습니다.
수많은 모바일 시스템 계획
귀하의 웹 사이트가 완전한 HTML5 및 CSS3 사양으로 작동하는 것을 고려하는 것이 좋지만 터치 스크린 인터페이스 간의 일반적인 문제를 해결하지는 못합니다. 페이지를 파싱하는 브라우저가 가장 일반적인 DOM 표준으로 실행되면 아무 문제가 없습니다.
데스크톱 용 Chrome은 구문 분석 엔진을 실행하지만 모바일 BlackBerry 또는 Opera Mobile의 엔진과는 크게 다릅니다. 실제로 각 주요 이동 통신사마다 많은 새로운 브라우저가 등장하고 있습니다.
iOS는 기본적으로 Safari와 함께 제공되지만 App Store에는 더 많은 것이 포함되어 있습니다. 모바일 플랫폼 용 모든 최신 소프트웨어 브라우저에는 HTML5 메모 및 속성을 확인하는 기능이 있습니다. 가능한 경우 주요 터치 스크린 사례에서 사이트의 각 레이아웃 버전을 테스트하는 것이 좋습니다. Android, Microsoft Mobile 및 BlackBerry 간의 브라우저는 모두 다르며 철저한 계획이 필요합니다.
물론 모든 사람을 항상 기쁘게하는 것은 불가능하지만 대다수는 확실히 도달 할 가치가있는 목표입니다. 각 방문 기기를 구문 분석하는 Google Analytics 또는 다른 통계 앱을 사이트에 설치하십시오.
Google은 귀하의 웹 사이트에 가장 자주 방문하는 모바일 브라우저 및 평균 방문 페이지 수와 같은 매우 상세한 보고서 데이터를 제공합니다.
돌을 돌리지 마십시오
이것은 일반적인 설계 지식으로도 결합 될 수 있지만 모든 요소가 각 터치 스크린 레이아웃에 적합하도록합니다. 프로토 타입 또는 모바일 인터페이스를 되돌아 보면 디자이너로서 종종 사물을 변경하고 위치를 변경하려고합니다.
터치 스크린 인터페이스를 사용하면 자유로운 움직임을위한 공간이 훨씬 줄어 듭니다. 따라서 가장 잘 작동하지만 여전히 가장 쉬운 사용자 경험을 제공하는 레이아웃을 찾아야합니다.
어려울 수 있지만 하루에 언제 전화해야하는지에 대한 지식과 직감과 디자인 감각을 신뢰하십시오.
친구 나 가족 몇 명에게 디자인을 테스트 해보십시오. 외부 관점에서 응용 프로그램과 사용자 인터페이스를 빠르게 데모하거나 실행하면 도움이되는 피드백을 얻을 수 있으며 새로운 시각에서 비평을받을 수 있습니다.
결론
터치 스크린 장치가 계속해서 침략함에 따라 앱 개발이 급증 할 것입니다. 애플의 iOS 기기뿐만 아니라 구글과 마이크로 소프트도 모바일 웹에 대한 점유율을 모으기위한 캠페인을 시작하고있다.
이러한 각 장치 간의 비교는 다양하며 모든 설계자와는 다릅니다. 이 주제에 대한 더 많은 아이디어를 확인하려면 터치 스크린 웹 사이트에 대한 생각을 확장하여 무엇이 있는지 확인하십시오. 터치 스크린 웹 인터페이스가 발전하고 있으며 디자인 커뮤니티가 발전함에 따라 이전과는 다른 혁신적인 UI 영감을 얻을 수 있습니다!
