Vào ngày 29/10 vừa qua, Microsoft đã chính thức phát hành Windows Phone 8 - hệ điều hành mới nhất của hãng dành cho các thiết bị di động. Với nhiều người, WP8 không chỉ là một làn gió tươi mát thổi vào thị trường di động vốn đã chịu sự thống trị quá lâu của hai nền tảng iOS và Android, mà nó còn giúp chúng ta có một quan niệm khác về các icon, các widget nhàm chán - vốn tĩnh lặng và trơ ra một cách vô hồn - với giao diện Modern UI gồm nhiều LiveTiles chuyển động không ngừng nghỉ ở màn hình Start.
Vậy đâu là lý do khiến Microsoft theo đuổi và áp dụng "triết lý" nhiều LiveTiles với các kích cỡ khác nhau lên các smartphone WP8?. Câu trả lời đó là họ muốn Start Screen được cá nhân hoá nhiều hơn nữa, trở nên gần gũi với người dùng nhiều hơn. Nhưng đó chưa phải là lời giải đáp đầy đủ, còn nhiều điều thú vị hơn nữa đằng sau các "viên gạch sống" đó. Josh Phillips, quản lý đội ngũ thiết kế giao diện cho WP8, sẽ tiết lộ cho chúng ta trong bài viết này.
Màn hình Home Screen tốt nhất hiện nay
Bạn có lẽ đã quá quen thuộc với giao diện Modern UI trên Windows Phone - thiết kế từng đoạt giải vàng do hiệp hội các nhà thiết kế công nghiệp Mỹ trao tặng. Còn nếu chưa từng được biết đến cái tên Modern UI trước đó, tôi muốn nhấn mạnh một điều rất quan trọng - điều mà khiến cho giao diện trên các máy WP khác biệt hoàn toàn so với phần còn lại: đó là hệ điều hành Windows Phone đã thay thế các icon tĩnh lặng, bị động trên màn hình Home Screen của những nền tảng khác bằng những ô vuông - mà theo chúng tôi đó là sự sáng tạo vượt bậc - được gọi là Live Tiles. Luôn luôn cập nhật, tuỳ biến theo thời gian thực, những Live Tiles sẽ liên tục cung cấp hình ảnh, thông tin mà người dùng quan tâm.
Trên Windows Phone, màn hình Start không chỉ là nơi để khởi chạy các ứng dụng. Đó cũng là vị trí bạn có thể "pin" (pin to start - đưa ra ngoài Start Screen) danh bạ của người thân ra ngoài màn hình chủ để có thể thấy được các status cập nhật từ người ấy, hay bạn cũng có thể pin ứng dụng CNN để đọc tin tức nổi bật hàng ngày. Bất kể đó là người, ứng dụng, album ảnh, hoặc một bài nhạc nào đó - Windows Phone sẽ biến tất cả những gì bạn yêu thích trở thành một phần của chiếc điện thoại - phần mà chúng ta sẽ thấy và sử dụng nhiều nhất. Đó chính là những điều làm cho màn hình Start trên các máy Windows Phone trở nên khác biệt: hoàn toàn hợp lý, cá nhân hoá, và vô cùng độc đáo.
Bởi vì những đội ngũ kỹ sư và thiết kế bắt đầu thảo luận làm sao để khiến cho Start Screen trên Windows Phone 8 trở nên độc đáo hơn nữa, tuyệt vời hơn nữa, nhiều chủ đề khác nhau đã nảy sinh.
Đầu tiên, Live Tiles rất thông dụng bởi chúng "sống" và liên tục chuyển động khi có bất cứ cập nhật nào, vì vậy chúng tôi nghĩ ngay đến cách cố gắng "nhồi nhét" thật nhiều ô vuông vào màn hình Start trên WP8. Thứ hai, người dùng WP đa số đều quan tâm đến nội dung bên ngoài màn hình chính, hơn là những ứng dụng trong danh sách menu, vì vậy chúng tôi sẽ làm cho các Live Tiles trở nên nhiều hơn, và dễ dàng quan sát hơn nữa. Thứ ba, đó là trả lời cho câu hỏi làm sao để màn hình Start trên WP8 trở nên khác biệt hơn nữa.
Cuối cùng, mọi người ai cũng thích trang trí chiếc smartphone của mình với nhiều màu sắc khác nhau - và Live Tiles trên WP8 sẽ giúp bạn điều đó với 20 lựa chọn về màu sắc.
Windows Phone 8 cho phép bạn cá nhân hoá chiếc smartphone của mình nhiều hơn nữa
Đưa nhiều Live Tiles hơn nữa vào màn hình Start trên WP8
Bên trái là màn hình Start Screen, bên phải là list ứng dụng
Đặt một chiếc điện thoại Windows Phone bên cạnh một chiếc iPhone hay Android nào đó, sẽ có một điều bạn dễ dàng nhận ra đó là có rất nhiều khoảng trống vô nghĩa xuất hiện trên giao diện chính của những nền tảng kia, trong khi hãy nhìn sang WP8, bạn sẽ thấy chúng tôi đã tận dụng các khoảng trống đó hiệu quả như thế nào. So sánh với những smartphone khác, WP8 có rât ít những thứ rườm rà như hiệu ứng đổ bóng, hiệu ứng ánh gương. Đây không phải một sự thiếu sót, đơn giản bởi chúng tôi muốn mang đến một cái nhìn cân bằng hơn, gọn gàng hơn.
Trên Windows Phone 8, chúng tôi - đội ngũ thiết kế - muốn lượt bỏ đi càng nhiều khoảng trống càng tốt, bởi như vậy nội dung hiên thị ngoài màn hình chủ sẽ nhiều hơn. Đây cũng chính là lý do vì sao dấu mũi tên đã được thay đổi vị trí (di dời xuống dưới cùng bên phải) và cột dọc màu đen bên phải vốn chiếm một diện tích nhất định trên WP7.5 đã không còn tồn tại trên WP8. Sự thay đổi này mang rất nhiều ý nghĩa bởi nó đã mang lại nhiều khoảng không gian hơn cho việc hiển thị nội dung, thông tin cũng như nhiều ô vuông Live Tiles hơn.
Thực tế, ban đầu chúng tôi đã tính đến việc loại bỏ dấu mũi tên này đi. Tuy nhiên khi tiến hành thử nghiệm đối với một nhóm người - trong đó yêu cầu họ làm quen với giao diện mới trên WP8 - một số người đã gặp khó khăn trong việc tìm kiếm danh sách ứng dụng - vốn chỉ cần vuốt nhẹ sang trái để mở.
Chính vì thế chúng tôi đành phải quay trở lại bản vẽ thiết kế, thử nghiệm nhiều vị trí khác nhau để đặt dấu mũi tên đó. Nếu đặt ở trên cùng, màn hình Start sẽ trở nên lộn xộn và mất cân xứng, nhóm ngay lập tức nghĩ đến vị trí dưới đáy, mặc dù vị trí này sẽ khiến cho nhiều người lầm tưởng Microsoft đã xoá mất nút mũi tên, nhưng nếu theo thói quen vuốt từ dưới lên, dấu mũi tên lại hiện ra và đó sẽ là gợi ý với những ai mới tập sử dụng Windows Phone rằng: còn nhiều thứ thú vị hơn nữa đằng sau Start Screen. Và kết quả đúng như mong đợi, trong lần thử nghiệm kế tiếp, không một ai gặp khó khăn trong việc tìm kiếm danh sách ứng dụng.
Tuỳ chỉnh kích thước Live Tiles trên WP8
Màn hình Start của CEO Microsoft, Steve Ballmer gồm các ô Live Tiles với nhiều kích thước khác nhau
Một điều tuyệt vời trên hệ điều hành Windows Phone nói chung đó là nó cho phép người dùng "pin to start" tất cả những gì mình muốn ra ngoài màn hình Start. Tuy nhiên, một số Live Tiles bạn sử dụng thường xuyên, số khác thì ít hơn. Vậy tại sao WP7.5 lại có thể điều chỉnh chúng có kích thước bằng nhau? vì như vậy sẽ không thể nhấn mạnh cái nào quan trọng hơn, cái nào dùng nhiều hơn.
Đừng lo, WP8 sẽ khắc phục tình trạng này.
Trên Windows Phone 8, người sử dụng có thể tuỳ ý điều chỉnh kích thước các viên gạch Live Tiles, vì vậy bây giờ bạn sẽ không chỉ có thể đặt chúng ở mọi nơi tuỳ thích, mà còn có thể làm cho chúng to hơn hay nhỏ hơn chỉ với thao tác giữ và chạm.
Một số chuyên gia thiết kế tự hỏi: vì sao giao diện Modern UI trên WP8 lại được chia thành 4 cột mà không phải là một con số khác? Trải qua nhiều tháng kiểm tra và thử nghiệm hàng trăm kiểu thiết kế (một quá trình vừa tạo nên sự hứng khởi, nhưng cũng không ít phần mệt mỏi). Chúng tôi nghiệm ra một điều rằng: 3 cột sẽ không đủ linh hoạt để truyền tải thông tin đến người sử dụng, 5 cột thì lại khiến cho các Live Tiles trở nên quá nhỏ bé, vô tình tạo cảm giác gò bó và khó chịu khi ta thực hiện thao tác cảm ứng như chạm hay rê, cũng như chữ trên đó quá nhỏ để có thể đọc. Và cuối cùng, như các bạn đã thấy, số 4 vẫn là sự lựa chọn tối ưu. Mỗi ứng dụng tương ứng với mỗi Live Tiles đều hỗ trợ kích thước vừa và nhỏ, nhưng đối với một số ứng dụng hiển thị những thông tin quan trọng và cần thiết như Calendar, People hay Mail sẽ có thêm tuỳ chỉnh kích thước lớn.
Thêm nhiều màu sắc hơn
Windows Phone 8 cung cấp cho chúng ta lựa chọn qua lại giữa 20 màu sắc khác nhau
Giao diện trên Windows Phone luôn luôn bao gồm nhiều màu sắc hơn bất kỳ chiếc smartphone nào khác bởi vì chúng tôi nghĩ rằng đó là một trong những cách tốt nhất để thể hiện bản thân, cá tính của mình. Và chỉ có một điều tốt hơn những màu sắc tuyệt vời này là "nhiều màu sắc tuyệt vời hơn nữa". Đây là nguyên nhân nhóm thiết kế đã mang lên WP8 20 màu sắc khác nhau - gấp đôi so với con số 10 trên WP7.5. Bên cạnh việc bổ sung thêm một số màu mới như màu xanh thẩm, vàng, chàm, WP8 còn có thêm lựa chọn các màu như màu bạc, màu như trái olive hay màu hoa cà. Những màu sắc này sẽ không chỉ xuất hiện trên màn hình chủ, người dùng cũng có thể thấy nó trên bàn phím ảo, hay phím gọi điện thoại.
Việc chọn lựa các màu sắc này thoáng qua nghe có vẻ rất thú vị và vui, nhưng thực sự đội ngũ thiết kế đã bỏ ra hàng giờ đồng hồ để chắt lọc nên những màu sắc thực sự hiệu quả trong việc tạo thiện cảm với người dùng cũng như cho độ tương phản tốt với các Live Tiles trên Start Screen. Để hiểu rõ hơn sự phức tạp của công việc này, các bạn phải hiểu rằng chúng tôi phải tốn rất nhiều công sức để làm sao phối màu một cách tốt nhất, không thể làm cho dòng chữ trắng trên các Live Tiles trở nên khó đọc, hay không thể thiết kế dẫn đến sự xung đột giữa nền màu đen và trắng của một chiếc điện thoại với theme tối hoặc sáng.
Hãy xem màn hình Start Screen của tôi !
Đó là toàn bộ câu chuyện đằng sau việc thiết kế nên giao diện Modern UI trên Windows Phone 8. Thật là thú vị khi biết rằng mỗi người đều có một màn hình Start Screen khác nhau. Chỉ cần liếc mắt nhìn cách sắp xếp, màu sắc các Live Tiles trên màn hình Start của một người nào đó, bạn sẽ biết được tính cách của người đó.
Và cuối cùng, hãy nhìn vào màn hình Start Screen (phía trên) của tôi. Tin tôi đi: không một ai có thể có hai màn hình Start giống nhau đâu !
Read more: http://www.digispace.vn/2012/11/qua-trinh-phat-trien-giao-dien-start.html#ixzz2H0c7koYS
---------------------------------------------------------------------------------------
No comments:
Post a Comment