Nghĩ ít đi. Thiết kế tốt hơn.

Thúc đẩy quy trình làm việc tốt hơn trong thiết kế giao diện người dùng thông qua quá trình ra quyết định và suy nghĩ có thể quản lý được.

Một giao diện người dùng được thiết kế tốt là kết quả của một chuỗi các quyết định quan trọng không chỉ mang lại trải nghiệm trực quan mà còn làm hài lòng người dùng về mặt thẩm mỹ. Bằng cách làm cho quá trình ra quyết định hợp lý hơn, nó có thể cho phép tiến trình công việc dễ dàng hơn và cơ hội tạo ra kết quả tối ưu cao hơn.

Càng có nhiều khả năng có sẵn trong quá trình thiết kế, càng cần nhiều suy nghĩ để thực hiện và khéo léo.

Nhà tâm lý học người Mỹ Barry Schwartz đã viết trong The Paradox Of Choice rằng việc loại bỏ các lựa chọn có thể làm giảm đáng kể sự lo lắng. Ông lập luận rằng chúng ta nên có các tiêu chuẩn và một tiêu chí, nhưng không lo lắng về khả năng có thể có một cái gì đó tốt hơn. Đó là trong bối cảnh của người tiêu dùng, nhưng tôi tin rằng nó cũng áp dụng cho các quyết định thiết kế.

Chiến lược tối đa hóa thực sự không phải là một người cầu toàn, nhưng đưa ra những quyết định có lợi nhất có sẵn mà cùng nhau tạo ra trải nghiệm tối ưu.

1. Hạn chế biến

Nếu chúng ta xem xét tất cả các biến tiềm năng để tạo ra một khái niệm có độ trung thực cao và có thể có nhiều, thì rõ ràng là chúng ta cần hạn chế và xác định chúng sớm. Giảm số lượng lựa chọn có sẵn sẽ giúp bạn dễ dàng quyết đoán hơn.

Với kinh nghiệm, việc dự đoán cách giới hạn các nhóm biến nhất định có tác động nhân lên trong toàn bộ một tác phẩm trở nên dễ dàng hơn.

Việc giảm các lựa chọn không liên quan đến việc giảm tính nguyên bản. Giả định của chúng tôi là việc tạo ra các khái niệm xung quanh các quy tắc được xác định trước là một hạn chế, nhưng khi các nhà thiết kế, chúng tôi có thể thiết lập các quy tắc của riêng mình và hoàn toàn kiểm soát việc xây dựng chúng.

Tỷ lệ & khoảng cách

Mỗi khía cạnh của thiết kế UI nên xoay quanh một hệ thống thúc đẩy nhịp điệu và giúp duy trì tính nhất quán về quy mô và không gian khi dự án phát triển. Một hệ thống như vậy tôi thích sử dụng là thang đo mô-đun, có thể tạo điều kiện cho thang đo từ bất kỳ tỷ lệ nhất định nào để đo hoặc đặt kích thước của một phần tử hoặc không gian âm trong một tác phẩm.

Khi chúng tôi chọn tỷ lệ, tỷ lệ mô-đun có thể giúp xác định tỷ lệ và khoảng cách dễ dàng hơn

Mặc dù nó có thể giảm các biến số trên lưới, kiểu chữ, khoảng cách dọc và kích thước tổng thể của bố cục xuống mức có thể quản lý, nó cũng cung cấp tính thẩm mỹ và nhịp điệu dễ chịu. Thiết kế UI dễ dàng hơn nhiều.

Lưới

Các hệ thống lưới rất tốt cho việc hạn chế cách tổ chức nội dung trong mặt phẳng ngang và không có trí tuệ khi nói đến UI. Tuy nhiên, một lưới thường được chọn mà không cần suy nghĩ quá nhiều, là một kích cỡ phù hợp với tất cả. Điều mà hầu hết các nhà thiết kế don nhận ra là nó tốt hơn để tạo ra một hệ thống lưới được xây dựng xung quanh nội dung.

Một hệ thống lưới sẽ giảm các biến trong bố trí

Điều này có nghĩa là lý tưởng có sự hiểu biết rõ ràng về các kịch bản nội dung trước để nó vẽ ra một bức tranh về cách phục vụ nội dung tốt hơn từ một lưới cụ thể. Hãy nghĩ về các ràng buộc kinh doanh với các tài sản có sẵn và hướng dẫn thương hiệu, chẳng hạn như logo có các quy tắc và yêu cầu về khoảng cách cụ thể hoặc có thể là quảng cáo với các đơn vị cố định cụ thể.

Các loại nội dung cũng là một yếu tố. Có một sự khác biệt lớn giữa việc tạo ra một bố cục cho một cửa hàng, ấn phẩm tin tức hoặc blog hoặc một trang giật gân đơn giản. Một bố cục nặng hình ảnh so với nặng từ. Có thể hữu ích để hiểu các mẫu quét mắt và cách chúng có tác động đến hệ thống phân cấp thị giác.

