Giao diện người dùng kiểu Metro (WinRT) phù hợp dành cho các ứng dụng doanh nghiệp như thế nào?

Question

Nếu bạn đang ở điểm bắt đầu thiết kế một ứng dụng doanh nghiệp/doanh nghiệp mới, bạn có xem xét Phong cách Metro (WinRT) giao diện người dùng cho điều đó không?

Chúng ta cần:

• một ứng dụng máy tính để bàn phức tạp (WPF/MVVM) để chỉnh sửa nhiều hình thức phức tạp với hàng trăm lĩnh vực, một số hình thức/cửa sổ/trang có thể khá nặng, không gian quá trống trên màn hình phải được sử dụng một cách khôn ngoan. Truy cập tất cả các điều khiển bằng chuột và bàn phím. Sử dụng màn hình cảm ứng là có thể trong tương lai (nhưng tôi tin rằng < 5% khách hàng sẽ sử dụng nó).
• ứng dụng web để xem dữ liệu (đơn giản hơn nhiều so với ứng dụng dành cho máy tính để bàn)
• ứng dụng dành cho thiết bị di động cho iPhone/Android với các chức năng cơ bản cho các tác vụ ngoại tuyến trong trường.

Giao diện người dùng phải nhất quán trong tất cả các ứng dụng. Và tôi chắc chắn sẽ không thành vấn đề khi thiết kế các ứng dụng di động với Metro (và có thể là ứng dụng web). Nhưng ứng dụng dành cho máy tính để bàn có thể quá phức tạp đối với Metro (do các biểu mẫu và danh sách lớn).

Có ai đã xem các mẫu ứng dụng doanh nghiệp/doanh nghiệp có giao diện người dùng Metro không?

P.S. Tôi đã đọc nhiều bài viết từ MS (như Designing great productivity apps for Windows) và một số quan điểm tỉnh táo về mọi thứ (như How suitable is Windows 8 Metro for business developers?) và vẫn không thể tìm thấy cách tiếp cận tốt cho các biểu mẫu và danh sách lớn với giao diện người dùng Metro.

Muốn nhận một số thứ như Zune (trên hình bên dưới), nhưng có xu hướng nghĩ rằng điều đó là không thể.

Answer 1

Một hoặc hai năm trước, nhóm của chúng tôi được hỗ trợ bởi nhà thiết kế UI chuyên nghiệp để thiết kế lại một ứng dụng dựa trên biểu mẫu lớn mà chúng tôi đang phát triển (dựa trên WPF). Chúng tôi đã có cùng một vấn đề: khách hàng muốn hiển thị biểu mẫu với đôi khi hàng trăm trường biểu mẫu và lý tưởng là họ muốn xem tất cả các trường trên một trang.

Đề xuất của các chuyên gia là: thuyết phục khách hàng của bạn rằng đây là một ý tưởng tồi. Giới hạn số lượng trường trên mỗi màn hình có thể là một tá. Chỉ sau đó bạn sẽ có một giao diện người dùng có vẻ tốt và đó là dễ dàng để xử lý.

Vì vậy, tôi nghĩ rằng có thể có ứng dụng doanh nghiệp với các biểu mẫu phức tạp trong Metro, bằng cách chia các biểu mẫu phức tạp thành các phần đơn giản hơn. Tuy nhiên, có các tiêu chí khác, bạn cần cân nhắc:

• Khách hàng doanh nghiệp sẵn sàng nâng cấp lên Windows 8 như thế nào? Xem xét rằng một số lượng lớn khách hàng doanh nghiệp vẫn sử dụng Windows XP (và đôi khi ngay cả IE6), tôi mong họ nâng cấp rất chậm lên Windows 8.

• Khách hàng doanh nghiệp có thích Windows Phone 8 trên iOS hoặc Android không? Tôi không chắc chắn về Android, nhưng kinh nghiệm hiện tại của tôi là những người ra quyết định trong các công ty nghĩ chủ yếu về iOS khi tìm kiếm ứng dụng dành cho doanh nghiệp di động, đơn giản vì rất nhiều người trong số họ đã sở hữu thiết bị iPad/iPhone. Tôi nghĩ rằng nó có thể mất một thời gian cho đến khi Windows Phone 8 đi vào trọng tâm của họ.

