User Interface
Upcoming SlideShare
Loading in...5
×
 

User Interface

on

  • 677 views

Looking at the user interface form HCI and technical point of view. and a short review over colors.

Looking at the user interface form HCI and technical point of view. and a short review over colors.

Statistics

Views

Total Views
677
Slideshare-icon Views on SlideShare
677
Embed Views
0

Actions

Likes
0
Downloads
16
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    User Interface User Interface Presentation Transcript

    • USER INTERFACE
      Mohammad hoseinmajdi,Imangorjidouz,Abolfazlghalenoi,Mostafaalinaghi pour
    • THE ART OF
      COLOR
    • COLOR WHEEL
    • RED COLOR
      WARM COLOR
      RASING BLOOD PRESURE
      FIRE
      WARFARE
      DEVIL
      CUPID
      GOOD LOCK
      VIOLENCE
      RESPIRATION RATE
      ANGER
      IMPORTANT
      DANGER
      The dark shades of red in this design give a powerful and elegant feel to the site
    • ORANGE COLOR
      VIBRANT
      ENERGETIC COLOR
      FRUIT
      EARTH
      AUTUMN
      MORE FRIENDLY
      MOVEMENT IN GENERAL
      CHANGING SEASON
      IMPORTANT
      The bright orange box draws attention to its contents
    • YELLOW COLOR
      SUNSHINE
      HAPPINESS
      HOPE
      HUGE VIEW
      MORE FRIENDLY
      FATE
      LOOK ANTIQUE
      COWARD
      yellow used here really stands out against the lower-value black and gray
    • GREEN COLOR
      CALM
      ENERGETIC
      STABLE
      GROWTH
      DOWN TO EARTH
      AFFLUENCE
      LACK OF EXPERIENCE
      BEGINING
      The bright green header of this site gives it a very natural and vibrant feeling
    • BLUE COLOR
      CALMNESS
      SADNESS
      STABLE
      RELIGIOUS
      RESPONSIBILITY
      STRONG
      PEACE
      EXCELLENCE
      The light, muted blue of this site gives a very relaxed and calm impression
    • PURPLE COLOR
      IMAGINATION
      ROYALTY
      CREATIVITY
      ROMANTIC
      MOURNING
      ROMANCE
      SPRING
      LUXURY
      appropriate for the Asprey luxury goods brand
    • BLACK COLOR
      STRONGEST NATURAL COLOR
      POWER
      ELEGANCE
      FORMALITY
      MOURNING
      SENCE OF MODERN
      DEATH
      EVIL
      The black here, mixed with dark grays and lime green, and an overall grungy theme, adds to the edginess of the design
    • WHITE COLOR
      WEDDING
      PURITY
      GOODNESS
      PARADISE
      FUTURE
      MINIMALIST DESIGN
      DEATH
      HEALTH
      White combined with gray gives a soft and clean feeling to this design
    • GRAY COLOR
      MOODY
      COOL
      DEPRESSING
      MODERN
      COMPLEXITY
      COLOR OF MOURNING
      COMMON FOR BACKGROUND
      PROFESSIONALISM
      The cooler gray on this site gives a modern, sophisticated feel to the site
    • COMPARISON OF UIs
      VS
      iOS
      Android
    • HOME SCREEN
    • NOTIFICATION
    • MULTITOUCH
    • MULTI TASKING
    • BEST OF THE CLASSICS
      Trial and Error
      Works for small systems
      Systematic approach
    • USABILITY
      Some systems are easy to use
      Others are a nightmare
      For example
      The difference between old and new text processors
    • USER INTERFACE
      The part of the system that you see
      Human-computer interaction
      The interaction takes place through the UI
      User interfaces vs. technical interfaces
    • DESIGN OF UI
      In principle, it is easy to make a UI
      Many systems have adequate functionality, but they may not be easy to use
      The interaction takes place through the UI
      If we insist that the system shall also be easy to use, the design process becomes so hard
    • WHAT IS USABILITY ?
      Programmers give different definitions
      • The user’s experience
      • Can he find out how to use it?
      • Does it make his work easy?
      Functionality and easy of use form usability
      The essential
    • USABILITY FACTORS
      Fit for use (or functionality)
      Ease of learning
      Task efficiency
      Ease of remembering
      Subjective satisfaction
      Understandability
    • IMPORTANCE OF USABILITY
      Who is responsible for usability?
      It was the user’s department
      This is slowly changing
      Why is usability more important now than earlier?
    • WHY USABILITY IS HARD?
      Classical approach
      Task analysis
      Early prototype
      Usability test
    • PROTOTYPES OF UIs
      Hand-drawn mock-up
      Tool-drawn mock-up
      Screen prototype
      Function prototype
    • THE BEST PROTOTYPES
      Usability testing (finding the usability problems)
      Changing the design
      Defining what to program
      Discussing solutions with users
    • REFRENCES
      User Interface Design
      SorenLauesen - 2005
      Jeff Johnson - 2010
      Designing with theMind in Mind
      User Interface Design
      Wikipedia
      The art of color
      Johannes Itten - 1974
      Color Theory for Designer
      Smashing Magazine
      A primer of visual literacy
      Donis a. Dondis - 1973
      Eng.manp@gmail.com