10 lỗi thiết kế UI phổ biến được dịch từ: https://medium.com/@distillerytech/10-common-design-mistakes-and-how-to-avoid-them-4dc862ae3aa8

Thiết kế UI là một công việc phức tạp. Bản thiết kế rất dễ trở nên lộn xộn.

Để tránh các lỗi thiết kế UI. Tạo ra được những sản phẩm chất lượng cao. Tất cả các chi tiết nhỏ đều phải được coi trọng. Mỗi tiểu tiết đều phải được tính toán. Ta cũng dễ bị sa đà vào tiểu tiết mà mất đi cái nhìn tổng quan. Đó là lý do các điểm yếu phổ biến và lỗi thiết kế UI vẫn còn tồn tại.

Vậy làm cách nào để bạn tránh những lỗi thiết kế UI phổ biến đó ? Hãy đọc các mẹo và đề nghị dưới đây để giúp bạn tránh các cạm bẫy phổ biến.

Tất cả những mẹo này được đúc rút từ kinh nghiệm đau thương của chính tôi – một nhà thiết kế. Do đó, bất kì sự tương đồng nào với các sự kiện thực tế chỉ là ngẫu nhiên.

1. Lỗi thiết kế UI 1: Thiếu kế hoạch cho các trường hợp riêng

Nói KHÔNG với Lorem Ipsum

Bằng cách sử dụng Lorem ipsum (đoạn chữ vô nghĩa được tạo tự động) và hình ảnh mẫu. Bạn có thể dễ dàng tạo ra một thiết kế dễ nhìn, hài hòa … Có điều, nó sẽ nhanh chóng chẳng có liên quan gì đến thực tế. Thiết kế tuyệt đẹp của bạn sẽ bị phá vỡ ngay khi bị thay thế bởi nội dung thật.

Để tránh chuyện này và khỏi khiến khách hàng thất vọng về việc sản phẩm hoàn chỉnh nhìn không giống như bạn đã trình bày, bạn cần phải lấy thông tin. Thu thập nhiều nhất có thể tất cả các nội dung đã có sẵn hoặc là nội dung sẽ được đưa lên.

Đặc biệt, trước khi bạn bắt đầu thiết kế giao diện người dùng. Bạn cần biết loại nội dung nào sẽ nằm ở mọi khu vực của trang. Bạn còn cần phải biết kích thước ít nhất và nhiều nhất của nội dung tại đó. Ví dụ., bao nhiêu dòng chữ, kích thước của ảnh. Những điểm này được gọi là trường hợp riêng. Bởi vì chúng chỉ ra giao diện sẽ thay đổi khi nào và bằng cách nào.

Chọn hình ảnh

Bạn sẽ muốn xem xét các giới hạn về hình ảnh. Nếu khách hàng của bạn không có bất kì ảnh minh họa nào hay không có ý định trả phí để mua ảnh. Đó không phải là lý do để sử dụng những hình ảnh đẹp nhưng vô nghĩa từ Unsplash.

Tại sao ư ? Những bức ảnh luôn có ý nghĩa. Chỉ đẹp thôi không đủ. Thay vào đó, bạn cần chọn các hình ảnh miêu tả hoặc ngụ ý có ý nghĩa sâu sắc.

Đây là lỗi thiết kế UI rất phổ biến. Dù bạn làm gì đi nữa, đừng sử dụng những bức ảnh không cần thiết. Ngày nay, con người trở nên choáng ngợp bởi lượng thông tin khổng lồ. Thêm chút thông tin vô dụng sẽ chỉ làm rối họ.

Hiểu về các khối được lặp lại

Một trường hợp riêng khác liên quan đến việc dùng các khối lặp lại. Ví dụ: ảnh + chữ, icon + chữ, số + chữ, … Bạn nên nghĩ về việc những khối đó sẽ trông như thế nào với 2 dòng chữ và 10 dòng chữ mà vẫn ổn trên giao diện. Những nhà thiết kế mới thường xuyên gặp phải lỗi thiết kế UI này.

