Thiết kế UX – UI

Hầu như trong mỗi bài viết của My Website, đều nhắc đến công nghệ thiết kế UX/ UI kèm theo một đôi dòng phân tích đơn giản. Nhưng đôi dòng đó lại không đủ để khách hàng của chúng tôi hiểu hết tầm quan trọng của kỹ thuật này trong thiết kế website và đặc biệt là khâu Cắt HTML, chưa thể phân biệt giữa UX và UI khác nhau như thế nào.

Chính vì vậy, trong bài viết này, tôi muốn chia sẻ nhiều thông tin chi tiết hơn để bạn hiểu thiết kế UX/ UI trên một dự án website hoặc lập trình smartphone là gì, công việc cụ thể của người thiết kế là gì.

Thiết kế UX là gì – Thiết kế UI là gì?

                                                                                                  

Thiết kế UX UI

Tôi sẽ bắt đầu bài viết bằng cách giới thiệu lại định nghĩa của hai thuật ngữ tưởng như quen mà làm như không quen này.

UI Design là viết tắt của User Interface Design – Tức là thiết kế giao diện người dùng

UX Design là viết tắt của User Experience Design – Là thiết kế tối ưu trải nghiệm người dùng hay ( tối ưu user experience )

Chỉ vậy thôi???

Nếu vậy thôi thì đơn giản quá. Ai cũng dịch được cả.

Nói về khái niệm Thiết kế chuẩn UX UI, không chỉ người ngoại đạo không liên quan gì tới lập trình, mà với chúng tôi, những kẻ ăn nằm với nghệ thuật làm đẹp cho đời này cũng là khái niệm tương đối mơ hồ. Nói mơ hồ không phải là không biết, nhưng để nói rõ cụ thể trắng ra trắng, đen ra đen, ra ngô ra khoai thì không có cái định nghĩa nào ngoài hai dòng tôi ghi ở trên.

Mỗi ngày người thiết kế UX, UI phải thực hiện và quản lý rất nhiều công việc khác nhau chỉ mong một điều nhỏ nhoi là khách hàng hài lòng, thoải mái khi thao tác trên website của mình mà thôi. Cụ thể sẽ như thế này:

Thiết kế UX là gì?

Thiết kế trải nghiệm người dùng

Thiết kế UX gắn liền với cảm nhận người dùng đối với một sản phẩm nào đó không nhất thiết là công nghệ. Thiết kế UX trong thiết kế website là sự tiếp nối của thuật ngữ này vì sự xuất hiện lần đầu tiên của UX để phục vụ cuộc sống của con người. Tôi lấy một ví dụ trong đời sống trước để bạn dễ hình dung như cái ghế thì ngồi sao cho êm ái nhất, thoải mái nhất, cho nên các chuyên gia đã tạo ra những chiếc ghế có đệm êm, có tay vịnh, ngả lưng vừa phải,…

Còn trên website, đó là làm thế nào để người dùng thao tác đơn giản nhất, trên Smartphone thì phải lướt “sướng” nhất, làm thế nào để nhu cầu tra cứu, liên lạc, chia sẻ thuận tiện nhất.

Các chuyên gia UX không phải là một chuyên gia đồ họa. Họ không làm việc với các công cụ thiết kế mà làm việc nhiều hơn với con người, những người dùng cuối sẽ thao tác trên website. Phải xem đối tượng như người yêu, phải biết họ muốn gì, hành vi của họ như thế nào, thói quen ra sao,… tất tần tật mới có thể phân tích, tìm ra vấn đề và đưa ra giải pháp tối ưu. Phỏng vấn, khảo sát, theo dõi, đuổi theo, quan sát,… sẽ là “nghề tay trái” của một người làm UX chuyên nghiệp.

Thông thường, để có một bản thiết kế UX, một chuyên gia phải tiến hành các bước sau:

Bước 1: Nhận dự án và tìm hiểu sơ bộ.

Bước 2: Tiếp cận, tìm hiểu và phân tích đối tượng (đây là một bước dài hơi, đòi hỏi người thực hiện phải tinh tế, linh hoạt).

Bước 3: Sau khi có kết quả sẽ tiến hành phân tích yêu cầu người dùng, mô phỏng thao tác bằng các sơ đồ, đưa ra giải pháp.

Bước 4: Nhận định các Persona, các tình huống có thể xảy ra, rủi ro có thể gặp phải.

Bước 5: Xây dựng các bản mockup – bản vẽ sơ khai và kiểm chứng.

Bước 6: Nếu kiểm chứng cho kết quả tốt, UX Designer sẽ tiếp tục hoàn thiện và cho ra đời bản Prototype.

Bước 7: Tiếp tục kiểm tra và cho ra sản phẩm cuối cùng.

