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

2. USER INTERFACE Mohammad hoseinmajdi,Imangorjidouz,Abolfazlghalenoi,Mostafaalinaghi pour

3. THE ART OF COLOR

4. COLOR WHEEL

6. 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

7. 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

8. 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

9. 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

10. BLUE COLOR CALMNESS SADNESS STABLE RELIGIOUS RESPONSIBILITY STRONG PEACE EXCELLENCE The light, muted blue of this site gives a very relaxed and calm impression

11. PURPLE COLOR IMAGINATION ROYALTY CREATIVITY ROMANTIC MOURNING ROMANCE SPRING LUXURY appropriate for the Asprey luxury goods brand

12. 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

13. WHITE COLOR WEDDING PURITY GOODNESS PARADISE FUTURE MINIMALIST DESIGN DEATH HEALTH White combined with gray gives a soft and clean feeling to this design

14. 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

15. COMPARISON OF UIs VS iOS Android

16. HOME SCREEN

17. NOTIFICATION

18. MULTITOUCH

19. MULTI TASKING

20. BEST OF THE CLASSICS Trial and Error Works for small systems Systematic approach

21. USABILITY Some systems are easy to use Others are a nightmare For example The difference between old and new text processors

22. 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

23. 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

25. Can he find out how to use it?

26. Does it make his work easy?Functionality and easy of use form usability The essential

27. USABILITY FACTORS Fit for use (or functionality) Ease of learning Task efficiency Ease of remembering Subjective satisfaction Understandability

28. 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?

29. WHY USABILITY IS HARD? Classical approach Task analysis Early prototype Usability test

30. PROTOTYPES OF UIs Hand-drawn mock-up Tool-drawn mock-up Screen prototype Function prototype

31. THE BEST PROTOTYPES Usability testing (finding the usability problems) Changing the design Defining what to program Discussing solutions with users

32. 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