Với những khối chữ nhỏ mô tả về các tính năng, bạn có thể dễ dàng dùng layout 3 cột. Tuy nhiên, nếu bạn có nhiều hơn 5 dòng chữ và bạn cần phải hiển thị hết chúng ra thay vì để dấu “…” bạn cần phải có một giải pháp khác. Tại sao ư ? Vì đọc những cột chữ dài thì chỉ tốt cho báo giấy, nhưng không thuận tiện cho web. Những giải pháp khả thi có thể là dùng slide trượt ngang hoặc là layout 2 cột.

Có kế hoạch cho việc kéo giãn

Hiểu về các trường hợp riêng cho nội dung sẽ giúp bạn sử dụng không gian màn hình hiệu quả hơn. Giúp bạn chọn đúng xử lý giao diện người dùng cho từng phần của giao diện. Nhưng hãy nhớ rằng các trường hợp riêng không chỉ là về những gì bạn có trong hiện tại. Một nhà thiết kế giỏi sẽ luôn chủ động suy nghĩ. Cho phép khác hàng có thể kéo giãn giao diện người dùng trong tương lai.

2. Chú thích màn hình không đầy đủ

Một lỗi thiết kế UI lớn tiếp theo tốt hơn bạn nên tránh là thiếu chú thích trong các thiết kế của bạn.

Cả nhóm của bạn – người quản lý dự án, các chuyên gia QA, và người lập trình giao diện cũng như lập trình chức năng – nhìn thấy thiết kế của bạn ở dạng tĩnh. Giống như một tập hợp các hình ảnh đẹp. Họ không thể biết hành vi nào bạn dự định cho mỗi thành phần của giao diện. Họ không thể dự đoán cách bạn đã thiết kế ở bên trong đầu bạn. Những gì vốn rõ ràng với bạn và người thiết kế cùng bạn thì cả nhóm của bạn sẽ không hiển nhiên hiểu được.

Đó là lý do vì sao việc bổ sung các chú thích cho mỗi hành vi của từng thành phần là vô cùng quan trọng. Như là đường dẫn của liên kết, các chuyển động, và các tương tác trên màn hình. Khi bạn bỏ qua bước này, sẽ có nguy cơ cao là không ai hiểu được. Sẽ tạo ra một mớ hỗn độn khi nhiều công việc rồi sẽ được hoàn thành theo cách hoàn toàn sai.

Ta rồi sẽ thấy một thứ nhỏ như là một ghi chú màn hình có thể lãng phí nhiều thời gian cho nhà phát triển như thế nào. Nó thậm chí có thể tác động đến toàn bộ phạm vi và tăng chi phí phát triển dự án.

3. Các trạng thái lỗi gây phiền toái

Khi bạn đang thiết kế một giao diện người dùng. Đừng quên mục đích chính của bất kì giao diện nào chính là:. Cung cấp tương tác mượt mà nhất có thể giữa người dùng và dịch vụ. Không có chỗ cho các nghi ngờ, các câu hỏi không được trả lời, hay bất kì thứ gì không chắc chắn khi người dùng tương tác với giao diện.

Những nhà thiết kế phải cung cấp phản hồi rõ ràng cho người dùng về các trạng thái, đặc biệt là các lỗi. Theo đó, các thông báo lỗi nên đáp ứng được các quy tắc đơn giản sau:

• Chúng nên dễ nhận biết và gây chú ý. VD: màu đỏ là kiểu mẫu UI phổ biến để thông báo một lỗi.
• Chúng nên diễn tả rõ ràng điều gì đã xảy ra và người dùng có thể sửa lỗi theo cách nào.
• Chúng cần theo ngữ cảnh. Tốt hơn là hiển thị thông báo lỗi gần với thành phần bị lỗi.
• Chúng không nên gây kích động. Không phải người dùng của bạn đã đủ kích động bởi lỗi đã xảy ra sao ?