Bước 8: Hoàn thiện sản phẩm và kiểm tra với người dùng.

Bước 9: Đưa qua cho bộ phận lập trình và tạo ra thành phẩm.

Lối đi này hơi dài để bạn có thể hình dung công việc cụ thể của một UX Designer là như thế nào.

Để ra được một sản phẩm hoàn chỉnh, họ phải thử nghiệm, test đi test lại rất nhiều lần. Ví dụ ở trên là chưa kể ở bước nào đó giữa quy trình mà thất bại là phải trở lại từ đầu.

Đến đây, bạn đã có thể hình dung thế nào là thiết kế UX rồi chứ. Nói tóm lại, nó là kết quả của một cuộc nghiên cứu người dùng dài hơi giải quyết một vấn đề nào đó để trải nghiệm của họ trên website (Smartphone) thuận tiện hơn, “sướng” hơn. Còn chuyên viên UX biết đồ họa đấy nhưng công việc chính của họ là nghiên cứu, phân tích, thử nghiệm rồi phân tích, thử nghiệm,… cho đến khi thành phẩm hoàn hảo nhất.

Thành phẩm của UX chưa phải là sản phẩm cuối cùng mà người dùng sử dụng, cần phải có sự giúp sức của thiết kế UI và một vài thao tác khác nữa thì mới coi là hoàn thiện.

Vậy thiết kế UI là gì?

Thiết kế giao diện người dùng

Khái niệm Giao diện người dùng liên quan đến tính tương tác nhiều hơn. Các chuyên gia UI sẽ tập trung vào cách mà sản phẩm trình diễn cho người dùng. Như nút Like, share nên nằm bên trái hay bên phải của bài viết, icon kêu gọi hành động trên Landing Page nên chọn màu gì, nằm bên trên hay bên dưới, nút Nagivation nên chọn hai gạch hai ba gạch, gạch ngang hay gạch đứng,…

Cái này nên dùng hình đại diện hay hiện đường link. Nhấp vào hình tròn thì đi đâu, nhấp vào hình vuông sẽ về đâu,… Nhưng dù thế nào, thiết kế vẫn phải đảm bảo tính đồng nhất xuyên suốt website để người dùng không bị lấn cấn khi sử dụng.

Một bộ phận thiết kế nữa cũng không kém phần quan trọng khi thiết kế website bên cạnh UX – UI là thiết kế trực quan (Visual Design).

Phân biệt thiết kế UX UI

Visual Design là gì – Thiết kế trực quan là gì?

Thiết kế trực quan

Một ví dụ đầu tiên nhé. Tôi có một người bạn từng làm tại một shop bán giày nữ và anh ta từng chia sẻ với tôi, cùng một mẫu giày, nhưng nếu có màu đen thì số lượng bán đôi màu đen luôn cao hơn những màu còn lại, thậm chí là quản lý phải yêu cầu sản xuất thêm mẫu giày màu đen nếu nó không có mặt trong những đôi mẫu. Lý do rất đơn giản, vì giày màu đen dễ phối trang phục hơn và quan trọng là khách hàng “cảm thấy” nó lâu cũ hơn những màu khác.

Vậy trở lại website, cũng là màu sắc, tôi lấy ví dụ ngay trên bài viết này. Tại sao chúng tôi chọn chữ màu đen trên nền màu trắng mà không làm ngược lại hoặc chọn màu chữ xanh cho hợp màu thương hiệu của My Website? Bởi vì theo nghiên cứu, chữ đen trên nền trắng dễ đọc nhất trong tất cả các sự phối màu. Thêm nữa nhé, font chữ mà chúng tôi đang sử dụng cũng phải trải qua quá trình nghiên cứu người dùng sao cho dễ đọc nhất.

Như ví dụ, người chịu trách nhiệm bên mảng thiết kế trực quan lại quan tâm đến giao diện hiển thị, kiểu xuất hiện giao diện lung linh, icon bắt mắt, màu sắc phù hợp với từng phần trên website và hợp với màu thương hiệu, cỡ chữ, màu chữ, font chữ,… Các nguyên lý thị giác được tận dụng tối đa trong khâu này.

Motion Design là gì?

Giao diện với thiết kế chuyển động

Tiếp tục là thiết kế chuyển động. Motion Designer là người chịu trách nhiệm tạo ra các chuyển động khi người dùng giao tiếp với một bộ phận nào đó trên website. Chẳng hạn bây giờ bạn cuộn trang lên đầu sẽ thấy phần chuyển động của Header, đó là tác phẩm của thiết kế chuyển động.

Vậy, chúng ta có 4 kiểu thiết kế với 4 vai trò khác nhau, liệu chúng có liên quan đến nhau hay không? Câu hỏi lớn là đây.

