Hãy nghĩ về hầu như website hoàn hảo mà bạn biết. Giờ đồng hồ thì nghĩ về nguyên nhân vì sao nó tốt vời. Chưa hẳn là bởi những hình hình ảnh tuyệt vời khiến chúng thú vị (mặc cho dù hình ảnh đẹp cũng đều có ích) hoặc văn bản giàu thông tin bạn gọi được ở đó (mặc dù điều đó cũng hữu ích nhất định). Hoàn toàn không phải: công ty yếu người tiêu dùng bị tuyệt hảo bởi trang web bởi có thể thực hiện điều nào đó nhanh chóng, công dụng và dễ ợt trên trang web đó. Một trong những cách tiếp cận đặc trưng để có được điều đó được nghe biết với loại tên kiến tạo giao diện người tiêu dùng (thiết kế UI).

Bạn đang xem: Thiết kế giao diện người dùng

Thiết kế UI là quan liêu trọng bởi vì nó quản lý can hệ của người tiêu dùng internet với website của bạn, và chính vì như thế cũng là cách liên can với sản phẩm hoặc dịch vụ bạn cung cấp. Phần đa giao diện người dùng xuất sắc nhất cho phép người cần sử dụng quên đi hầu như khía cạnh kỹ thuật của website, và chỉ việc để ý tới câu hỏi mà họ muốn thực hiện. Mặc dù đó nghe dường như là nguyên lý cơ phiên bản của kiến thiết web, vượt trình xây đắp những trang nội dung và thi công giao diện khá khác biệt và gồm những khác hoàn toàn căn bạn dạng giữa thi công UX, UI, website và cách tân và phát triển (lập trình) web. Trong nội dung bài viết này, cửa hàng chúng tôi sẽ định nghĩa giao diện người tiêu dùng là gì, điều gì tạo cho giao diện fan dùng tuyệt vời và hoàn hảo nhất và 4 quy tắc giúp đỡ bạn tạo yêu cầu những giao diện người dùng tốt.

Giao diện người tiêu dùng là gì?

Thiết kế giao diện người tiêu dùng là việc xây đắp những từng trải về mặt thẩm mỹ và làm đẹp của những giao diện kỹ thuật số, cụ thể là những cụ thể hình ảnh trực quan tiền như nút bấm, menu điều hướng và kiểu chữ. Điểm cơ bản là ở vẻ bên ngoài và xúc cảm mà giao diện mang về và liệu người tiêu dùng có một trải nghiệm quyến rũ và mềm mại và thoải mái cả về vẻ đẹp cũng giống như sử dụng của website. Nói ngắn gọn, thi công UI là quá trình trong đó các nhà xây cất và nhà trở nên tân tiến tạo ra mọi giao diện thân thiện với người tiêu dùng liên kết người tiêu dùng với thành phầm hoặc thương mại dịch vụ của bạn.

Thiết kế bởi vì OrangeCrush

Những dạng thông dụng độc nhất vô nhị của thi công UI là:

Giao diện người tiêu dùng dạng bối cảnh – tất cả những hình tượng hình ảnh cho nút bấm, menu, bảng tinh chỉnh và điều khiển và số đông mọi lắp thêm mà người tiêu dùng sẽ tương tác. Một ví dụ cho dạng này chính là giao diện của dòng sản phẩm tính hoặc điện thoại thông minh di hễ của bạn.Giao diện người dùng điều khiển bởi giọng nói – đây là những giao diện đòi hỏi giọng nói của người dùng làm thực thi một tác vụ nỗ lực thể. Bọn chúng đang trở nên thịnh hành ngày nay. Một vài lấy một ví dụ là trợ lý ảo Siri của Apple, Alexa của Amazon, Bixby của Google.Giao diện người tiêu dùng dạng cử chỉ – đấy là những giao diện trong những số ấy những động tác cử chỉ của tín đồ dùng ảnh hưởng tới một sản phẩm. Một ví dụ sinh động chính là những trò chơi thực tiễn ảo (VR).

