USER INTERFACE

DESIGN PROCESS &

BASIC DESIGN ISSUES
IN USER INTERFACES
Presenter :
Samarpan Bhandari
Nirajan Acharya
1. WHAT IS USER INTERFACE?
 A user interface (UI) is the part of software program that
allows user to interact with computer to carry out their
task.
 Includes screens, pages, buttons, icons, and other visual
elements that users interact with.
 In multimedia, the user interface refers to the means
through which users interact with multimedia content, such
as videos, audio, animations, graphics, and text.
EXAMPLE OF UI

Fig: Depicting ui using Nike website

2.WHAT IS UI DESIGN?
 User Interface design, involves creating the look and feel
of digital interfaces such as websites, apps, and software.

 It focuses on making the interfaces easy to use, visually

appealing, and effective in helping users accomplish their
tasks smoothly.
3. UI DESIGN PROCESS
 The UI (User Interface) design process is a structured
series of steps followed to create interfaces that are user-
friendly, visually appealing, and effective.
 Following things should be consider during ui design process:
 Understand what users need and like through research.
 Make sure it works fast and smoothly.
 Design interfaces that look nice and fit the brand.
 Ensure everyone, including those with disabilities, can use it.
 Make sure it works well on different devices and systems.
4.COMPONENT OF UI DESIGN
PROCESS
 DIFFERENT COMPONENT OF UI DESIGN PROCESS
ARE AS FOLLOWS:
 User analysis
 System prototyping
 Interface evaluation
5.USER ANALYSIS
 User analysis involves studying and understanding the
target audience who will interact with the interface.
 It involves gathering data through various research
methods such as surveys, interviews, observations, and
usability testing.
6. METHODS OF USER
ANALYSIS
 Surveys: Asking users questions to understand what they like and need.
 Interviews: Talking directly to users to learn about their experiences
and preferences.
 Focus Groups: Bringing a small group together to discuss their
thoughts on the interface.
 Observational Studies: Watching how users interact with interfaces to
see what they do naturally.
 Task Analysis: Breaking down tasks to see how users complete them,
finding ways to make it easier.
7.SYSTEM PROTOTYPING
 System prototyping in UI design involves creating early versions or
models of the interface to test and refine its functionality and user
experience.
 System prototyping is like making a rough draft or model of a
website or app before building the final version.
 This process allows for testing different ideas and features to ensure
the final interface meets user needs effectively.
8.BENEFITS OF PROTOTYPING
 Allows stakeholders to visualize and interact with the interface
early in the design process.
 Facilitates gathering early user feedback to improve usability and
functionality.
 Helps identify and address design flaws and functionality issues
early, reducing development costs.
 Reduces the chance of creating a final product that users won't like
or that doesn't work well.
9.INTERFACE EVALUATION
 Interface evaluation means checking and testing how well a website
or app works to make sure it's easy for people to use and meets its
goals effectively.
 It includes gathering feedback from users and experts through
various methods to identify usability issues and improve overall
user experience.
 This process helps in refining the interface to better meet the needs
and expectations of its users.
10.METHODS OF INTERFACE
EVALUATION
 Usability Testing: Involves observing users as they interact with the interface
to perform tasks, gathering qualitative feedback on usability issues and user
satisfaction.
 A/B Testing: Compares two versions (A and B) of an interface to determine
which one performs better based on user behavior and preferences.
 Eye tracking: Uses specialized technology to track where users look and
focus on the interface, providing insights into visual hierarchy and user
attention.
 Surveys and Questionnaires: Collects quantitative data from users to
measure satisfaction, ease of use, and overall user experience.
11.BASIC DESIGN ISSUES IN
USER INTERFACES
 Cluttered Interface: Too many elements on the screen can overwhelm users
and make it difficult to find important information or functions.
 Inconsistent Design: Inconsistencies in layout, navigation, terminology, or
visual style can confuse users and impair usability.
 Poor Navigation: Complex or unclear navigation paths can frustrate users and
make it hard for them to find their way around the interface.
 Lack of Feedback: Users need clear and timely feedback to understand the
results of their actions and feel in control of the interface.
 Overly Technical Language: Using jargon or technical terms unfamiliar to
users can create barriers and hinder effective communication.
REFERENCES
 UX Design, "The Importance of Clear and Simple Language in UX Writing," Jul. 2019.
[Online]. Available: https://uxdesign.cc/the-importance-of-clear-and-simple-language-in-ux-
writing-40b222e579fb.
 Usability.gov, "System Feedback," [Online]. Available: https://www.usability.gov/what-and-
why/system-feedback.html.
 Nielsen Norman Group, "10 Usability Heuristics for User Interface Design," Nielsen Norman
Group, 1995. [Online]. Available: https://www.nngroup.com/articles/ten-usability-heuristics/.
 Interaction Design Foundation, "Information Architecture – UX Design," May 2020. [Online].
Available: https://www.interaction-design.org/literature/topics/information-architecture.
 Nielsen Norman Group, "Top 10 Information Architecture (IA) Mistakes," Apr. 2011.
[Online]. Available: https://www.nngroup.com/articles/top-10-ia-mistakes/.