Càng hiểu biết nhiều về các hạn chế kinh doanh và nội dung, bạn càng dễ dàng chọn một hệ thống lưới và đưa ra quyết định bố trí.

Kiểu chữ

Tôi cho rằng typography là khía cạnh quan trọng nhất của thiết kế UI, vì nó có thể chiếm tới 95% web và là động lực của truyền thông.

Trong khi các hệ thống như quy mô mô-đun có thể được áp dụng cho kích thước và hàng đầu, họ và kiểu phông chữ cũng có thể bị hạn chế. Một giao diện người dùng không bao giờ cần vượt quá hai gia đình và một vài trọng lượng. Các quy tắc cũng có thể được mở rộng để xử lý trường hợp biện minh và tiêu đề.

Màu

Nó dễ dàng để có được quá nhiệt tình với bảng màu. Một phạm vi nhỏ của các tông màu có thể đi một chặng đường dài để tạo ra hình ảnh đầy đủ và nhất quán. Thông thường tất cả những gì chúng ta cần cho một điểm khởi đầu là năm mẫu màu.

Các công cụ như Adobe Color CC giúp dễ dàng xác định trước bảng màu

Hầu hết các thương hiệu nên kết hợp một màu chính hoặc màu nhấn, và một vài tông màu trung tính hoặc tương phản để khen nó. Chúng tôi không cần 15 sắc thái của một tông màu, đặc biệt là vào lúc bắt đầu. Nó tốt hơn để bắt đầu nhỏ và tăng một hoặc hai bóng sau.

Hình ảnh

Cách chúng tôi kết hợp hình ảnh vào UI phần lớn được xác định bởi bối cảnh của nội dung. Nếu chúng ta có một khái niệm sơ bộ về đó là gì, chúng ta có thể tạo điểm bắt đầu cho hình ảnh của mình với các biến số cho tỷ lệ, kích thước, hình dạng và cách xử lý. Chúng tôi có thể thấy rằng chúng tôi không cần nhiều.

Hạn chế các biến hình ảnh của chúng tôi sẽ thực thi tính nhất quán tốt hơn và giúp quản lý tài sản hình ảnh dễ dàng hơn trong thời gian dài. Điều tương tự cũng diễn ra.

Có bao nhiêu biến thể về tỷ lệ và kích thước cho hình ảnh mà chúng ta thực sự cần?

2. Tạo Hướng dẫn Kiểu trước đó

Khi một dự án UI phát triển về mặt khái niệm, việc tạo và duy trì một hướng dẫn kiểu hoặc thư viện mẫu ngày càng trở nên quan trọng. Điều này sẽ thiết lập các nguyên tắc thiết kế để giúp quy mô dự án, duy trì nhịp điệu và tính nhất quán. Nếu chúng tôi xác định trước các biến, thì đó là một cách tốt để ghi lại chúng. Ra quyết định trong tương lai sẽ dễ dàng hơn với một hướng dẫn phong cách hơn là không có.

Tùy thuộc vào dự án, việc tạo một hướng dẫn phong cách là một điều xa xỉ và khá thường được dự định để tham khảo trong tương lai. Đây là lý do tại sao hầu hết các hướng dẫn phong cách tập hợp lại vào phút cuối hoặc sau khi dự án hoàn thành, và điều đó vẫn thực hành tốt. Nhưng trong khi có nhiều lý do hậu hợp lý hóa và lý luận cho một hướng dẫn phong cách để hỗ trợ thiết kế và phát triển triển vọng, nó thực sự có thể giúp xây dựng lòng trung thành trong giai đoạn đầu của khái niệm hóa.

Tạo một hướng dẫn phong cách cơ bản ngay từ đầu sẽ không chỉ thiết lập các nguyên tắc sớm để giảm bớt các quyết định thiết kế, mà còn giúp làm cơ sở hạ tầng để phát triển và gia tăng hiệu trưởng trong tương lai.

Làm một cái khi bắt đầu không có nghĩa là nó phải hoàn thành - cách xa nó. Phong cách có xu hướng phát triển nhiều hơn trong giai đoạn đầu, và dự án càng lớn thì càng rõ ràng và ranh giới trở nên chặt chẽ hơn.

3. Ưu tiên và thích ứng dựa trên mô-đun

Trong các hệ thống thiết kế dựa trên mô-đun, chẳng hạn như Thiết kế nguyên tử Brad Frost, một bố cục có thể được hình thành từ các khu vực chính cụ thể. Các mô-đun trở nên tái sử dụng trong suốt các bố trí khác nhau. Các giao diện được coi là hệ thống chứ không phải trang, với thiết kế và phát triển dựa trên mẫu là một phần lớn của quy trình.