Bạn có mang một hình ảnh người xuất sắc như ráng nào?

Như với bất cứ quá trình kiến thiết nào, chiếc chìa khóa để tạo thành một kiến tạo UI giỏi là suy nghĩ cẩn thận về phương châm mà bạn có nhu cầu đạt được. Thông thường, đã dễ rộng khi định nghĩa các loại website giỏi ứng dụng bạn có nhu cầu sản xuất so với câu hỏi định ra một cỗ quy tắc nhằm đạt được mục tiêu đó.

*
" />

Thiết kế vì chưng 84 Design.

Thực ra, hơi thẳng thắc để tư tưởng những điểm sáng của một xây đắp UI tốt. Đây là một đôi điều cần lưu giữ tâm:

Một yên cầu “sướng” cho những người dùng đồng thời mang lại họ sức khỏe để ngừng tác vụ một cách nhanh chóng và dễ dàng.Cần tính mang lại nhu cầu nhiều chủng loại của các nhóm người dùng không giống nhau – nói phương pháp khác đó là khả năng truy cập của thi công (đối với những người dân tàn tật,…)Giao diện nên đơn giản dễ dàng và bắt mắt nhưng không thật rối rắm cùng gây mất tập trung. Người tiêu dùng nên có công dụng xem cách triển khai một các bước dễ dàng như vậy nào.Trọng trung khu là ở sản phẩm và dịch vụ của bạn, và bối cảnh đóng sứ mệnh như ước nối đến khách hàng rất có thể tiếp cận chúng.Nó được cho phép người dùng điều phối và tương tác theo cách họ lựa chọn, nhưng mà nó đề xuất sẵn sàng nhẩy vào và hỗ trợ hoặc hỗ trợ sự trợ giúp nếu nên thiết.

Khi toàn bộ những cụ thể được kết hợp, cuối cùng các bạn sẽ có được một kiến tạo UI không chỉ đơn giản dễ dàng mà còn bạo dạn mẽ: một thiết kế cho phép người dùng đã có được điều người ta muốn một giải pháp nhanh chóng, và không cần thiết phải tìm kiếm qua không ít trang nhằm tìm thông tin cần thiết.

Những quy tắc đặc biệt quan trọng của một xây cất UI giỏi vời

Giờ thì hãy cùng nhau đi xa một chút khỏi mọi định nghĩa cơ bạn dạng của xây cất UI xuất sắc và ban đầu nhìn vào đầy đủ quy tắc cùng kỹ thuật có thể sử dụng để đã có được nó. Mặc dù mỗi website và vận dụng đều khác biệt, luôn luôn có một bộ hào kiệt cốt lõi được share bởi đa số mọi xây dựng UI tuyệt vời và hoàn hảo nhất ngoài kia. Vậy thì chúng ta hãy cùng nhau điểm qua từng nguyên tắc nhé!

Một xây đắp UI xuất sắc luôn có sự đồng điệu xuyên suốt toàn cục website

Có lẽ thành phần đặc biệt nhất của một thiết kế UI tốt vời chính là sự duy nhất quán. Hài lòng thì đa số thành phần của trang web nên cho tất cả những người dùng biết họ chính xác đang sinh sống đâu. Điều này có nghĩa rằng một trong những bước đầu tiên khi cải tiến và phát triển một website unique là cần cải tiến và phát triển một bộ hướng dẫn thương hiệu dành cho nội dung text với bảng màu, để người tiêu dùng không khi nào phải tự hỏi họ bao gồm đang ưng chuẩn trên cùng một website tốt không.

Một bảng màu như vậy cũng rất có thể được thực hiện để chỉ ra cho tất cả những người dùng cách áp dụng website của bạn. Màu sắc sắc hoàn toàn có thể giúp người tiêu dùng dễ phân biệt những tính năng đặc trưng của website. Ví dụ, nút “tìm gọi thêm thông tin” đề xuất trông như thể với nút “yêu mong một chủng loại thử” để bạn dùng có thể dễ dàng tìm kiếm thấy những hành vi tương trường đoản cú họ đang tìm kiếm chỉ đối kháng giản bằng cách quét cấp tốc qua website.