Những nhà thiết kế cũng nên cẩn trọng với những lỗi không mong muốn. VD: lỗi server, không tìm thấy trang. Bất kì thông báo lỗi nào cũng đều là trở ngại cho người dùng. Đó là lý do vì sao chúng ta cần giúp người dùng xử lý nó. Cung cấp các giải pháp khả thi. Cố gắng để trải nghiệm này được xử lý trơn tru – đặc biệt nếu nó không phải là lỗi của người dùng. Ví dụ như, một giải pháp tốt là có thiết kế minh họa hoặc chuyển động cho trang 404 và 500.

Cẩn trọng với kiểm lỗi Form

Khi thiết kế trạng thái lỗi, cố gắng hết sức để không gây phiền hà cho người dùng của bạn. Đặc biệt, hãy cẩn trọng với tất cả các trường hợp kiểm lỗi form có thể.

Ví dụ, hãy tưởng tượng bạn có một form với nhiều fiels được yêu cầu. Điều đó có nghĩa là người lập trình có một kiểm lỗi chung, “Tất cả các field yêu cầu không được để trống”. Hãy để người dùng thử điền vào form, nhưng theo thứ tự ngẫu nhiên. Khi field trống đầu tiên rời khỏi trạng thái focus. Nó sẽ xuất hiện một thông báo lỗi:”Vui lòng điền vào field này. Nó được yêu cầu!”

Người dùng tội nghiệp của chúng ta kêu lên,”Nào, tôi chỉ click vào giữa các field và thậm chí chưa click vào nút ‘Submit’!” Những thứ này thậm chí có thể tệ hơn nữa. Ví dụ như, bạn có một kiểm lỗi ràng buộc khác, đó là nút “Submit” sẽ ở trạng thái không thể click cho đến khi tất cả các field không bị để trống nữa.

Nghĩ về lỗi thiết kế UI này một giây thôi. Người dùng tội nghiệp của chúng ta không làm bất kì điều gì. Thậm chí cũng không submit form. Nhưng bạn thì đã đổ một đống lỗi lên anh ta. Điều đó sẽ chọc giận bất kể ai. Vì vậy tốt hơn là hãy tránh tình huống như thế.

Cân nhắc Chi phí và Giá trị

Đừng ngại nếu những nhà lập trình nói rằng bạn sẽ tốn chi phí cao hơn để thực hiện theo cách mà bạn muốn. Nhớ là: Không tránh vấn đề này sẽ mất khách hàng của bạn! Không ai cần một dịch vụ hay sản phẩm mà không có khách hàng. Thậm chú nếu nó vô cùng rẻ để tạo ra.

4. Quá trống rỗng

Chủ đề này liên quan đến chủ đề trước – trạng thái lỗi – Và còn liên quan đến các trường hợp riêng. Một trạng thái trống rỗng chắc chắn là trường hợp riêng và là lỗi thiết kế UI. Vì vậy bạn cần suy nghĩ để chủ động tránh chúng.

UI của bạn sẽ như thế nào khi nó không có dữ liệu ở mỗi trang hay mỗi thành phần ? Nó sẽ thân thiện hay gây bực bội ? Nó sẽ trông đẹp hơn hay giống như bị phá hủy ? Người dùng sẽ hiểu họ đang ở đâu và ý nghĩa của trạng thái là gì hay không ?

Tốt nhất ở đây là hiển thị một minh họa dễ thương chứa thông tin. Đó có thể là một hình minh họa, một icon hay đơn giản là một đoạn chữ với kiểu chữ đẹp để giải thích tình hình.

5. Thiếu phân loại kiểu chữ cũng là một lỗi thiết kế UI

Tiếp theo, Kiểu chữ là nguyên nhân khiến nhiều thiết kế mắc lỗi thiết kế UI – mà tốt hơn là nên tránh.

Chữ là đơn vị chính thể hiện nội dung thông tin. Đó là lý do vì sao nó phải dễ đọc, dễ nhận biết và được tổ chức tốt. Văn bản được định dạng chính xác giúp người dùng nắm bắt thông tin. Giữ họ tập trung vào những gì thực sự quan trọng.

Sử dụng font chữ và kiểu chữ

