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

Giao diện người sử dụng – User Interface (UI) là một trong những định nghĩa ko mấy không quen cùng với hầu hết đơn vị xây cất chuyên nghiệp hóa. UI là có mang xuất hiện thêm với sự thành lập của sản phẩm tính, chính vì vậy nói về UI rất có thể đọc là một trong những hình ảnh nhằm người tiêu dùng và máy móc thao tác làm việc với nhau. Bài viết, ngoài bài toán đề cùa tới nguyên tắc UI cơ bản, còn ước ao tìm gần như sự tương đồng nhất định thân UI và kiến tạo hình ảnh.

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

Tài liệu này là một phép tắc cơ bản về UI được đúc rút trường đoản cú hầu hết cuốn nắn sách không giống nhau về kiến tạo UI, cùng cả kinh nghiệm tay nghề của tôi. Hầu hết các qui định này hầu hết rất có thể được vận dụng cho các xây cất hình ảnh xuất xắc lập trình ứng dụng.

Tôi hoan nghênh chúng ta bổ xung với biến đổi nếu như khách hàng có ý kiến của riêng bản thân. Chúng nlỗi một tư liệu mngơi nghỉ để cùng phát triển.

User Interface là 1 trong những khái niệm nhằm nói về khu vực cơ mà con người với máy móc thuộc làm việc cùng nhau. Với sự Ra đời của máy tính, UI rất có thể xem là phần đa gì chúng ta bắt gặp bên trên màn hình cùng liên quan với laptop trải qua gần như câu lệnh được mã hóa.

Đối cùng với lĩnh vực xây cất, UI rất có thể xem là rất nhiều tác phẩm mà lại các đơn vị xây đắp thông qua kia truyền cài đặt thông điệp tới người tiêu dùng. Mỗi người xây đắp tựa như những đơn vị thiết kế phải tìm hầu như cách để bất cứ người nào cũng rất có thể phát âm với áp dụng được thành phầm của bản thân.

 1. Ngulặng tắc của tín đồ dùng

Biết fan nào đã áp dụng sản phẩm của bạn

Trước khi chúng ta có thể trả lời thắc mắc “Làm cụ làm sao nhằm rất có thể tất cả một UI xuất sắc hơn”?, trước tiên, chúng ta đề nghị vấn đáp câu hỏi: Tốt hơn mang lại ai?

Một thi công giỏi hơn cho một người dùng gồm kinh nghiệm sử dụng hay một người dùng không biết gì hoặc biết khôn cùng ít về vấn đề sử dụng thành phầm kia, hoặc lứa tuổi người tiêu dùng.

Một biện pháp giải quyết vụ việc này là tạo nên những quy mô người tiêu dùng khác biệt. Có một tư liệu xuất sắc dựa trên quá trình Brainstorming nhằm tạo thành một “bốn liệu” về người tiêu dùng. Kết quả của quy trình này là mô tả chi tiết của một hoặc hơn hồ hết người sử dụng “trung bình” với phần đông cụ thể quan trọng đặc biệt như:

Mục đích của người tiêu dùng là gì?Kỹ năng, kinh nghiệm tay nghề của tín đồ sử dụng?Người dùng cần điều gì?

Dựa bên trên rất nhiều lên tiếng này, họ sau đó rất có thể triển khai rất nhiều câu hỏi: Làm nỗ lực làm sao chúng ta tận dụng cụ mạnh mẽ của người tiêu dùng với chế tạo một hình ảnh giúp chúng ta đã có được mục đích của mình?

Trong ngôi trường hòa hợp một trong những phần mượt đến nhiều người tiêu dùng, ví dụ như một hệ thống msống, sẽ có rất nhiều các loại người sử dụng. Trong trường hợp này có thể có lợi hơn ví như tất cả một list phân các loại người dùng, ví dụ như “gồm tay nghề cao so với không có tay nghề”, “ttốt tuổi với không tphải chăng tuổi”,..v.v

