최근 이슈화 되고 있는 Metro UI에 대한 내용 공유합니다.
메트로 UI란 ?
마이크로소프트에서 윈도우 폰 7에 적용한 사용자 인터페이스로 사각형 타일 모양의 버튼을 기반으로 한다.
즉 아이콘과 같은 역할을 하는 것으로 프로그램들이
기존의 윈도우 방식으로 구동되는 것이 아니라 전체 화면을 가득 채우는 방식으로 구동된다.
Metro UI의 주요 특징 및 기능
·
전체 화면을 채워서 산만하지 않고 몰입할 수 있다.
·
Metro 스타일 앱은 함께 작동하여 앱 간에 컨텐츠를 쉽게 검색, 공유 및 전송가능
·
사용자가 인터넷에 연결하면 앱에 최신 컨텐츠가 표시
·
연결된 계정을 통해 앱을 다운로드하여 모든 Windows 장치에서 사용가능
·
복잡하지 않고 직관적인 메뉴 구성과 안정적인 시스템으로 사용자들에게 새로운 환경을 제공
일반적으로 터치 기반으로 만들어진 직관적인 UI이다 보니, PC에서 보다는 터치방식의 디바이스환경에서 적합한
것 같다.
(Microsoft) Metro 스타일 디자인 원칙을 적용하여 멋진 앱을 만들 수 있는 방법 설명
영상
Metro 스타일 디자인 활용의 장/단점
장점
Metro UI구조를 갖춘 환경에서 컨텐츠는 심장과 같은 역할을 하며 컨텐츠 를 배열하는 것이
Metro UI 디자인의 시초
1. 레이아웃 정리 및 열기
가장 관련 있는
요소만 화면에 표시하여 산만하지 않고 컨텐츠에 몰입할 수 있게 직관적으로 배열
줄, 상자, 불필요한 그래픽 효과(예:흐리게,그라데이션) 등을
제거하여 컨텐츠에 안정감을 부여
화면에 지속적으로
표시되는 탐색(예:탭)을
제한하여 사용자가 현재 컨텐츠에 집중하고 다른 탭으로 산만해지지 않게 집중하길 도와주는 구조
2. 깨끗한 정보 계층
사용자가 콘텐츠 계층 구조를 쉽게
이해할 수 있도록 Metro 디자인 언어는 깔끔하고 보기 좋은 입력 체계로 되어 있다.
줄 및 상자 대신 입력 체계를
사용하여 계층 구조 설정을 도와준다.
3. 빠르고 유연함
일정한 힘으로 수행하는 사용자 동작에 빠르게 반응
4. 목적이 있는 애니메이션
체계적으로 디자인된 애니메이션은 앱에 생명을 불어넣고 환경을 전문적이고 돋보이게 한다.목적이
있는 애니메이션을 사용하여 환경을 시각적으로 연결하여 스토리를 구성하며, 유동 인터페이스를 통해 모든
항목을 가져오고 보낼 수 있다.
5. 터치용 디자인
Metro 스타일 앱은 처음부터 터치식으로 디자인되었기 때문에 편의와
인체 공학을 염두에 두고 손과 손가락으로 뛰어난 결과를 얻을 수 있도록 디자인 되었다.
터치하면 시각적 피드백이
즉시 저공 되므로 원하는 대상을 터치했는지 확인 가능
단점
문제가
되는 부분 하나는 메트로UI에 마우스와 키보드를 연결했을 때 나타난다.
윈도8은 터치스크린이 없는 상황에서도 메트로UI에 초점을 둔 조작체계를
제시한다.
여전히
다루긴 어렵지 않지만 호불호가 나뉜다.
마우스와
키보드를 연결한 메트로UI가 어색한 이유는 사용자들이 그 장치들을 더 복잡한 작업에 써온 탓으로 보인다.
어쨌든 MS는 사용자들이 기존 데스크톱 기반 작업 가운데 메트로UI 환경으로
가져올 수 있는 영역이 있다고 판단한 듯하다.
실제로
모바일 기기로 일부 업무용 또는 정보관리 소프트웨어 활용이 증가 추세다.
기존
데스크톱 기반 애플리케이션을 쓸 수 있도록 지원하면서, 간소화할 수 있는 부분에 대해서는 메트로UI를 쓰도록 하겠다는 것으로 보인다.
그러나
앱 개발자들이 메트로UI에서 최적화된 터치스크린 경험을 제공하는데 집중해야 할지, 마우스와 키보드 사용 환경을 함께 보장해야 할지 불분명하다.
또 윈도우 Metro UI가 기반으로 된 망고폰과 같은 경우에는 다른 스마트폰들과는 달리
앱스토어가 아직 활성화가 많이
되지 않아 사용자들에게 보다 다양한 경험을 못하고 있는 것이 사실이다.
이에 따른 앱 개발에 더욱 힘써야 할 것이다.
Metro 스타일 적용 예
- store
프로그램 역시 메트로 UI에서는 다른 상태로 구동된다.
인터넷 익스플로러 10은 메트로 UI에서는 메뉴 기능이 하단에 위치하는 전체 화면으로, 윈도우 상태에서는 인터넷 익스플로러 9과 비슷한 인터페이스를 갖추고
있다.
윈도우 8용 앱을 내려받아 설치할 수 있는 공간이다. 비메오, 에버노트, 컷 더 로프 등 몇몇 앱이 눈에 띈다.
- 망고폰'HTC 모짜르트'
스마트 폰으로 엑셀. 파워포인트까지 편집이 가능
엑셀과 파워포인트 파일을 편집
간단한 작업수행은 물론이고 기존
스마트폰의 액셀 사용에 불편함이 있었던
한글지원도 완벽함.
아이콘형태가 아닌 박스 형태로 된
버튼이기 때문에 잘못 누르게 될 접근성 부분에 있어서는 가능성이 매우 낮다.
Windows Phone에서는 한 번의 터치로 Facebook, Twitter 및 LinkedIn을 사용할 수 있는 피플 허브가 있어, 이를 통해 친구들의 근황을 알 수 있다.
- 사진허브기능
사진 허브에서 휴대폰으로 촬영한 사진을 감상하거나, 온라인
앨범을 넘기면서 보거나 친구의 최근 스냅사진을
한 공간안에서 확인 할 수 있다.
댓글 없음:
댓글 쓰기