Tổng quan về thiết kế UX,UI

17/09/2020 18:18 +07 - Lượt xem: 11652

Thiết kế Ux / Ui một trong những công nghệ thiết kế web rất phổ biến được nhiều công ty sử dụng làm website cho các doanh nghiệp.Đây là một trong những xu hướng được đánh giá rất cao và dự báo có khả năng được ưa chuộng và phát triển lâu dài về sau.Chính vì vậy trong bài viết này Wondermedia muốn chia sẻ nhiều thông tin chi tiết giúp bạn hiểu thiết kế Ux/ Ui trên một dự án website và công việc cụ thể của người thiết kế là gì?

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

a. Khái niệm Ui là gì?

Ui design là là viết tắt của User Interface Design – Tức là thiết kế giao diện người dùng.Hiểu một cách đơn giản nhất thì UI bao gồm tất cả những gì người dùng có thể nhìn thấy như: màu sắc web, bố cục sắp xếp như thế nào, web/app sử dụng fonts chữ gì, hình ảnh trên web có hấp dẫn hay không,…

Trong thiết kế thì UI đóng vai trò là yếu tố truyền tải thông điệp từ người thiết kế, nhà cung cấp dịch vụ, sản phẩm tới người dùng. Đơn giản hơn thì nhà thiết kế đóng vai trò như 1 lập trình viên hoặc nhà xây dựng để bất cứ ai cũng có thể hiểu và sử dụng được sản phẩm của họ .

Công viêc của một Ui Design sẽ là

Bước 1: Phân tích khách hàng
Bước 2: Nghiên cứu thiết kế
Bước 3: Xây dựng thương hiệu và phát triển đồ họa.
Bước 4: Xây dựng hướng dẫn sử dụng / cốt truyện.
Bước 5: Xây dựng sản phẩm mẫu.
Bước 6: Sự tương tác và hoạt hình.
Bước 7: Sự thích ứng với tất cả các kích cỡ của màn hình thiết bị.
Bước 8: Thực hiện với nhà phát triển

b. Khái niệm Ux là gì?

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 đơn giản thì UX là những đánh giá của người dùng khi sử dụng sản phẩm như: Website hay App của bạn có dễ sử dụng hay không, có thân việc bố trí sắp xếp bố cục như vậy đã được hay chưa? sản phẩm đó có đạt được mục đích đề ra không.

Người làm về UX hay còn gọi là UX Designer sẽ nghiên cứu và đánh giá về thói quen và cách mà khách hàng sử dụng rồi đánh giá về sản phẩm website/App nào đó. Sử dụng và đánh giá ở đây đơn giản là những vấn đề: tính dễ sử dụng, sự tiện ích, sự hiệu quả khi hệ thống hoạt động.

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.

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

a. Khái niệm Visual Design.

Visual design (thiết kế trực quan) là loại hình thiết kế tập trung vào trải nghiệm người dùng và khả năng tương tác của sản phẩm đối với người xem.“Thiết kế trực quan” ít được nhắc đến trong cuộc sống hàng ngày nên có thể hơi lạ lẫm với một số người. Tuy nhiên đây là thuật ngữ đang ngày càng phổ biến trong giới thiết kế, được sử dụng trong giao diện,.. sao cho bề ngoài bắt mắt và hấp dẫn người truy cập.

b. Đặc điểm của visual design

Để kích thích sự tò mò, hứng thú, thu hút người xem quan tâm và có trải nghiệm đáng nhớ hơn vì thế cần chú ý đến những yếu tố sau:

Tính thống nhất đồng bộ.
Nguyên tắc Gestalt (gồm tập hợp nguyên tắc tâm lý học lý giải cách thức não người tiếp nhận một hình ảnh nào đó).
Không gian
Màu sắc
Sự phân cấp bậc
Tương phản
Tỉ lệ

Một Visual design được coi là thành công khi sản phẩm vừa đảm bảo thẩm mỹ và trải nghiệm hấp dẫn , vừa đảm bảo nội dung – chức năng của trang.Qua đó có thể xây dựng lòng tin và sự hứng thú của người xem với website/ sản phẩm. Các lĩnh vực thiết kế trực quan luôn chứa đựng rất nhiều vấn đề cho các nhà thiết kế cần lưu ý, từ sự khác nhau về cách diễn giải văn hóa về màu đỏ, sử dụng đúng khoảng trắng…

3. Motion designer là gì?

Motion design được hiểu 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.Ví dụ bạn cuộn trang lên đầu sẽ thấy phần chuyển động của Header, đó được gọi là tác phẩm của thiết kế chuyển động.Như vậy chúng ta có 4 kiểu thiết kế với 4 vai trò khác nhau, và chúng có 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 .Như chúng tôi giới thiệu 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 thực hiện (nếu cần).Trong quá trình người làm Ux luôn luôn phải tương tác với các đồng nghiệp của mình để tạo ra những thành phẩm đúng nhất rồi chuyển sang khâu cuối cùng đó chính là khâu lập trình.

4. Thiết kế Website chuẩn Ux/Ui có ảnh hưởng đến SEO không?

Từ trước đến nay khái niệm chuẩn Ux/Ui và Website chuẩn SEO thường được hiểu là hai khái niệm hoàn toàn khác nhau.Tuy nhiên đó là một quan niệm 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.Vì sao lại như vậy?

a. Ux/Ui sẽ ảnh hưởng đến hành vi của người dùng.

Dĩ nhiên Ux/Ui sẽ ảnh hưởng đến hành vi của người dùng mà điều đáng nói ở đây là nó sẽ ảnh hưởng đến hành vi và khả năng ra quyết định của khách hàng khi họ truy cập vào Website của bạn.Một giao diện được cho là chuẩn Ux/Ui thì người dùng sẽ khá thoải mái trong vấn đề trải nghiệm,nếu tâm trạng tốt thì việc khiến họ đưa ra 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 nhanh chóng cũng khiến họ 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.

Lấy ví dụ như xây dựng giao diện website du lịch, nếu bạn không có một giao diện tốt thân thiện người dùng thì rất khó để chinh 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ế Website , cách 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 nhiều đến việc đưa quyết định của họ.

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

Trong 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 đánh giá của người dùng từ đó đưa ra những phán đoán Wensite đó có thật sự tốt cho người dùng hay không – đây là yếu tố xếp hạng đầu hiện nay, để tiến hành thay đổi vị trí của bạn.Một website không tốt người dùng thường thoát ra ngay khiến Google đánh giá website này không tốt cho trải nghiệm người dùn.

Một tính năng nữa mà bạn cần quan tâm chính là tính năng Responesive website giúp website của 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.

Bây giờ chắc bạn đã hiểu vai trò của thiết kế ux/ui.Mỗi website mà bạn đang sử dụng chính là sản phẩm được tạo ra từ rất nhiều công đoạn.Vì vậy bạn có thể thấy chúng đều rất quan trọng.Đây là một quá trình chuyên nghiệp mà dịch vụ website giá rẻ sẽ không thể cung cấp cho bạn.Nhưng tại Wondermedia thì mọi thứ đều có thể.Nếu bạn thấy bài viết hữu ích hãy like và share nếu cần tư vấn hãy liên hệ ngay với chúng tôi!

Hotline: 0243.7722.777 – 0931.722.777
Địa chỉ:100 Xã Đàn, Đống Đa, Hà Nội