Hoặc một số trong những phương tiện đặc trưng khác nhằm mục tiêu sưu tầm đầy đủ các ngôi trường phù hợp của người sử dụng.

Một biện pháp không giống nhằm vấn đáp thắc mắc này là thủ thỉ cùng với một số người tiêu dùng đích thực. Liên hệ thẳng giữa người dùng cuối (end user) và những bên thi công thường làm cho đổi khác quá trình trở nên tân tiến thành phầm.

 2. Nguim tắc của phxay ẩn dụ.

*

Mượn từ bỏ các hành động thân thuộc của người sử dụng.

Có các nhân tố nhằm để ý khi sử dụng một phép ẩn dụ. Một Lúc ẩn dụ được lựa chọn, nó yêu cầu lan truyền thoáng rộng, cố gắng vị sử dụng một lượt tại một điểm cụ thể. Thậm chí xuất sắc rộng là thực hiện và một phxay ẩn dụ trong tương đối nhiều xây đắp.

Đừng mất thời hạn xem xét về một phxay ẩn dụ mà chỉ dùng một đợt. Một kiến tạo rất có thể phối kết hợp các phnghiền ẩn dụ khác biệt, miễn là chúng ko xung đột nhiên cho nhau.

Một phép ẩn dụ thường có khủng hoảng rủi ro khăng khăng. Trong số đó, bất cứ bao giờ những đối tượng người dùng được miêu tả bên trên screen, chúng ta đã có được cả đông đảo khía cạnh bổ ích và tinh tướng bất lợi.

Cần hiểu được một số trong những ẩn dụ bao hàm tường ngăn về văn hóa. cũng có thể bạn đất nước hình chữ S thân quen cùng với bí quyết nói này còn tín đồ nước ngoài lại không giống.

3. Các bề ngoài xúc tiếp với tính năng

Hãy để cho người sử dụng thấy cụ thể đều thông điệp bao gồm sẵn.

Các bên xây dựng thường dành cho những người cần sử dụng một chút động óc về những thiết kế của họ. Nhưng chưa phải ai ai cũng mê say “động não”, cụ vào kia người ta có nhu cầu thấy các ý nghĩa sâu sắc ngay lập tức nhanh chóng, vậy vị buộc phải lưu ý đến về chiều sâu của xây cất.

Có hai nhiều loại đậm chất cá tính “Trực quan” và “Cảm quan”, tất cả đều hoàn hảo, cơ mà lại tập trung vào số đông kỹ càng khác nhau của cuộc sống. Cần lưu ý rằng “Cảm quan” thường nhiều hơn “trực quan” cùng với tỉ lệ thành phần 3-1.

“Trực quan” đam mê bối cảnh triệu tập các quy mô trừu tượng, can dự, ẩn dụ, v.v. Trong Lúc “Cảm quan” lại say mê đa số đồ họa được tận dụng tài năng năng nhấn thức của họ – nói theo cách khác họ ưa thích đồ họa cùng với các công dụng được chuyển lên ngay lập tức vị trí hay thấy tuyệt nhất, thông điệp chỉ việc nhìn một đợt là hiểu…

Điều này không có nghĩa các bạn yêu cầu khiến cho phần nhiều lắp thêm ngay lập tức mau lẹ dễ hiểu. Nhưng nó Tức là cho xây cất dễ dãi tò mò nhằm có thể nhận thấy mau lẹ và triệu tập vào điều xây đắp kia thiệt sự đề nghị nói.

Tất nhiên gồm có trường hợp các bạn không thích để lộ một tính năng/chức năng ngay chớp nhoáng, bởi vì bạn không thích “áp đảo” người sử dụng bởi vì rất nhiều chi tiết.

Trong ngôi trường thích hợp này, giải pháp tốt nhất là cấu trúc những vận dụng nlỗi những lớp của hành tây, hoàn toàn có thể thấy lớp sau bằng phương pháp bóc lớp trước, đem ví dụ như thực đơn thả của website, các lần rê chuột là 1 trong lớp liên kết bắt đầu.

