UI/UX Design, Những điều cần biết .Part 3

Xin chào các bạn !

Bài viết hôm nay mình sẽ đi sâu hơn một chút về UX

Khi nhận bất cứ dự án nào bạn và người trong nhóm cần thảo luận về quy trình hoạt động của sản phẩm, bắt đầu đi từ tổng quát , dựng lên một mô hình hoạt động đơn giản trước rồi mới đến nhưng chi tiết nhỏ hơn, và có thể thêm vào trong quá trình làm việc, nhưng trước hết phải có 1 cái khung xương cơ bản đã ( đôi khi khách hàng họ đã xậy dựng trước cho chúng ta thì lúc đó chúng ta chỉ việc tiến hành thôi )

Một ứng dụng tốt là ứng dụng khi người dùng cầm và sử dụng một cách dễ dàng, dễ hiểu và dễ điều khiển, đừng bắt người dùng phải vắt óc để hiểu cách sử dụng như thế nào

Xây dựng từng màn hình và thao tác chuyển đổi giữa các chức năng một cách nhanh gọn nhất có thể, phác thảo ra các màn hình và chức năng cơ bản của màn hình đó cần có



Từ màn hình 1 có chức năng gì và nó sẽ dẫn tới màn hình nào có chức năng gì, xây dựng mà đi lần lượt, Đừng coi thường việc này vì nó giúp bạn sau này khi thiết kế và code không phải ngồi suy nghĩ à cái này nó đi đến đâu, ở đấy có cái gì như thế rất mất thời gian và nó sẽ khiến đầu bạn rối tung lên

NHanh nhất là bạn lôi bút chì ra và phác thảo nó ( nếu cần 1 spec đẹp đẽ để cả nhóm và khách hàng xem thì hãy làm 1 mockup đẹp sau )



Sau khi xây dựng tổng thể một bộ khung rồi, chúng ta tiếp tục đi vào nhưng chi tiết nhỏ trong từng màn hình

Thật ra thì làm nhiều rồi bạn sẽ có kinh nghiệm thôi

Nếu nói chi tiết ra thì có rất nhiều thứ mà nói mãi ko hết vì thế mình sẽ nói một cách ngắn gọn nhất

1. Phải dễ nhìn thấy, dễ thao tác

Tại sao các button và menu nó luôn nằm ở trên cùng hoặc dưới cùng vậy: vì nó dễ nhìn dễ ấn, nếu để nó ở giữa màn hình thì thật là thảm họa

Đặc biệt làm ứng dụng trên mobile các button chức năng ưu tiên để bên dưới: vì sao ?

Vì thử tưởng tượng chúng ta cầm điện thoại trên tay, ngón tay cái của chúng ta có thể với được tới đâu trên màn hình, và nếu thật sự dùng 2 tay thì vị trí dưới cùng hoặc trên cùng luôn luôn là vị trí dễ thao tác nhất mà ngón tay di chuyển tới ko cần phải suy nghĩ

Đừng ngại ngần thêm cho to font chữ để nhấn mạnh 1 title, điều đó là cần thiết

2. Dễ dàng tìm kiếm

ví dụ thiết kế menu:

thay vì việc vào 1 chuyên mục rồi lại “tap” vào mục con rồi lại “tap” tiếp vào mục con nữa, rồi lại “tap” tiếp vào mục con nữa , để tìm kiếm thông tin , trời ơi muốn đập máy

sao không làm thế này



Sub menu ra đời là quá tiện dụng phải không

Thay vì ngồi tap từng cái một để đến đúng chỗ mình cần thì sao ko dùng tính năng vuốt của smart phone , thật sự tính này vuốt này quá tuyệt vời, chúng ta có thể bỏ tương đối các nút Back hay next

Đừng làm ứng dụng mà nó có cả chục màn hình khác nhau, càng ít càng tốt

Không chỉ riêng phần sub menu này vì nó chỉ là ví dụ của mình thôi

Ý nghĩ cuối cùng là làm sao để người dùng thao tác càng ít càng tốt, hãy chỉ một chạm, một vuốt là tới nơi cần tìm

3. Khó khăn

Luôn thảo luận với nhóm: đôi khi những ý tưởng thật tuyệt vời của bạn coder sẽ không hoặc chưa thể thực hiện nổi, chấp nhận và tìm một phương án khác tối ưu hơn, dealine đôi khi khiến chúng ta không thể sáng tạo hết được

Luôn update nhưng thay đôi vào spec của cá nhân hoặc nhóm nếu bạn làm dự án lớn điều đó là cần thiết để dễ quản lý hơn

Giờ thì bạn hãy bắt tay vào thiết kế đi thôi

no1creative.wordpress.com​