際際滷

際際滷Share a Scribd company logo

User Interface

Download as PPTX, PDF
Mostafa Alinaghi Pour
Mostafa Alinaghi Pour

This document discusses color theory and user interface design. It provides descriptions of different colors including red, orange, yellow, green, blue, purple, black, white and gray. It then compares the key features of iOS and Android home screens, notifications, multitouch, and multitasking. The document also covers topics like usability factors, the importance of usability, why usability is hard to achieve, different types of prototypes for user interfaces, and references related to user interface design.

1 of 30
Downloaded 19 times
User Interface
USER INTERFACEMohammad hoseinmajdi,Imangorjidouz,Abolfazlghalenoi,Mostafaalinaghi pour
THE ART OFCOLOR
COLOR WHEEL
User Interface
RED COLORWARM COLORRASING BLOOD PRESUREFIREWARFAREDEVILCUPIDGOOD LOCKVIOLENCERESPIRATION RATEANGERIMPORTANTDANGERThe dark shades of red in this design give a powerful and elegant feel to the site
ORANGE COLORVIBRANTENERGETIC COLORFRUITEARTHAUTUMNMORE FRIENDLYMOVEMENT IN GENERALCHANGING SEASONIMPORTANTThe bright orange box draws attention to its contents
YELLOW COLORSUNSHINEHAPPINESSHOPEHUGE VIEWMORE FRIENDLYFATELOOK ANTIQUECOWARDyellow used here really stands out against the lower-value black and gray
GREEN COLORCALMENERGETICSTABLEGROWTHDOWN TO EARTHAFFLUENCELACK OF EXPERIENCEBEGININGThe bright green header of this site gives it a very natural and vibrant feeling
BLUE COLORCALMNESSSADNESSSTABLERELIGIOUSRESPONSIBILITYSTRONGPEACEEXCELLENCEThe light, muted blue of this site gives a very relaxed and calm impression
PURPLE COLORIMAGINATIONROYALTYCREATIVITYROMANTICMOURNINGROMANCESPRINGLUXURYappropriate for the Asprey luxury goods brand
BLACK COLORSTRONGEST NATURAL COLORPOWERELEGANCEFORMALITYMOURNINGSENCE OF MODERNDEATHEVILThe black here, mixed with dark grays and lime green, and an overall grungy theme, adds to the edginess of the design
WHITE COLORWEDDINGPURITYGOODNESSPARADISEFUTUREMINIMALIST DESIGNDEATHHEALTHWhite combined with gray gives a soft and clean feeling to this design
GRAY COLORMOODYCOOLDEPRESSINGMODERNCOMPLEXITYCOLOR OF MOURNINGCOMMON FOR BACKGROUNDPROFESSIONALISMThe cooler gray on this site gives a modern, sophisticated feel to the site
COMPARISON OF UIsVSiOSAndroid
HOME SCREEN
NOTIFICATION
MULTITOUCH
MULTI TASKING
BEST OF THE CLASSICSTrial and ErrorWorks for small systemsSystematic approach
USABILITYSome systems are easy to useOthers are a nightmareFor exampleThe difference between old and new text processors
USER INTERFACEThe part of the system that you seeHuman-computer interactionThe interaction takes place through the UIUser interfaces vs. technical interfaces
DESIGN OF UIIn principle, it is easy to make a UIMany systems have adequate functionality, but they may not be easy to useThe interaction takes place through the UIIf we insist that the system shall also be easy to use, the design process becomes so hard
WHAT IS USABILITY ?Programmers give different definitionsThe users experience
Can he find out how to use it?
Does it make his work easy?Functionality and easy of use form usabilityThe essential
USABILITY FACTORSFit for use (or functionality)Ease of learningTask efficiencyEase of rememberingSubjective satisfactionUnderstandability
IMPORTANCE OF USABILITYWho is responsible for usability?It was the users departmentThis is slowly changingWhy is usability more important now than earlier?
WHY USABILITY IS HARD?Classical approachTask analysis Early prototypeUsability test
PROTOTYPES OF UIsHand-drawn mock-upTool-drawn mock-upScreen prototypeFunction prototype

More Related Content

User Interface