Có nhiều Lever khác nhau của vấn đề ẩn đi. Đây là một trong những phần danh sách của thứ tự từ việc thường thấy độc nhất vô nhị, cho tới ít dễ thấy tốt nhất.

Hoàn toàn thấy được.Tìm ra thông qua kinh nghiệm tay nghề.Phát hiện Khi cửa hàng một việc liên quan.khám phá bằng hành động.

Mặc dù thế toàn bộ các xây cất bắt buộc nỗ lực đạt tới có mang dễ dàng hóa và càng giúp người tiêu dùng tập trung vào kỹ năng thiết yếu của xây dựng càng giỏi.

4. Các chế độ của sự lắp kết

Các đối tượng người sử dụng nên được áp dụng nhất quán.

Có một trong những lập luận về vấn đề các thiết kế/hình ảnh tất cả cần được cố gắng “trực quan” cùng khiến fan coi đề xuất tứ duy. Tuy nhiên nó chắc hẳn rằng bắt buộc gồm sự thống độc nhất vô nhị – kết nối cùng nhau (chính xác cùng với rất nhiều kiến tạo tạp trí tốt trang web nên làm).

Nhất cửa hàng nội bộ Tức là khiến người coi có thể “cảm giác” khi chứng kiến tận mắt các phần khác nhau của một xây đắp. lấy ví dụ như các bạn sử dụng phông kích thước 25pt Time Roman đến tiêu đề, thì chỉ cần quan sát thoáng qua phông chữ kích cỡ vậy, người tiêu dùng rất có thể “cảm thấy” nó là tiêu đề.

Nhà xây dựng đề nghị hướng đến phép tắc “ít bất thần nhất” vào một xây đắp, quan trọng đặc biệt với các thiết kế tất cả tính ứng dụng cao.

Nhất quán bên ngoài, nghĩa là kiến tạo tương xứng cùng với môi trường thiên nhiên, con người tiêu dùng nó. Nó bao gồm việc áp dụng nền tảng làm sao, giới hạn tuổi nào, thu nhập cá nhân ra sao, làm cái gi, từ bỏ đâu cho tới .v.v.

Xem thêm: Create A Photo Slideshow In Powerpoint Presentation: A Detailed Guide

5. Các hiệ tượng trực quan của từng môi trường

*

Thay đổi trong từng môi trường xung quanh rất cần được phản chiếu lúc nó mở ra.

Mỗi thay đổi người tiêu dùng đề nghị chuyển đổi khớp ứng cùng với bối cảnh. Có rất nhiều lời chỉ trích lúc bao hàm hình ảnh cần yếu biệt lập vùng miền thực hiện.

Tương từ bỏ điều đó, lúc một kiến tạo trường hợp chuyển đổi bối cảnh rất cần được đáp ứng được các thưởng thức về UI của kiến tạo cũ. Sẽ không có lý do ví dụ nếu như bài toán chuyển đổi diện mạo khiến người tiêu dùng cảm giác không quen với kiến thức áp dụng.

6. Nguyên tắc nlắp gọn

Nó hỗ trợ sự tập trung và chân thành và ý nghĩa trừu tượng của thi công.

Một lúc người tiêu dùng đang quen thuộc cùng với xây cất, quen với bài toán áp dụng, thì vấn đề còn lại là phát hành một mô hình kinh nghiệm của thiết kế. Người sử dụng rất có thể phán đân oán cùng với độ đúng chuẩn cao vào toàn cảnh ví dụ.

Ở thời đặc điểm đó các xây đắp có thể phá đổ vỡ những chỉ dẫn phức tạp thành quá trình dễ dàng và đơn giản. Để có tác dụng điều này bạn cần chắc hẳn rằng người tiêu dùng vẫn nắm rõ kinh nghiệm áp dụng thành phầm.

