SCREEN
DESIGNING
Presentation by
Daksh Chaurasia and
Kanishk Dixit
WHAT DO USERS DESIRE?
01 04
An organised, clutter-free Expected information is where it
appearance. should be.
02 05
Provide clear instructions on Use straightforward language
what to do with the information
displayed.
03 06
Clarify when actions can result in
Clearly defined relationships. permanent data changes.
DESIGN GOALS
• Reduce visual work
• Reduce intellectual work
• Reduce memory work
• Reduce mentor work
• Eliminate burdens or instructions
Screen Elements, Controls and Text:
Elements and controls refer to interactive
elements that allow users to perform actions.
Text should be concise, accessible, and
formatted for readability ensuring better user
SCREEN
experience.
PLANNING
Content Organization:
Group related elements together and use clear
labels and icons to facilitate understanding.
There should be emphasis on primary actions.
Graphics and Screen Animations:
Animations and graphics should be purposeful,
functional and enhance user experience rather
than serve as decorations.
01 02 03
Meaningful Interaction for Users: Task-Oriented Screen Structure: Organizing Screen Elements Effectively:
The design should be user-centered It must have logical flow, Using visual Hierarchy and familiar
with simplicity, context and guided prioritization of key actions, and layouts.
navigation. feedback system.
SCREEN PURPOSE
CONSISTENCY
Internal and real world
consistency
Visual Identity and Theme
consistency
Component and Organizational
consistency
Location and Conventional
consistency
ORDERING OF SCREEN Logical organization of information
DATA & CONTENT Ordering Screen Elements by priority
Ordering schemes for content layout:
Conventional
Sequence of use
Frequency of use
Function grouping
Importance based ordering
General to specific.
Forming groups for task relevant
information
Minimizing the Number of
Information Variables
SCREEN Screen navigation must be simple and
straightforward. To improve navigation,
group and align the screen controls and
use line borders to guide the user's sight.
NAVIGATION The direction of movement
between screen items and
animations should be
obvious,consistent, and rhythmic.
Focus and Emphasis on elements
should be:
Critical, Important, Secondary and
Peripheral.
SCREEN FLOW
Locate the most important and most frequently
used elements or controls at top left. Maintain
top to bottom, left to right flow.
When groups of related information must be
broken and displayed on separate screens,
provide breaks at logical or natural points in the
information flow.
ADVANTAGES OF Eye movements
between items will be
SCREEN FLOW shorter.
Control movements between
items will be shorter.
Groupings are more obvious
perceptually.
When one’s eyes moves
away from the screen and
then back, it returns to about
same place it left, even if it is
seeking next item in
sequence.
THANK YOU