Chơi với các font chữ có lẽ khá thú vị. Nhưng nếu ai đó đang cố gắng để đọc gì đấy với 10 font chữ thay đổi trên cùng một đoạn văn. Nó sẽ nhanh chóng khiến họ mệt mỏi và thấy phiền phức.

Để tránh bị mệt mỏi kiểu này, tôi đề nghị dùng không quá 3 font chữ trên một bản trình bày. Điều đó còn nói rằng, hãy nhớ sự khác biệt giữa font chữ và kiểu chữ. Mỗi font chữ có một bộ kiểu chữ của chính nó: regular (bình thường), medium(trung bình), bold(in đậm), black(đậm hơn), italic(in nghiêng), bold italic(đậm và nghiêng), … Khi bạn kết hợp tất cả các kiểu chữ đó với viết hoa và viết thường. 2 hay 3 font chữ là quá đủ để tạo ra một hệ thống chữ hấp dẫn.

Chú ý đến Kerning (khoảng cách từ trong chữ)

Khi nghĩ về lỗi thiết kế UI trong sử dụng chữ, đừng quên khoảng cách từ của chúng. Nếu bạn chưa bao giờ nghe về kerning trước kia? Đừng lo; nó rất đơn giản. Kerning là quá trình định khoảng trắng giữa các kí tự trong chữ bằng cách thủ công hoặc tự động.

Kerning quan trọng bởi vì, trong một vài tình huống, điều chỉnh khoảng trắng giữa các kí tự có thể giúp cho chữ trở nên dễ đọc và dễ chịu cho mắt hơn. Tuy nhiên, đừng quá lạm dụng – cũng đừng phớt lờ nó – làm vậy có thể gây ra các vấn đề lớn. Nó có thể giải thích sai hay vô tình phá hủy sự gắn kết của bản thiết kế.

Duy trì phân cấp thị giác

Luôn cố gắng để duy trì sự phân cấp trong thị giác giữa các kiểu chữ trên trang của bạn. Dùng chữ tương phản để phân chia các cấp độ khác nhau của văn bản và thiết lập một hệ thống phân cấp chặt chẽ. Để thông tin phân cấp rõ ràng trên một trang, tiêu đề chính nên nổi bật nhất trang. Tiêu đề thứ cấp nên nhỏ hơn đáng kể, nhưng vẫn nhìn được rõ ràng.

Nguyên tắc tương tự cũng được áp dụng cho phân cấp thị giác trong một khối. Tiêu đề nên là yếu tố thiết kế lớn nhất trên trang. Theo sau với một tiêu đề thứ cấp nhỏ hơn, ít nổi bật hơn. Tiếp theo, bất kể tiêu đề tính năng nào theo sau cũng nên nhỏ hơn tiêu đề chính đáng kể, và có cùng độ mạnh. Font chữ nhỏ nhất nên được dùng cho mô tả của tính năng, … Phân cấp thị giác này giúp cho khách ghé thăm trang phân biệt được mức độ quan trọng của từng thông tin trên trang.

6. Khoảng biên (padding) và không gian(spacing) không đầy đủ

Khoảng biên và không gian đúng sẽ giúp cho bản trình bày của bạn trông sạch sẽ và ngăn nắp, dễ cho người dùng đọc và hiểu thông tin.

Những không gian giống nhau nên được đặt quanh một khối (ví dụ, ở trên và dưới, và ở trái và bên phải). Nếu không gian không đồng đều, trang của bạn trông sẽ lộn xộn và người dùng có thể sẽ có nhận định khác nhau cho mỗi phần.

Khoảng biên quá nhỏ, nghĩa là người dùng không thể ngắt quãng nội dung thành từng khối. Để giữ cho các phần không trộn lẫn vào nhau, giữ chúng được tách rời và thêm khoảng trống lớn giữa chúng.

Một cách dễ dàng để duy trì phân cấp thị giác

Theo nguyên tắc đơn giản này: Khoảng biên giữa các khối nên lớn hơn khoảng biên giữa tiêu đề và nội dung bên trong mỗi khối. Ví dụ, bạn có một khối chữ dài gồm Tiêu đề, Tiêu đề phụ, và đoạn chữ:

