Definition of UI and UX


1. Basic concepts of UX design🤗

1.1 Roles and definitions of UX🔍

Introducing infrastructure for non-face-to-face operations
Ordering food/fresh food through an online app
Using unmanned kiosks, etc.
Human-centred technologies are overgrowing due to advances in technology.
This rapid growth has led to a sense of reluctance to new technologies, time-consuming learning and adaptation.
So it is UX's role to narrow the distance between users' everyday <-> technologies.
UX design is the creation of context that users can easily understand in the entire process of experience.
The UX designer's share is to lead a product or service to the desired path faster considering its responsiveness, actions, memories, and experiences such as emotions directly and indirectly from a user-centred perspective.

1.2 Three Things to Keep in UX Design 🙏

Satisfy users' exact requirements
There is simplicity and pleasure in the process of being used so that people want to have and want to use it.
Provide more than users say they need and seamlessly integrate multiple discipline services to do so

2. Laws of UI design and interaction design 🤗

2.1 Definitions and Roles of UI 🔍

User Interface
User Manipulates (Inputs) the System
Provide appropriate information (output)
UI Role
Universality It is designed to be used by various users. It designs a screen for comfortable communication between technology and users.
Usability Usability is the primary purpose of the user interface. It helps users to use the product efficiently.

2.2 Strategies for Effective HCI ✍

8 Interface Design Principles🔥

Strive for consistency Products based on consistency can be used with confidence. It helps users adapt to the digital environment. Components work the same way for consistency in behaviour Improve usability and acquisition of products
Seek universal usability It enables easy learning regardless of whether the technology is mature. It should be a design that supports users to become skilled users.
Offer informative feedback Like feedback felt in reality, input on action should be provided on time in the digital environment. It helps users achieve their goals without friction and helps reduce cognitive load. It must be immediate and minimize delays to prevent the system from slowing down.
Design dialogues to yield closure Guides clear flow with vision, middle and end After each step is completed, it delivers good feedback, such as displaying notification messages. Clearly indicate the exit to help ensure good communication with the product.
Prevent errors We need to use standard rules to prepare for errors. It provides concrete ways to respond quickly and easily if errors are unavoidable.
Permit easy reversal of actions If mistakes can be easily undone, unfamiliar options can be freely used. It allows users to navigate products without any burden as they proceed with the work.
Keep users in control It has no difficulty obtaining the necessary information and enables the immediate generation of desired outcomes. Exploration and task activation always communicate clearly.
Reduce short-term memory load Since the human brain has limited memory capacity, it is designed to help store only about 7+-2 (5-9 items) for efficient use. Focus on increasing productivity by minimizing memory burden Strategies for effective HCI

7 Interaction Laws 🔥

Hick's Law
As information grows, our brains naturally think about options in a way that categorizes or groups them.
Therefore, it is possible to make quick choices by applying the same interaction as the brain's cognitive process.
Fitz's Law
It is a fundamental law that explains the relationship between speed and accuracy for human behaviour.
The smaller the target size, the slower the speed and accuracy of reaching the target, so the appropriate size of the button should be provided.
Magic number 7
Memory capacity of 7+-2. A small amount of information should lead to an easy judgment.
Law of Conservation of Complexity
The convenience and complexity felt by users and systems are inversely proportional.
A good UX takes on the system's complexity, but uncomfortable UX passes on to the user.
Potayoke's law
Mistake Prevention: Limit mistakes in the first place.
Error Notification: Notify me immediately when an error occurs
Feedback and Feedforward
In error, immediate and obvious feedback is required to prevent the wrong behaviour from being repeated.
It allows you to predict what will happen before it works, allowing you to operate with confidence.
It follows common usage both in the selection of images and in the acceptable interaction.
Use direct words to describe desired behaviour.
It uses metaphors.
After learning the interface, we constantly follow the same conceptual model to be utilized in different parts.
Made with 💕 and Oopy