*

Nút “ứng tuyển” và nút “bắt đầu” nên được thiết kế giống nhau tuy vậy nội dung text là không giống nhau. Cơ mà nó vẫn khiến cho người dùng dễ dãi nhận ra rằng bọn họ đang triển khai cùng một tác vụ. Kiến tạo bởi masiko.

Việc tạo ra những màu sắc sắc, nút với font không giống nhau cho mỗi hành động trên website của người tiêu dùng khiến những người tiêu dùng vội vã cực nhọc tìm những thông tin hữu ích hơn. Tương tự như như thế, việc tạo thành một nút với thuộc font, kích thước và màu sắc cho 2 hành động hoàn toàn khác nhau rất có thể gây ra sự bối rối. Ví dụ bạn sẽ không khi nào muốn nhì nút “đồng ý” với “hủy” sẽ có cùng một màu.

thi công UI xuất sắc tránh khiến người dùng yêu cầu quá mất công sức

Những website cực tốt đơn giản hóa số đông việc phức tạp giúp người dùng và bạn cũng có thể đạt được điều này bằng việc giảm thiểu càng nhiều công sức của con người thực hiện cho tất cả những người dùng càng tốt. Rất nhiều website tốt sử dụng tương đối nhiều kỹ thuât để gia công việc này, từ bỏ việc khiến text đọc dễ dàng hơn cho tới những kỹ thuật phức tạp như sắp tới xếp cấu trúc nội dung với trang nhằm có hiệu quả tối đa. Để bắt đầu việc này, hãy cân nhắc những điều sau:

Sự cụ thể về hình thức

Đây là cơ hội bạn thu xếp lại phần đông thành phần trong website để cho thấy mức độ quan trọng của chúng. Ví dụ, nút bấm và liên kết nên lớn hơn và color mè hơn để thú vị sự chú ý, và chính vì thế đóng vai trò là một trong những dấu hiệu rằng chúng quan trọng hơn phần nhiều thành phần khác.

Một tuyệt kỹ khác là cung ứng nhiều gợi ý về mặt hình hình ảnh cho fan dùng. Chúng ta có thể cung cấp các trợ góp hình hình ảnh và điểm tham chiếu để giúp người dùng thông qua giao diện của bạn. Ý tưởng là khiến việc điều phối website dễ đoán nhất có thể. Bạn không khi nào muốn một khách truy cập quá bất ngờ vì mục tiêu và vị trí đặt của một nắm bấm hay đường link.

Xem thêm: Thực Phẩm Chức Năng Hàu Biển Ob Tăng Cường Sinh Lý Nam Giới (Hộp 30 Viên)

Cân bởi giữa text cùng hình ảnh

Một thủ thuật quan trọng là bớt thiểu trọng lượng nội dung dạng text các bạn có trong website của mình. Người truy cập website vốn có sự chăm chú ngắn hạn và bài toán bắt họ đọc qua một đoạn văn dài sẽ khiến họ chóng nản chí hơn. Người dùng cần phải có thể phát âm quét qua và thuận lợi nhận diện số đông phần và thông tin mà họ cần tìm.

*

Thiết kế do David Ferretti

Qúa trình đối kháng giản

Hầu hết những tính năng của trang web của bạn, cho dù nó là đăng kí, đặt đơn hàng hay yêu mong thông tin cụ thể nên tuân theo quy tắc click 3 lần. Đúng như tên thường gọi của nó, các bạn cần bảo vệ người cần sử dụng của mình rất có thể đạt được mục tiêu với buổi tối đa 3 lần click chuột.

thiết kế UI tốt cho tất cả những người dùng kỹ năng kiểm soát