Answer 2

Sự khác biệt lớn giữa Metro và Classic Windows được rằng Metro được tối ưu hóa cho màn hình cảm ứng, và do đó các điều khiển cơ sở cho việc phát triển windows 8 là lớn hơn và được thiết kế chủ yếu cho các tương tác cảm ứng (mặc dù họ có hỗ trợ chuột hợp lý) .

Biểu mẫu lộn xộn sẽ có vấn đề trong Windows 8 vì kiểu Metro mang lại giao diện người dùng gọn gàng. Điều này sẽ đặc biệt hiển nhiên trên một máy tính bảng nơi bàn phím ảo bật lên sẽ bao phủ một phần của màn hình và cửa sổ sẽ thực hiện thao tác cuộn để đặt hộp văn bản hiện đang tập trung (ví dụ) vào chế độ xem.

Tất cả các điều khiển của Metro có thể được tạo lại để bắt chước các đối tác cũ của chúng (vì vậy bạn có thể tạo màn hình giống như Zune như mô tả), nhưng sau đó bạn sẽ cần phải tự hỏi mình sẽ có lợi gì khi tạo ứng dụng Windows 8 nếu bạn không sử dụng hỗ trợ cảm ứng mới?

Làm thế nào, có lợi ích lớn khi viết ứng dụng của bạn trong Metro và đó là tính di động. Nếu bạn có thể thiết kế giao diện người dùng của Ứng dụng để duy trì làm ứng dụng Chuẩn Metro (trong khi tạo điều kiện cho yêu cầu của bạn), thì ứng dụng của bạn sẽ chạy trên Windows Desktop, Windows Tablet và Windows Phone với nỗ lực phát triển tối thiểu.

Với Windows 8 Mertro, bạn cũng có lợi thế là khởi chạy ứng dụng thông qua các tập đoàn riêng biệt 'App Store', nhưng điều này cũng có thể được coi là sự cản trở, tùy thuộc vào chính sách bảo mật của công ty bạn (mặc dù Apps có thể được triển khai outisde của cửa hàng ứng dụng tha bằng cách sử dụng powershell).

Answer 3

Triết lý thiết kế Metro chắc chắn là một điều thú vị. Không có nghi ngờ nó có thể được sử dụng để làm cho các ứng dụng khá tuyệt đẹp, nhưng nó chắc chắn không phải cho mọi ứng dụng.

Bỏ qua Windows Store Apps (hoặc bất cứ điều gì Microsoft đang kêu gọi họ trong tuần này), những khía cạnh độc đáo hơn của Metro là:

• Chrome-less
• Không gradient
• Không góc tròn trên biên giới hoặc containers
• Không hiển thị pixel phụ/chống răng cưa - mọi thứ sắc nét và sắc nét
• Không có bóng tối, độ trong suốt hoặc hiệu ứng kính *
• Bối cảnh nhạy
• mạnh sử dụng typography
• sử dụng nghiêm ngặt về màu sắc

* Microsoft thực sự phá vỡ này một vài lần - đặc biệt là với danh sách thả xuống.

Một ví dụ điển hình của Metro làm tốt trong một ứng dụng dữ liệu nặng truyền thống là Outlook 2013:

Nó dính vào các nguyên tắc cốt lõi của Metro, nơi dữ liệu là vua và UI phiền nhiễu nên được giữ ở tối thiểu. Nó cũng cho phép bạn xem làm thế nào cùng một dữ liệu có thể được trình bày qua triển vọng.com:

Và đây là cùng một trang web trên trang web điện thoại di động mà thể hiện sự nhất quán của giao diện trong khi làm cho dữ liệu quản lý cho một yếu tố hình thức hoàn toàn khác nhau:

Tuyên bố từ chối trách nhiệm: Cá nhân tôi không coi là liên lạc là một khía cạnh tiềm ẩn của thiết kế Metro - cảm ứng đòi hỏi phải cân nhắc thêm về những điều như kiểm soát cử chỉ, phản hồi đồ họa và khoảng cách kiểm soát. Mọi người sẽ không nghi ngờ gì về điều đó, nhưng sau đó không ai đồng ý khi nói đến thiết kế :)