Đây là một phương pháp tuyệt vời và nó giúp thiết kế UI dễ quản lý hơn nhiều, nhưng để hiệu quả hơn, chúng ta phải ưu tiên các lĩnh vực chính và điều chỉnh mọi thứ khác xung quanh chúng. Điều này lần lượt sẽ đảm bảo có sự gắn kết trực quan.

Xác định các lĩnh vực chính

Thiết kế của chúng tôi nên xoay quanh các phần quan trọng. Mức độ ưu tiên của từng khu vực được xác định bởi nội dung hoặc chức năng của nó trong giao diện và về cơ bản là chìa khóa cho câu đố.

Bằng cách tập trung vào các lĩnh vực quan trọng trước tiên, chúng tôi sẽ giảm các quyết định thiết kế sau đó vì các khu vực tiếp theo phải uốn cong và thích nghi với môi trường xung quanh.

Tập trung vào các lĩnh vực chính

Khi các khu vực ưu tiên cao đã được xác định, nó sẽ tập trung vào siêu tập trung vào các phần quan trọng và giúp chúng hoàn thành. Ý tưởng là để đảm bảo họ trực quan và đáp ứng tất cả các yêu cầu trước khi thích nghi với các lĩnh vực ít quan trọng hơn.

4. Làm cho nó hoạt động cho mọi người

Trong hàng ngàn năm, các nhà thiết kế đã cố gắng làm một việc - giao tiếp hiệu quả. Chúng tôi liên tục phát minh lại và tinh chỉnh các cách để giao tiếp tốt hơn và rõ ràng hơn với khán giả.

Với khả năng tiếp cận thông tin ngày càng tăng từ đối tượng rộng nhất có thể, nó trở nên cấp thiết để tối đa hóa khả năng tiếp cận với càng nhiều loại người càng tốt.

Khả năng tiếp cận là một phước lành trong ngụy trang

Phục vụ cho đối tượng rộng hơn nghe có vẻ như nhiều công việc hơn và thật hấp dẫn khi xem khả năng tiếp cận là một rào cản đối với sự đổi mới. Tuy nhiên, việc tuân thủ các tiêu chuẩn mới nhất có thể là một phước lành trong việc ngụy trang, đặc biệt nếu chúng trở thành bản chất thứ hai.

Các ví dụ về điều khoản thiết kế này có thể bao gồm yêu cầu chúng tôi cần kích thước phông chữ tối thiểu trên bản sao cơ thể hoặc một lượng tương phản đáng kể giữa bản sao và nền hoặc các khu vực liên kết lớn hơn trên các thiết bị cảm ứng.

Nó không chỉ là về khuyết tật

Khả năng truy cập không chỉ phục vụ cho người khuyết tật như một số người ngụ ý, mà còn cho người dùng với các thiết bị và trình duyệt cũ mà don hỗ trợ tất cả các tính năng và cải tiến mới nhất. Ý thức về các tiêu chuẩn này và quan sát chúng một cách tự nhiên sẽ làm giảm các quyết định thiết kế.

5. Sử dụng các mẫu đã thử và đã thử

Thực tế là, người dùng tìm thấy các giao diện trực quan khi chúng tuân thủ hàng trăm mẫu thiết kế phổ biến mà họ đã tiếp thu sau nhiều năm thực hành và triển khai. Ngay khi chúng ta bắt đầu tách ra khỏi các khuôn mẫu điển hình và bước đi trên mặt đất mới, chúng ta có thể thấy cần có thời gian để một mô hình mới trở nên hoàn toàn trực quan với công chúng.

Có một thời gian và một nơi để tạo các mẫu UI gốc, nhưng chúng ta không nên tránh xa các kỹ thuật thông thường - họ đã thành công vì một lý do.

Lớp lót bạc là để chúng ta bớt lo lắng về việc sáng tạo lại, và tập trung vào thẩm mỹ. Vẫn có thể tạo tác phẩm gốc dựa trên các mẫu đã thiết lập.

Chúng ta càng làm quen và tích hợp các mẫu thiết kế thành công, chúng ta càng có ít sự lựa chọn hơn với tư cách là nhà thiết kế. Chúng tôi không nhất thiết phải xem xét những gì có thể làm việc, nhưng những gì sẽ làm việc.

Lưu ý cuối cùng

Một số trong những cách tiếp cận này có thể cá nhân không làm giảm đáng kể suy nghĩ và ra quyết định của chúng tôi, hoặc cải thiện thiết kế của chúng tôi bằng một biên độ lớn. Tuy nhiên, việc kết hợp chúng lại với nhau, cùng với việc nhận được phản hồi tốt trên đường đi, có thể giúp thiết kế giao diện người dùng tốt hơn dễ dàng hơn đáng kể.

Theo dõi tôi trên Twitter