• Định cho khoảng biên dưới của tiêu đề là: 40px, theo sau nó là một đoạn văn bản.
• Định cho đoạn văn bản có khoảng cách biên dưới là 10px.
• Nếu có một tiêu đề phụ phía sau đoạn văn bản, định cho nó là 30px khoảng cách biên phía trên (nghĩa là, khoảng cách giữa đoạn và phía trên của tiêu đề phụ là 30px) và 20px khoảng cách biên dưới (nghĩa là, khoảng cách giữa phần dưới tiêu đề phụ với đoạn văn bên dưới sẽ là 20px, nó sẽ lớn hơn khoảng cách giữa các đoạn)

Điều đó sẽ nhấn mạnh được những thành phần quan trọng và lớn nhất. Chữ lớn nhất – tiêu đề – có khoảng không lớn hơn với các thành phần quanh nó, chỉ trừ thành phần theo ngay sau nó trong cùng khối thì cần gần hơn.

7. Dùng biểu tượng lộn xộn

Các biểu tượng hữu dụng đáng kinh ngạc khi bạn cần trình bày ý nghĩa chỉ mới một biểu tượng nhỏ hay để minh họa ngắn gọn một bản mô tả. Chúng còn là một phần cơ bản trong giao diện hiện đại, đặc biệt là trên di động.

Trong các ứng dụng, biểu tượng thường tương đương với các button. Chỉ cần xem Instagram: Bạn sẽ thấy chỉ có các biểu tượng và văn bản.

Đó là tại sao việc chọn đúng biểu tượng minh họa lại quan trọng để trao đổi một ý nghĩa của thành phần. Nghe đơn giản quá phải không ? Không hề. Mỗi chuyên gia thiết kế đều biết rằng đau khổ thế nào để có thể chọn chính xác icon để sử dụng.

Kể chuyện bằng icon

Bạn cần kể một câu chuyện dùng chỉ hình ảnh đơn giản và phổ biến, có thể được hiểu bởi bất kì ai. Và bạn cần kết hợp những biểu tượng đó với phong cách chung của giao diện. Rồi bạn cần chuyển chúng cho các lập trình viên với định dạng SVG.

Có lẽ bạn đã tìm kiếm các biểu tượng miễn phí, và bạn đã vô cùng hồi hộp khi tìm ra một hình ảnh đẹp cho mỗi thành phần. Bạn nghĩ, chúng minh họa một cách thật hoàn hảo và dễ hiểu cho tất cả mọi người! Buồn thay, tuy nhiên, ấn tượng của cả bộ biểu tượng mà bạn đã chọn có cảm giác rất lộn xộn. Làm cách nào để tránh điều này?

Cách sử dụng biểu tượng

• Chiều rộng viền – sau khi thay đổi kích cỡ, tất cả các biểu tượng của bạn nên có cùng chiều rộng viền. Nếu không chúng sẽ dễ gây chú ý rằng chúng không đồng nhất.
• Bo góc – Nếu biểu tượng của bạn bao gồm vài biểu tượng là mảng chữ nhật, kết hợp với vài biểu tượng có bo góc trong cùng bộ. Nếu nó khác với các biểu tượng khác, tốt hơn bạn hãy điều chỉnh nó.
• Phần đỉnh của đườn viền (dành cho các biểu tượng dạng viền) – Nó có thể là vuông góc hoặc bo tròn. Nhưng phải thống nhất.
• Các góc giao nhau của đường viền (dành cho các biểu tượng dạng viền) – Nó có thể là vuông góc hoặc bo tròn. Nhưng phải thống nhất.

Có một sự thật là người dùng không để ý đến sự khác biệt của chiều rộng viền hay phần bo góc. Cho đến khi, ấn tượng chung là có điều gì đó sai sai, và người dùng sẽ cảm nhận được nó.

Cân nhắc với các biểu tượng miễn phí

