UI UX là cách gọi tắt của User Interface (giao diện người dùng) và User Experience (trải nghiệm người dùng). Đây là 2 yếu tố rất quan trọng trong việc thiết kế 1 website.
“Developer phải coi mỗi sản phẩm như đứa con của mình và dành cho nó những điều tốt đẹp nhất. […]chăm chút từ lúc mang thai cho nó khỏe mạnh. Nó ra đời vẫn phải chăm sóc để nó nhìn sạch sẽ, cư xử với người khác lễ phép. Cũng giống như từ khâu code đã phải clean, làm ra sản phẩm phải có UI tốt, UX tốt, ít bug, ít crash.”
Định nghĩa của về UI, UX là gì?
UI là cái người dùng nhìn thấy. UX là cách người dùng sử dụng website/app đó. 1 website/app có thể có UI đẹp nhưng UX tệ.
Ví dụ như 1 khách hàng tiềm năng đến website của bạn quyết định muốn sign-up, nhưng button “Sign-up” được “giấu” rất kỹ ở giữa muôn vàn thông tin khác.
Khi tìm ra button đó rồi thì quá trình sign up yêu cầu cung cấp quá nhiều thông tin không cần thiết.
Ngay lập tức, khách hàng tiềm năng đó bắt đầu “Nghĩ.”
Là chủ website/app, bạn muốn khách hàng của mình sign-up/mua hàng mà không bao giờ phải “Nghĩ!”
Ví dụ về 1 website ít chữ và có UI đẹp, bên cạnh Apple?
Slack hoặc Crashlytics: Ít chữ, button sign-up rất rõ ràng, nổi bật.
Nếu developer muốn bắt đầu học về UI/UX thì nên làm gì đầu tiên?
Bắt đầu với quyển Don’t Make Me Think để có 1 căn bản tốt. Hãy nhớ: website/app tốt giúp người dùng sử dụng mà không cần phải nghĩ!
Những website để lấy ý tưởng/cảm hứng cho UI/UX:
- //inspired-ui.com/
- //inspirationmobile.tumblr.com/
- //www.pttrns.com/
- //www.pinterest.com/efreedman/ux-mobile-design-inspiration/
Kiến thức UX căn bản: //www.uxapprentice.com/
Kiến thức UX nâng cao: //uxmastery.com/
Lập trình viên thuần code có cần quan tâm đến UI/UX hay không?
Chắc chắn là có.
Các bạn lập trình viên trẻ hoặc quen làm bên outsource thường rơi vào cái bẫy là code sao cho nó chạy được thôi. Bạn coder sử dụng được thì user nghiễm nhiên cũng sử dụng được.
Cái bẫy ở chỗ em là người code từng dòng của sản phẩm đó, dĩ nhiên em sử dụng được tốt. Nhưng nếu cho 1 user ở bên ngoài vào thử, mọi chuyện sẽ hoàn toàn khác. Lúc đó em mới thấy 1 sản phẩm tốt không phải chỉ tốt ở khâu code, mà còn phải hoàn chỉnh cả UI/UX.
Hiện nay, các công ty thiết kế website, công ty lập trình phần mềm cũng rất chú trọng đến UI/UX và cần những lập trình viên có tư duy mạnh mẽ về UX/UI để có được nhiều sản phẩm hoàn hảo ra thị trường.
Không hiểu biết về UI/UX ảnh hưởng như thế nào đến công việc lập trình?
Một ví dụ rất hay xảy ra là khi các bạn UI UX Designer làm xong phần design, đưa cho coder thì bạn coder hay comment là design như thế này khó quá, không thể làm được và yêu cầu thay đổi design để code dễ hơn.
Tuy nhiên, không phải cứ dễ code hơn là hay hơn. Vì bạn coder không hiểu về UI/UX nên không hiểu vì sao design nó cần như thế, gây ảnh hưởng đến sản phẩm cuối cùng.
Nên làm theo quá trình sau:
- UI UX Designer cho ra 1 prototype trước,
- Coder nhảy vào comment về mặt kỹ thuật,
- Sau đó UI UX Designer mới làm bản hoàn chỉnh.
Designer phải hiểu code để cho ra các code-driven design.
Coder phải biết UI/UX để hiểu vì sao design cần phải như vậy.
Vậy nếu biết về UI/UX sẽ có lợi như thế nào cho developer?
Nó sẽ giúp bạn suy nghĩ theo hướng làm thế nào để user dễ sử dụng nhất, từ đó làm chủ sản phẩm.
Coder phải hiểu và làm chủ sản phẩm thì cái anh ta code ra mới chất lượng được. Điều này là rất quan trọng cho mọi developer muốn phát triển lên.
Làm thế nào để làm chủ được sản phẩm?
Từ khâu code đã phải clean, làm ra sản phẩm phải có UI tốt, UX tốt, ít bug, ít crash.
Rất khó để tìm được các bạn quen làm outsource mà có được cái sense of ownership này.
Giản lược từ itviec.com
Japan IT Works
