User interface (UI)
● is the front-end application view to which user interacts in order to use the software.
The software becomes more popular if its user interface is:
● Attractive
● Simple to use
● Responsive in short time
● Clear to understand
● Consistent on all interface screens
Wireframing
● It lays the foundation for creating effective and visually appealing user interfaces by
enabling designers to visualize the overall structure and layout of a digital product.
● ensures a logical and intuitive flow for users.
● important in both the user experience design process and the process of UI design.
Icons
● help speed up recognition of the UI and the task the user has to perform
Perception
● is the process of attaining awareness or understanding of sensory information.
Motor Skill
● is a learned series of movements that combine to produce a smooth, efficient action.
Attention
● is the cognitive process of selectively concentrating on one aspect of the environment
while ignoring other things.
Mention the principles of user interface design (UID)
1. Structure
● Organize the interface with a clear layout, grouping related items, separating
unrelated ones, and making similar elements look alike to improve recognition
and understanding.
2. Simplicity
● Simplify tasks, use familiar language, and provide useful shortcuts.
3. Visibility
● Display only essential information to avoid distractions.
4. Feedback
● Keep users informed of relevant actions or state changes in clear, familiar
language.
Mention the factors used in professional looking UI/UX?
The Basic factors of Proper UI?
● Spacing and Positioning: Spacing between two controls is important.
● Size of components
● Grouping of components
● Intuitiveness : to know what the controls do
What are the Intuitiveness?
● is that tells the user to knows what the controls do.
● An important topic in intuitive design is color-coding.
Application design
● is the process and techniques used to create an effective user interface for a software
application. includes :
the development of visual elements
Layouts
interactions
that make using the application easy and satisfying for users.
Interface design
● is the process of creating user interfaces for machines and software to enhance usability
and user experience. It includes design processes, visual elements, layouts, and user
interactions
● Types
Command Line Interface (CLI)
Graphical User Interface (GUI)
Menu-driven user interface
Touch user interface (TUI)
Voice user interface (VUI)
Form-based user interface
Web User Interface (Web design)
Mention some Examples of user interfaces?
● Application Login
● Application registration
● Remote control
● Virtual reality
● ATMs
● Mobile phones
● Website template
What is the main Layout of a UI?
● Navigation area (top)
● Work area (middle)
● Status area (bottom)
Mention some software tools that could be used in UID?
● Figma
● Adobe XD
● Sketch
● Visual Studio.
What is the Benefits of Good User Interface?
Describe three benefits of good User Interface?
● Make a clear vision (to satisfy audience needs)
● User confidence
● confidence in your user and the brand
● Simplify everything
● Creating your mark
What is the value of the human processor model?
● is that it allows a system designer to predict the performance with respect to time it takes
a person to complete a task without performing experiments.
Mention some Mistakes in UI Design
1. Do not implement a user-centered design.
2. Excessive use of dynamic effects
3. Preparing so much in advance
4. Not testing the website design enough
5. Confusing navigation
How to Draw Attention to Important Buttons
● convert the other non-critical buttons into Link Labels
● Second is to put the critical button first in line.
● The recommended option is to set to receive focus by default.
Mention some Tips for a Better UI design
● Use Standards
● Draw Attention to Important Buttons
● Simplify Recognition with Icons
● Simplify Recognition with Headers
Motor skills
● are learned movements that produce smooth, efficient actions.
● include:
Gross Motor Skills:
● Large movements like rolling over, sitting up, balancing, crawling, and walking.
Fine Motor Skills :
● Precise movements such as handling small objects, hand-to-hand transfers, and
hand-eye coordination tasks.
What is the difference between error and mistake
● An error is a deviation from accuracy or correctness.
● A mistake is an error caused by a fault: the fault being misjudgment, carelessness, or
forgetfulness.
Describe why using navigation in the UI Design.
● aids complex UIs by providing the best functionality content and user interactivity plot,
ensuring that users can achieve their goals easily.
How can color be a powerful tool in UI?
● very helpful in gaining the attention of users.
● The color limitations such as color blindness, near/far sighted
● Red objects appear closer than blue objects.
Mention four usage for Motion graphics.
● Onboarding and Tutorials
● Feedback and Status Updates
● Transitions
● Highlighting Interactivity.
● Create fun and exciting designs.
● Add intrigue and excitement.
● Give your designs a unique look.
● Create a great design for your website.
Why it is important to focus before build a prototype?
● Starting from a blank artboard and ending up with final high-fidelity UI designs requires
different skills and knowledge
● to make UI designs functional and usable, you'll need to start with good, insightful user
research and data.
Discuss Techniques for draw the user Attention?
● Size: Larger elements attract more attention, helping to emphasize key features.
● Contrast: highlights important areas in a design.
● Texture: can make an object stand out, though it should be used sparingly.