Nói cách khác, trong khi không có gì sai khi sử dụng các biểu tượng miễn phí, nhưng làm sao để có thể dễ dàng sử dụng chúng. Dùng các biểu tượng miễn phí làm cho một dự án trông rẻ tiền và, trong vài trường hợp, không chuyên nghiệp. Thêm vào đó, có nhiều biểu tượng miễn phí ở ngoài kia mà mọi người có thể nhanh chóng nhận ra như vậy. Tại sao ? Họ đã thấy chúng được sử dụng ở mọi nơi.

Đó là lý do lời khuyên của tôi là hãy chọn lọc kỹ lưỡng các biểu tượng miễn phí hoặc – tốt hơn là thiết kế một bộ biểu tượng của bạn. Các biểu tượng tùy chỉnh luôn cung cấp trải nghiệm vượt trội.

8. Lỗi thiết kế UI có độ tương phản thấp

Tương phản là nguyên tắc cơ bản của thiết kế đồ họa. Mắt chúng ta thích độ tương phản. Độ tương phản là một công cụ để người thiết kế quản trị sự tập trung của người dùng.

Sự tương phản xảy ra khi hai thành phần trên một trang có sự khác biệt. Cho ví dụ, sự tương phản có thể được tạo ra từ sự khác biệt của màu văn bản và màu nền. Có thể là một tiêu đề được định dạng chữ lớn, đậm, hoang dã được sử dụng bên cạnh chữ không chân thanh lịch cho phần nội dung. Có thể là sự khác biệt giữa phần minh họa lớn và nhỏ, hoặc có thể là một texture thô cứng kết hợp với texture mềm mại.

Điều quan trọng về độ tương phản là các yếu tố tương phản phải hoàn toàn khác biệt. Không chỉ là chút khác biệt nhỏ – mà là khác biệt táo bạo đáng chú ý.

Sử dụng khoảng trắng

Nếu bạn để hai thành phần phức tạp khác nhau ở gần, người dùng sẽ không thể hiểu cái nào là “chính” hơn. Đó là lý do chúng ta có thể nói rằng sự tương phản không chỉ là ứng dụng các kiểu hiển thị khác biệt cho mỗi thành phần, mà còn là về nghệ thuật sử dụng các khoảng trắng. Bởi vì, đôi khi, để khiến cho các thành phần tương phản, bạn cần phải ngăn cách chúng bởi khoảng trống.

Khoảng trắng quan trọng để giúp cho văn bản của bạn dễ đọc hơn. Dĩ nhiên, khoảng trắng cũng có thể được sử dụng không đúng cách như là: có quá nhiều khoảng trống hoặc nhồi nhét quá nhiều nội dung vào một không gian nhỏ. Nhiều website đặt quảng cáo quá mức cũng khiến trang có cảm giác bị thiếu khoảng không.

Đảm bảo đủ độ tương phản giữa văn bản và hình ảnh

Tránh sự tương phản thấp khi đặt văn bản lên trên hình ảnh. Nên đảm bảo sự tương phản giữa văn bản và nền. Để làm nổi bật, hãy thêm một bộ lọc tương phản lên trên ảnh. Màu đen là màu phổ biến, nhưng bạn có thể dùng màu sáng, trộn lại phù hợp với nhau.

Một lựa chọn khác là sử dụng một bức ảnh tương phản từ đầu. Trong trường hợp này, bạn có thể đặt nội dung lên trên phần màu tối của bức ảnh.

Tránh tương phản quá đà

Tránh sử dụng quá nhiều kiểu định dạng trên một trang. Quá nhiều kiểu chữ và kiểu thiết kế trên một trang sẽ khiến nó trở nên thiếu chuyên nghiệp – và thậm chí còn khiến nó khó đọc hơn. Để tránh điều này, giới hạn chính bạn trong một font chữ và hai lựa chọn về kiểu (normal – bình thường và bold – đậm).