Tất nhiên là chúng liên quan đến nhau, đối với thiết kế website, cả 4 công việc này liên quan mật thiết với nhau. Bạn hãy xem lại 9 bước mà một UX Designer thực hiện ở phần trên, các khâu tạo ra bản Mockup hay Prototype chính là do UI Design, Visual Design và Motion Design (nếu cần) thực hiện. Trong quá trình đó, luôn luôn người làm UX phải tương tác với các đồng nghiệp của mình để tạo ra thành phẩm đúng nhất. Và sau tất cả, khâu lập trình là cuối cùng.

Thiết kế website chuẩn UX/UI ảnh hưởng đến SEOTừ trước đến nay, khái niệm làm website chuẩn UX/UI và website chuẩn SEO thường được hiểu là 2 khái niệm hoàn toàn khác nhau, không ảnh hưởng gì đến nhau, tuy nhiên đó là một sai lầm khi mà hiện nay, UX/UI và chuẩn SEO gần như luôn đi liền với nhau khi thiết kế một website, tại sao lại như vậy?

UX/UI ảnh hưởng đến website SEO.

UX/UI sẽ ảnh hưởng đến hành vi người dùng

Tất nhiên UX và UI sẽ ảnh hưởng đến trải nghiệm người dùng, nhưng cái Mona muốn nói ở đây là ảnh hưởng đến hành vi và khả năng ra quyết định của khách hàng khi truy cập vào website của bạn, khi một trang web được chuẩn giao diện UI/UX thì người dũng sẽ khá thoải mái trong vấn đề trải nghiệm, tâm trạng tốt khiến họ đưa ra những quyết định nhanh hơn khi thấy những sản phẩm ưng ý, đồng thời thao tác mua hàng tiện lợi, nhanh chóng khiến khách hàng hài lòng và có thể tiếp tục quay lại lựa chọn hoặc xem thêm những sản phẩm khác.

Điển hình là việc xây dựng giao diện website du lịch, nếu bạn không thật sự có một giao diện tốt, thân thiện người dùng nhất thì rất khó để chỉnh phục những vị khách khó tính trong mảng du lịch, bởi từ cách mà bạn thiết kế web, chăm sóc khách hàng họ sẽ đánh giá xem dịch vụ của bạn có chu đáo, tận tâm hay không, ảnh hưởng rất lớn đến việc ra quyết định của họ.

Giao diện UI/UX ảnh hưởng đến thuật toán xếp hạng của Google

Thực tế thì Google không thể đánh giá hoàn toàn chính xác về giao diện của website, tuy nhiên Google có thể thu thập thông tin từ những người dùng để từ đó đưa ra phán đoán về website đó có thật sự tốt cho người dùng hay không – yếu tố xếp hạng hàng đầu hiện nay, để tiến hành thay đổi vị trí khi người dùng tìm kiếm về website của bạn. Một website có trải nghiệm không tốt, người dùng thường thoát ra ngay khi vào sẽ khiến Google đánh giá website này thật sự không đáp ứng được bất kỳ lợi ích nào cho người truy cập.

Một vấn đề nữa mà bạn cần quan tâm chính là tính năng Responsive website, giúp web bạn hiển thị tốt với nhiều thiết bị khác nhau, Google đang có những thay đổi lớn nhằm hướng đến người dùng thiết bị di động, hầu hết những website hiện nay đều được phát hiện và index (lập chỉ mục) bởi các bot di động chứ không phải là bot desktop như trước đây, điều này cho thấy động thái của Google đang hướng đến người dùng smartphone nhiều hơn là những người dùng máy tính, và Responsive cũng là yếu tố mà Google rất quan tâm, thậm chí nó còn là một mục thông báo riêng trong công cụ quản trị website Webmaster Tool của “gã khổng lồ”.

Kết bài!

Bây giờ chắc bạn đã hiểu vai trò của thiết kế UX/ UI trong mỗi dự án thiết kế web tại My Website. Mỗi website mà bạn đang sử dụng chính là sản phẩm được tạo thành từ rất nhiều công đoạn, được thực hiện bởi rất nhiều người thuộc nhiều chuyên môn khác nhau. Chúng tôi gọi đó là một quá trình chuyên nghiệp và khép kín mà những dịch vụ thiết kế website giá rẻ khác sẽ không thể cung cấp cho bạn.

Tại My Website, mỗi người là một chuyên gia trong từng lĩnh vực mà họ đảm nhận.

Nếu thích bài viết, hãy Like và Share. Nếu cần tư vấn thêm, hãy liên hệ với chúng tôi – My Website:

Hotline: 0906.081.284 – 0888.201.000

Email: blue@trinhanh.vn

Địa chỉ: 02 Hai Bà Trưng – TT Madaguôi – Đạ Huoai – Lâm Đồng.

Mua web ngay