lấy ví dụ với cùng một loại ghế có thể nâng lên hạ xuống, người dùng có kiến thức cúi cong người xuống dưới search khu vực điều chỉnh, trước đó công ty xây đắp phải kê một buộc phải gạt thò hẳn ra bên ngoài, thì ni bọn họ hoàn toàn có thể giấu nó nhỏ gọn bên dưới ghế bởi một nút bấm nhỏ tuổi chẳng hạn.

Tất cả nên đã đạt được có mang vận tốc dẫu vậy buộc phải “dễ dàng hiểu”.

7. Ngulặng tắc tập trung

Một số khía cạnh của UI lôi cuốn người tiêu dùng hơn là các chiếc khác.

Chúng ta thường hay bị say mê bởi các Quanh Vùng chuyển động rộng là những khu vực tĩnh. Những biến hóa trên khu vực hễ sẽ tiến hành phân phát hiện tại thuận lợi. Các con trỏ văn uống bạn dạng là một trong những ví dụ của một đối tượng người dùng cuốn hút đôi mắt. Tgiỏi đổi hình ảnh của chính nó rất có thể là mọi báo cho biết thay đổi tâm trạng khác biệt cùng hữu dụng.

8. Nguim tắc ngữ pháp

Một UI là một nhiều loại ngữ điệu của người dùng.

Nhiều chuyển động vào một giao diện người dùng đòi hỏi cả một ‘công ty đề’ (đối tượng trên cùng) và một ‘đụng từ’ (hoạt động vui chơi của đối tượng). Như vậy cho thấy thêm rằng những hành động thoải mái và tự nhiên vào bối cảnh người tiêu dùng chế tạo thành một nhiều loại ngữ pháp.

Các ẩn dụ ngữ pháp có thể được mở rộng nhiều hơn nữa một chút ít, vào một vài công tác có thể dễ dãi phân biệt ‘trạng trường đoản cú, tính từ bỏ …’.

Hai ngữ pháp phổ cập duy nhất được biết đến là “Action->Object” và “Object-Action“. Trong Action-Object những vận động (hoặc công cụ) là sàng lọc thứ nhất. Lúc một đối tượng người tiêu dùng tiếp theo được lựa chọn, lao lý này ngay lập tức mau chóng vận động theo đối tượng.

Việc chắt lọc những phương tiện này vẫn xẩy ra xuất phát điểm từ 1 trong những hành vi tiếp theo, dó kia các đối tượng hoàn toàn có thể được quản lý và vận hành do từng lần lựa chọn mà lại ko phải chọn lại quy định.

Action-Object còn được biết đến nlỗi “cách tiến hành – modality” vị vấn đề lựa chọn là 1 trong những “chế độ – mode” chuyển đổi chuyển động công tác. lấy ví dụ như đến kiểu dáng này là phần mềm Illustrator, bạn cũng có thể vẽ 1 đường nét, tiếp đến chọn lựa độ mập bé dại của đường nét nhưng mà ko yêu cầu lựa chọn lại.

Trong trường vừa lòng Object-kích hoạt, đối tượng người dùng được chọn thứ nhất và còn lâu dài trường đoản cú lần vận động tiếp theo. Hành rượu cồn cá thể được chọn tiếp nối vận động trên đối tượng sẽ lựa chọn. Phương pháp này dễ thấy trong cách xử trí vnạp năng lượng bạn dạng – trước tiên mẫu mã chữ được lựa chọn, sau đó người tiêu dùng chọn giao diện italic, bold,..

Object-kích hoạt còn gọi là “không cách tiến hành – non-modal” cũng chính vì phần lớn hành vi có thể được vận dụng cho các đối tượng tất cả sẵn. Một đẳng cấp đầy kết quả của Object-kích hoạt được Gọi là “thao tác trực tiếp”, chỗ nhưng mà phiên bản thân từng đối tượng người dùng đó là một khí cụ – ví như kéo một đối tượng người dùng cho tới vị trí new và chuyển đổi kích cỡ.

