2012-06-26 2 views
10

여러분이 새로운 엔터프라이즈/비즈니스 앱을 설계하는 출발점에 있다면 메트로 스타일 (WinRT) 사용자 인터페이스를 고려해 보시겠습니까?엔터프라이즈 응용 프로그램에 적합한 Metro style (WinRT) UI는 얼마나 적당합니까?

우리는 필요

  • 수백 필드가 여러 복잡한 형태를 편집하기위한 정교한 데스크톱 응용 프로그램 (WPF/MVVM)는, 어떤 모양/창/페이지가 꽤 무거운 될 수 있으며, 화면에 너무 여유 공간에있다 현명하게 활용하십시오. 마우스 및 키보드로 모든 컨트롤에 액세스 할 수 있습니다. 앞으로 터치 스크린을 사용할 수는 있지만 (나는 고객의 5 %가 그것을 사용할 것이라고 믿는다.)
  • 데이터를보기위한 웹 앱 (데스크톱 앱보다 훨씬 간단함)
  • 현장에서 오프라인 작업을위한 기본 기능이있는 iPhone/Android 용 모바일 앱.

모든 앱간에 UI가 일관되어야합니다. Metro (그리고 아마도 웹 앱)로 모바일 앱을 설계하는 것이 문제가되지 않을 것이라고 확신합니다. 그러나 데스크톱 애플리케이션은 Metro를 위해 너무 복잡 할 수 있습니다 (큰 양식 및 목록으로 인해).

Metro UI를 사용하여 엔터프라이즈/비즈니스 앱 샘플을 본 사람이 있습니까?

P. MS에서 많은 기사 (예 : Designing great productivity apps for Windows)와 멋진보기 (예 : How suitable is Windows 8 Metro for business developers?)를 읽었으며 Metro UI가있는 큰 양식과 목록에 대해서는 아직 좋은 방법을 찾을 수 없습니다.

Zune (아래 그림)과 같은 것을 얻고 싶지만 불가능하다고 생각하는 경향이 있습니다. enter image description here

+0

WinRT를 검토하고 데스크톱에 필요한 항목이 있는지 확인하십시오 (예 : System.Data가 없음). 그것은 나쁜 일의 좋은 일이 될 수있는 모래 상자 모양입니다. 데스크톱에서 모바일까지 일관된 UI가 제한적인 디자인 전제입니다. – Paparazzi

+1