Tránh nhấn mạnh những thành phần hẹp với màu sắc. Nó chỉ đơn giản là trông không tốt. Ví dụ như, các tiêu đề đã được nhấn mạnh đủ với kích thước, kiểu hiển thị và khoảng biên. Bạn sẽ muốn đánh dấu một phần đặc biệt nào đó trên trang ? Hãy dùng màu nền cho toàn bộ khối, bao gồm cả tiêu đề và văn bản.

9. Không nghĩ đến đa nền tảng

Lý tưởng là không để nó trở thành vấn đề trong thế giới này. Tất cả chúng ta đều biết là hầu hết người dùng truy cập website từ thiết bị di động. Không may, nhiều nhà thiết kế vẫn có xu hướng quên đi thực tế đó. (Hay có lẽ là khách hàng không muốn chi thêm tiền để tạo ra thiết kế tối ưu hóa cho thiết bị di động ?)

Tuy nhiên với các thiết kế chuyên nghiệp, việc không tối ưu hóa cho đa nền tảng không nên xảy ra. Khi tạo một giao diện người dùng, bạn luôn phải ghi nhớ ưu tiên cho việc thiết kế tiếp cận di động trước tiên. Tập trung vào nội dung mà mỗi loại người dùng sẽ thấy trên từng trang. Rồi hỏi chính bạn,”Giao diện người dùng tôi đã chọn cho việc hiển thị nội dung cụ thể này có thuận tiện hay không?”

Bạn có thể chọn được một thành phần giao diện đẹp và hiển thị hoàn hảo trên thiết bị máy tính bàn – nhưng nó không phù hợp cho người dùng di động. Hoặc ngược lại. Đó là lý do vì sao việc luôn ghi nhớ về sự đa dạng của thiết bị bạn phải thiết kế ngày nay là vô cùng quan trọng.

10. Quá nhiều chi tiết thiết kế

Chỉ vì bạn có thể thêm thứ gì đó vào thiết kế của bạn, không có nghĩa là bạn nên làm thế. Sự đơn giản cũng có đặc quyền của riêng nó. Vì thế hãy cẩn trọng với việc phát điên vì các phong cách. Trong khi thiết kế quá mức không hẳn là một lỗi thiết kế UI lớn, nó có thể gây ra một số vấn đề nghiêm trọng.

Ví dụ như, dùng quá nhiều màu sắc trên trang gây nên sự bối rối; việc thành phần nào ít quan trọng hơn không còn rõ ràng nữa. Một hay hai màu là đủ để biết thành phần nào thực sự quan trọng.

Cũng tương tự với phong cách chữ. Nó đủ để nhấn mạnh tiêu đề, tiêu đề phụ và tương phản với nội dung chính.

Có quá nhiều “vật liệu” bạn nhồi nhét vào thiết kế, càng khó cho người dùng suy nghĩ trích xuất được thông tin mà trang trình bày. Một thiết kế cần được thở và sống như chính nó. Vì vậy nhớ rằng: Có khoảng trống không nhất thiết là xấu. Trong nhiều trường hợp, như vậy tốt hơn là lấp đầy mọi không gian trống.

Về tác giả

Maria Pisarenko là nhà thiết kế UI/UX chuyên nghiệp đã tham gia Distillery vào năm 2018. Cô có trên 6 năm kinh nghiệm thiết kế và xây dựng vô số giao diện cho các khách hàng khắp thế giới. Đam mê của Maria bao gồm Thiết kế biểu tượng, chữ, minh họa. Cô tin rằng thiết kế đóng vai trò quan trọng để khiến thế giới trở nên tốt đẹp hơn.

Về biên dịch

Moon là nhà thiết kế Brand, Web và App. Chú trọng vào UX trong thiết kế là điều Moon luôn nỗ lực để làm trong các thiết kế của mình. Hiện tại Moon đang là một nhà thiết kế tự do và sống hạnh phúc tại thị trấn nhỏ của mình với các dự án được nhận chủ yếu từ khắp Việt Nam và một số quốc gia như Mỹ, Thụy Điển. Moon thì tin rằng thiết kế chắc chắn sẽ khiến thế giới trở nên đẹp đẽ hơn.