Những thiết kế UI giỏi khiến fan dùng dễ dàng hơn trong việc điều phối website theo phong cách họ muốn, truyền sức khỏe cho họ và để họ cảm thấy có thể kiểm soát trải nghiệm của bao gồm mình. Các bạn nên đảm bảo an toàn rằng website của chúng ta làm việc cho tất cả những người dùng, hơn là nghiền họ học sử dụng một giao diện người dùng phức tạp để truy cập những thương mại & dịch vụ của bạn.

Có một số phương pháp để làm bài toán đó, với dưới đấy là những bí quyết thường gặp gỡ nhất:

Bổ sung một vài hình dạng menu hoặc tín hiệu đính kèm link đến rất nhiều trang nội dung hay được dùng làm chúng hoàn toàn có thể dễ dàng điều hướng website của bạn.Tạo đk để khách hàng truy cập tiện lợi quay lại trang họ vừa lép thăm. Điều này sẽ không chỉ khiến website của doanh nghiệp dễ sử dụng hơn, nhưng mà nó còn khuyến khích tín đồ dùng khám phá website và đến họ kiểm soát điều hành quá trình tò mò đó.Ghi nhận hoặc cung cấp phản hồi mọi khi một hành động nhất định được hoàn thành, hoặc kết quả của một hành động. Ví dụ, khi tạo ra một mật khẩu, cho tất cả những người dùng biết rằng mật khẩu của họ có vừa lòng điều khiếu nại bảo mật hay không và họ không đủ gì.

*

Thiết kế bởi tikshow

Cung cấp cho những update thời gian thực của tâm lý hệ thống để hạn chế việc người dùng mất kiên độc nhất vô nhị (ví dụ khi một yêu cầu trên đồ họa hoàn tất, người tiêu dùng nhìn thấy thông báo thực hiện thành công xuất sắc hoặc trạng thái được thay đổi từ “đang cập nhật” quý phái “đã hoàn tất”,…)Cung cung cấp nhãn bằng văn bản và hình ảnh. Hãy nắm rõ tab làm sao cho hành vi nào bằng cách sử dụng những biểu tượng thường gặp gỡ cũng hầu như tên tab rõ ràng.Cho phép tính năng tự động lưu để tránh việc người tiêu dùng bị mất dữ liệu khi không may ấn nhầm nút như thế nào đó.Đi sâu thêm vào cùng một công ty đề, những thông tin lỗi bắt buộc được thiết kế cẩn trọng để kiêng làm người tiêu dùng chán nản. Những thông tin lỗi nên bao hàm các đường links dẫn mang đến trang nội dung có lợi để hạn chế và khắc phục lỗi, như là links dẫn cho đổi mật khẩu.

*

Thiết kế bởi Allure

kiến thiết UI giỏi khiến người dùng thoải mái

Thiết kế UI xuất sắc khiến mọi người tiêu dùng cảm thấy thoải mái, với truyền sức mạnh cho mọi bạn khách truy vấn đạt được mục tiêu họ muốn. Điều này còn có nghĩa đảm bảo rằng toàn bộ khách truy cập đến website của bạn cảm thấy dễ chịu và thoải mái và đầy niềm tin khi truy vấn website của bạn. Một số phương pháp để làm việc này là:

Tránh dùng những từ cực nhọc hiểu

Đừng dùng ngôn từ mà người dùng của người sử dụng không thể hiểu. Hãy nghĩ về về người dùng và sử dụng những khái niệm và trường đoản cú ngữ bọn họ biết và thường sử dụng. Ví dụ, một số cá nhân làm việc trong ngành công nghiệp quần áo có thể kể đến tặng ngay “buy one get one (mua 1 khuyến mãi ngay 1)” như là BOGO, nhưng việc đặt BOGO trong website của người sử dụng để quảng bá cho khuyến mãi này sẽ không còn có ý nghĩa gì lắm với phần lớn khách hàng. Với nó hoàn toàn có thể khiến fan dùng hoảng loạn và bong khỏi website.

Hãy giúp người khuyết tật rất có thể sử dụng thành phầm của bạn

Thiết kế do OrangeCrush