DevExpress 동영상 (http://youtu.be/kgzvyBfuMkc?t=5m28s)의 Metro UI에 CRM 앱의 예가 있습니다. WinForms로 제작되었다는 것을 알고 있다면 나쁘지 않습니다. –

답변

7

1 년 또는 2 년 전 우리 팀은 전문 UI 디자이너의 지원을 받아 개발중인 대형 폼 기반 응용 프로그램 (WPF 기반)을 다시 디자인했습니다. 우리는 똑같은 문제가있었습니다. 고객은 때로는 수백 개의 양식 필드가있는 양식을 표시하려고하고 이상적으로는 모든 필드를 한 페이지에 표시하려고합니다.

전문가의 제안은 고객에게 이것이 나쁜 생각이라는 것을 납득시키는 것입니다. 화면 당 필드 수를 한 다스로 제한하십시오. 그래야만 사용자 인터페이스가 잘 보이고 처리하기 쉽습니다.

따라서 복잡한 양식을 더 단순한 부분으로 분할하여 Metro에서 복잡한 양식의 엔터프라이즈 앱을 가질 수 있다고 생각합니다. 그러나 다음과 같은 다른 기준도 고려해야합니다.

  • 기업 고객은 Windows 8 로의 업그레이드 방법을 원하십니까? 많은 기업 고객이 Windows XP (심지어 때로는 IE6)를 여전히 사용하고 있다는 점을 감안할 때 매우 천천히 Windows 8로 업그레이드 할 것을 기대합니다.

  • 기업 고객은 iOS 또는 Android에서 Windows Phone 8을 선호합니까? 안드로이드에 대해서는 잘 모르겠지만, 현재의 경험에 따르면 기업의 의사 결정권자는 모바일 엔터프라이즈 애플리케이션을 검색 할 때 iOS를 주로 생각합니다. 단순히 많은 사람들이 이미 iPad/iPhone 기기를 소유하고 있기 때문입니다. Windows Phone 8이 집중 될 때까지 꽤 시간이 걸릴 것으로 생각됩니다.

+1

한 페이지에 수백 개의 필드를 표시하는 것은 좋지 않습니다. 프로 그래 시브 공개와 같은 유용성 디자인 개념을 사용하여 많은 입력 필드가있는 양식을 디자인하십시오. –

+0

또한 Windows 8은 아직 초기 단계이며 1 년 정도 지나면 성숙하지 않을 것이라는 점을 감안할 때 Windows 7 및 XP 용 WPF, 특히 보수적 인 기업을 고수 할 것입니다. 내가 아는 한,이 응용 프로그램은 여전히 ​​Windows 8에서 destokop 모델 –

+0

@fmunkert로 실행될 수 있습니다. 많은 필드가있는 무거운 양식 중 하나에 대한 스크린 샷이나 자세한 설명을 제공해 주시겠습니까? 저는 WinRT 또는 다른 Win8 관련 API없이 Metro UI를 사용하여 WPF 응용 프로그램을 만들 수있는 DevExpress 구성 요소를 고수하고 있습니다. 심지어 WinXP SP3 사용자도이 작업을 할 수 있습니다. –

4

지하철과 클래식 윈도우 사이의 큰 차이는 메트로는 터치 스크린에 최적화되어 및 Windows 8을 개발하기위한 결과적으로 기본 컨트롤은 더 크고 (그들은 합리적인 마우스 지원이 있지만) 기본적으로 터치 상호 작용을 위해 설계되어 .

깔끔하게 정리 된 양식은 Windows 8에서 문제가됩니다. Metro 스타일은 정리 된 사용자 인터페이스를 선호하기 때문입니다. 이것은 팝업 소프트 키보드가 화면의 일부를 덮을 수있는 태블릿에서 특히 분명해질 것이며 창은 현재 집중된 텍스트 상자를보기 위해 스크롤하는 체조를 수행 할 것입니다.

모든 메트로 컨트롤은 레거시 대응 물을 모방하기 위해 재 템플릿 될 수 있습니다 (그래서 당신이 설명하는 것처럼 준 (Zune) 같은 화면을 만들 수 있습니다). 그러나 당신은 그 응용 프로그램을 만들 때 얻을 수있는 이점을 새로운 터치 지원을 사용하지 않을 경우 Windows 8?

Howver, Metro에서 앱을 작성하는 것이 큰 이점이며, 이식성입니다. 요구 사항을 충족 시키면서도 표준 Metro 앱으로 유지되는 App의 UI 디자인을 얻는다면 최소한의 추가 개발 노력으로 Windows 데스크톱, Windows Tablet 및 Windows Phone에서 실행해야합니다.

Windows 8 Mertro를 사용하면 기업의 핵심 '앱 스토어'를 통해 앱을 시작할 수 있다는 장점이 있지만 회사의 보안 정책에 따라 방해가 될 수도 있습니다 (Apps는 배포 할 수 있지만 powershell을 사용하여 앱 스토어의 outisde).

+0

나는 지하철 디자인이라는 개념을 이해하고 있지만, 설계자/개발자가 규칙에서 물러나야하는 많은 영역이 있다는 것도 이해합니다. Photoshop과 같은 앱은 Metro 규칙을 100 % 따르지 않습니다. 나는 비 엔터테인먼트 (non-entertainment) 어플리케이션이 규칙의 대안을 가진 많은 장소를 가지고 있다고 의심한다. 지금까지 경험이 많은 Metro 디자이너는 없으므로 우리는 그들을 가르쳐야합니다. 그래서 Metro UI를 사용하여 중소기업/엔터프라이즈 애플리케이션의 일반적인 문제에 대해 최소한의 절충안 및 해결 방법 샘플을 찾고 있습니다. –

3

메트로 디자인 철학은 확실히 흥미로운 것입니다. 꽤 멋진 응용 프로그램을 만드는 데 사용할 수 있다는 것은 의심의 여지가 없지만 모든 응용 프로그램에 가장 적합한 것은 아닙니다. 윈도우 스토어 앱을 (또는 Microsoft는이 주를 호출 무엇이든) 무시

, 지하철의 더 독특한 측면은 다음과 같습니다

  • 크롬없는 국경에
  • 아니 그라디언트에게
  • 없음 둥근 모서리 또는 용기
  • 없음 서브 픽셀 렌더링/앨리어싱 - 모든
  • 아니요 섀도우, 투명성이나 유리 효과 *
  • 선명하고 날카로운 인쇄술의
  • 상황에 맞는 감도
  • 강력한 사용
  • 색상의 엄격한 사용 Microsoft는 사실이 하나 몇 번 나누기 *

- 특히 드롭 다운 목록과를.

전통적인 데이터 무거운 응용 프로그램에서 잘 메트로의 좋은 예는 아웃룩 2013 :

Outlook 2013 Preview

그것은 데이터가 왕과 UI 산만가에 보관해야합니다입니다 지하철의 핵심 원칙을 고수 최소. 또한 Outlook을 통해 동일한 데이터를 표시하는 방법을 확인할 수 있습니다.COM :

Outlook.com

: 여기

Outlook.com

와는 완전히 다른 폼 팩터에 대한 데이터를 관리하면서 모양의 일관성을 보여과 느낌 모바일 사이트에서 동일한 사이트 면책 조항 : 나는 개인적으로 터치가 메트로 디자인의 암시 적 측면이 아니라고 생각합니다. 터치는 제스처 제어, 그래픽 피드백 및 제어 간격과 같은 것에 대한 추가 고려 사항이 필요합니다. 사람들은 의심 할 여지없이 그 디자인에 동의하지 않을 것입니다. 그러나 아무도 디자인에 관해서는 동의하지 않습니다.

관련 문제