design is the process designers use to build interfaces in software or computerized devices, focusing on looks or style
Contents
UX
UI
CX
SD
IxD
Research icon
Research
Research
User Feedback icon
User Feedback
User Feedback
Analytics icon
Analytics
Analytics
Approach icon
Approach-UX
Approach-UX
Production icon
Production
Production
Testing icon
Testing
Testing
Rules icon
Rules
Rules
Composition icon
Composition
Composition
Grid Type icon
Grid Type
Grid Type
Elements icon
Elements
Elements
Typography icon
Typography
Typography
Color icon
Color
Color
Structure icon
Structure
Structure
Ecosystem icon
Ecosystem
Ecosystem
Metrics icon
Metrics
Metrics
Principles icon
Principles IxD
Principles IxD
General terms icon
General terms IxD
General terms IxD
General terms icon
General terms SD
General terms SD
Experience type icon
Experience type
Experience type
Approach icon
Approach-CX
Approach-CX
2-second rule
3-Click Rule
60-30-10 Rule
8dp Grid
Above the fold
Accessibility
Activity-centered design (ACD)
Actor
Affinity map
Alert
Alternative colors
Animation
Anti-pattern
Aspect ratios
Autocomplete
B2B customer experience
B2C customer experience
Backdrop
Background color
Backward compatibility
Banner
Benefit Map
Between-subjects design studies
Body
Bodystorming
Bottom navigation bar
Brand experience
Breadcrumbs
Breakdown Analysis
Breakpoint
Call to Action (CTA)
Card sorting
Checkbox
Chips
Clearly marked exit
Clickstream
Color Wheel
Column
Comparative analysis
Competitive analysis
Consistency
Container
Contextual action bar (CAB)
Contextual interviews
Conversion rate
Corridor testing
Customer Satisfaction Score (CSAT)
Customer centricity
Customer churn
Customer effort score (CES)
Customer lifecycle (CLC)
Customer lifetime value (CLV)
Customer review
Dark patterns
Data-driven design
Date picker
Design concept
Design thinking
Dialog window
Early adopter
End users
Entry tunnel
Error color
Experience map
Explicit destruction
Eye-tracking
F-Shaped Pattern
Field studies
Filled icon
First click testing
Fixed grid
Floating action button (FBA)
Fluid grid
Focus groups
Golden ratio
Grid
Gutter
Headline
Heat map
Hierarchy
Hypothesis-driven design
Information architecture
Input text field
Interactive prototype
Iterative testing
Kerning
Keylines
Label text
Layout
Line spacing
Look & Feel
Low-fidelity prototype
MVP (Minimum valuable product)
Margin 
Mind Map
Mockup
Navigation drawer
Net promoter score (NPS)
Omnichannel
Onboarding
Padding
Page controls
Participatory design
Persona
Personalization
Pop-up
Primary color
Progress indicator
Prototyping
Radio button
Readability
Retention
Scrim
Scroll bar
Search box
Secondary color
Service Blueprinting
Service-oriented design
Side sheet
Sitemap
Sketching
Slider
Snackbar
Stakeholders interview
Storyboards
Stretchable surface
Subtitles
System usability scale (SUS)
Tab
Target audience
Task analysis
Text area
Text button
The 10 minutes rule
Toggle
Tooltip
Top app bar
Touchpoint
UI guidelines
UI regions
Unfilled icon
Usability
Usability testing
Use case
User behavior
User behavior analytics (UBA)
User engagement
User experience ecosystem (UXE)
User flow
User story
User story map
User-centered design (UCD)
Vertical rhythm
Voice of customer (VoC)
Whitespace
Widget
Wiferame
Competitive analysis
Contextual interviews
Field studies
Focus groups
Stakeholders interview
Breakdown Analysis
Conversion rate
Between-subjects design studies
Card sorting
Corridor testing
End users
Heat map
User engagement
User behavior
User behavior analytics (UBA)
MVP (Minimum valuable product)
Persona
Target audience
Use case
User flow
User story map
Mind Map
Activity-centered design (ACD)
Data-driven design
Design concept
Explicit destruction
Hypothesis-driven design
Participatory design
Service-oriented design
User-centered design (UCD)
Interactive prototype
Look & Feel
Low-fidelity prototype
Mockup
Sitemap
Sketching
Wiferame
Accessibility
Clickstream
First click testing
Iterative testing
Task analysis
Usability testing
3-Click Rule
Consistency
F-Shaped Pattern
Readability
Call to Action (CTA)
Aspect ratios
Breakpoint
Golden ratio
Gutter
Column
Grid
Keylines
Layout
Margin 
Padding
Vertical rhythm
Whitespace
8dp Grid
Fixed grid
Fluid grid
UI regions
Checkbox
Chips
Container
Filled icon
Floating action button (FBA)
Date picker
Label text
Page controls
Progress indicator
Radio button
Scroll bar
Search box
Slider
Toggle
Text button
Unfilled icon
Kerning
Body
Line spacing
Subtitles
60-30-10 Rule
Alternative colors
Background color
Color Wheel
Error color
Primary color
Secondary color
Alert
Backdrop
Breadcrumbs
Banner
Bottom navigation bar
Contextual action bar (CAB)
Dialog window
Hierarchy
Input text field
Join FlowMapp community

Design with FlowMapp Tools

This is Try free our Tools for successful management and development of web Projectssome text inside of a div block.

Hierarchy

Synonyms: 

The term describes the way of content arrangement, as well as relations between design elements. Dealing with the interface, the user notices visual hierarchy, understanding that the first element taken the attention is the most important one. The following elements have subordinate relations with each other. 

Here are some basic principles of building up the hierarchy in UI:

  1. The size
    The huger element gets the bigger attention
  2. The color
    Brighter objects are likely to be first seen
  3. Contrast
    Two elements of dramatic contrast will catch the eye faster
  4. Alignment
    The high-priority of data is always closer to the top
  5. Repetition
    Using same style for repeated elements lets the user determine relative elements at a glance
  6. Proximity
    Less is the space between the elements, higher is the relatedness between them
Clear Visual Hierarchy
Clear Visual Hierarchy by Toptal Designers

FAQs

Join FlowMapp community

Design with FlowMapp Tools

This is Try free our Tools for successful management and development of web Projectssome text inside of a div block.