Hãy hãy nhớ là trong số người tiêu dùng có một cỗ phận bé dại những người dùng có thị lực kém, khiếm thính, suy sút nhận thức hoặc suy giảm vận động. Bởi việc đảm bảo an toàn rằng website của bạn cũng có thể phục vụ phần đông các nhóm fan dùng, bạn sẽ có thể tiếp cận và cung cấp trải nghiệm mang đến nhiều người dùng hơn. Hãy luôn để ý điều này khi kiến thiết giao diện người tiêu dùng của bạn.

Điều này còn có thể có nghĩa là sử dụng những chi tiết đơn giản với độ tương phản cao nhất có thể, và giảm độ nhiễu về khía cạnh thị giác về mức buổi tối thiểu. Tránh thực hiện những chi tiết đồ họa hoặc đường liên kết không hoàn toàn phù hợp với những thứ bạn cung cấp.

Ngay khi bạn bắt đầu nhìn vào những thiết kế UI xuất sắc, bạn sẽ thấy quý hiếm của vấn đề này vượt xa khỏi việc đưa về trải nghiệm tốt cho người khuyết tật. Bằng việc đảm bảo an toàn ứng dụng hoặc website của khách hàng nổi bật với càng nhiều người dân càng tốt, các bạn sẽ có được một kiến tạo đơn giản, tinh tế và sắc sảo và dễ sử dụng hơn nhiều cho mọi người.

Sử dụng những nhắc nhở mà người tiêu dùng đã biết

Khi bạn sử dụng những nhắc nhở hình ảnh từ quả đât thực trong nhân loại ảo, người dùng vốn sẽ biết ý nghĩa sâu sắc của nó. Chỉ việc nhìn vào đồ vật tính của bản thân mình và bạn sẽ thấy những thư mục hệt như những tệp tài liệu quanh đó đời trong khi thùng rác rưởi trông giống như thùng rác thường dùng trong công sở. Người tiêu dùng vốn đã hiểu hội chứng năng của thư mục với thùng rác và sẽ thực hiện theo cùng bí quyết ở quả đât ảo.

Một ví dụ không giống là nhiều người dùng biết rằng để thoát ra khỏi một màn hình, họ đề nghị click vào nút “x” trên phía bên trên bên cần (hoặc trái) của cửa sổ. Điều cuối cùng các bạn sẽ cần có tác dụng là kiến tạo một hành lang cửa số bật lên (pop up) hoặc screen nơi mà công dụng nằm nghỉ ngơi dưới cùng của trang.

Xem giải pháp nút “Bỏ qua” là được để vào vị trí của nút “X” như vậy nào? Điều này nói cho những người dùng biết rằng công dụng thoát là địa điểm mà nút “X” được mong rằng bởi người dùng. Thiết kế bởi Brendox.

*

Tạm kết

Cuối cùng, kim chỉ nam của một xây dựng giao diện bạn dùng giỏi là khiến cho việc điều hướng một website hoặc ứng dụng thuận tiện và thoải mái cho người dùng. Điều này vẫn khuyến khích bạn dùng mày mò sản phẩm hoặc dịch vụ của công ty mà không cảm giác nó quá cạnh tranh hoặc chúng ta sợ có tác dụng sai.

Những xây cất UI rất tốt làm được không ít điều rộng thế, nó cũng là một phương pháp để phô diễn mến hiệu của doanh nghiệp với cố giới. Cũng chính vì website của khách hàng là bộ mặt của chữ tín hoặc sản phẩm của bạn, chúng ta nên kiến tạo nó trong khi luôn luôn để trung ương tới người tiêu dùng và đảm bảo họ sẽ sở hữu được trải nghiệm mà họ mong muốn. Mang lại dùng điều này có nghĩa chúng ta phải khám phá nhiều kỹ thuật kiến tạo giao diện người tiêu dùng hoặc thuê một nhà xây dựng UI, mục tiêu của khách hàng vẫn không thay đổi – đem đến một trải nghiệm tuyệt đối hoàn hảo cho các người.