“Phương thức – Action Object” bị chỉ trích không hề ít vào UI vị công tác được đề cao và tất cả hình ảnh thiếu thẩm mỹ. Còn “Không cách làm – Objec-Action) được thực hiện rộng rãi, mặc dầu một số trong những tính huống trong cuộc sống thường ngày gạn lọc cụ thể là “Phương thơm thức”.

lấy một ví dụ trong ngành mộc, tác dụng xuất sắc hơn khi đóng đồng thời các chiếc đinh hơn là đặt búa xuống, rồi gắng thước, vẽ địa điểm đinh tiếp đến, chay đi kiếm vít…

9. Các cơ chế Help – Trợ giúp

Hiểu được các Trợ giúp cơ mà người dùng bắt buộc.

1. Định phía kim chỉ nam “Tôi có thể làm cái gi với công tác này?”2. Mô tả “Cái này là gì? Thế nào? Làm sao?”3. Thủ tục “Làm rứa làm sao nhằm tôi làm điều này”4. Diễn giải “Tại sao vấn đề đó xảy ra”5. Định hướng “Tôi đã sinh sống đâu?”

Đối cùng với thi công hình ảnh, mỗi sản phẩm đề xuất ẩn chứa trong số đó sự “trợ giúp” người tiêu dùng nên tiện lợi nhận ra bọn họ đang xuất hiện thành phầm gì, để làm gì, áp dụng nỗ lực làm sao, với cân xứng với văn hóa của họ.

10. Nguim tắc về an toàn

Hãy nhằm cho người dùng đầy niềm tin bằng cách chế tác dựng một hệ thống an toàn

Ted Nelson từng nói “Sử dụng DOS y hệt như tung hứng cùng với dao cạo, còn sử dụng Mac như là tung hứng một Sạc Pin bowling – thanh gỗ cần ném nhẹm đổ vào bowling)”.

Trong mọi người có một vài lượng những khủng hoảng, cùng có tối tgọi và buổi tối đa khủng hoảng mà họ Cảm Xúc thoái mái. Nếu người tiêu dùng thấy vượt nguy hại, chúng ta vẫn tra cứu giải pháp giảm nguy cơ đó. trái lại ví như thừa an toàn – nói cách khác nguy cơ giảm sút ngưỡng buổi tối tđọc – bọn họ lại tmê man gia những hành động nhằm tăng nó lên.

Trong xây đắp rất có thể coi điều đó là sự việc xác minh thừa nhận thức của không giống sản phẩm, trường hợp cung ứng một thi công vượt ra khỏi nhận định thẩm mỹ và làm đẹp của họ, bọn họ sẽ cảm thấy không tin tưởng tưởng, và họ cũng thiếu tín nhiệm tưởng nếu như thấy một xây đắp theo bọn họ quá tệ. Nó đề nghị nằm trong vòng độ thừa nhận thức của mình.

hầu hết người nhận định rằng, đều người dùng new không chỉ là kém về kĩ năng, hơn nữa cả trí tuệ. Nhưng sẽ là vụ việc chúng ta (những người chuyên môn) cần xử lý nhằm bất kể người dùng nào thì cũng cảm thấy chúng ta sẽ sinh hoạt trong khoảng độ bình yên. Những hộp thoại “Are you sure – quý khách hàng bao gồm chắc?” là một trong những làm việc quan trọng cho những người cần sử dụng.

Cuối cùng buộc phải xem xét rằng các điều vào cuộc sống cần thiết đã có được tiện lợi. Thực hành là “no pain, no gain – ko đau – không đạt”, ví như một cuộc thi chạy ai cũng về tuyệt nhất thì không hề là cuộc thi.

Xem thêm: Chấm Điểm Seo Bài Viết Của Bạn Có Chuẩn Seo Hay Không, Hướng Dẫn Chấm Điểm Seo Website Chi Tiết 2021

Điều này quan trọng say đắm hợp với kiến tạo giao diện Game, những hình thức đồ họa mang lại trò chơi rất có thể khá khác với nhưng nguim tác dành cho người thực hiện máy tính xách tay thường thì.


Chuyên mục: Digital Marketing