introduction to UI/UX principles Flashcards
what is UX
User experience is all aspects of end user’s interactions with company
This means identifying a solution which meets needs of the user
Need to consider ease of use, quick customer help etc
The core of the experience
Role is to conduct research, identify needs, create tasks and prototypes
Utility gained by a user while interacting with a designed entity
what is UI
The look and the feel and visible cues aka the presentation
Role is to compose layouts, create visuals, and build mockups
what are the 7 fundamental principles of design
Discoverability
Feedback
Conceptual model
Affordances
Signifiers
Mapping
Constraints
what is discoverability
Ensures it is possible to determine what actions are possible and current state of the device
what is feedback
User has continuous information about the results of actions
Ful and continuous information about the current state of product or service
what is a conceptual model
Principles that ensures the design projects all the info needed to create a good conceptual model of the system, leading to understanding and a feeling of control
A conceptual model enhances both discoverability and evaluation of results
It is basically a clear understanding of how a designed entity can work
what are affordances
The principle that ensures that proper affordances exist to make the desired actions possible
The perceived action of an object
what are signifiers
Effective use of signifiers ensures discoverability and that feedback is well communicated and intelligible,
Signifiers ensure affordances are detected
Tells us exactly where to act
what is mapping
Principle ensures that relationship between controls and their actions follows the principles of good mapping, enhanced as much as possible through spatial layout and temporal contiguity
what are constraints
Providing physical, logistical, semantic, and cultural constraints guides actions and eases interpretation
what are 5 principles of visual design
scale, visual hierarchy, balance, contrast, gestalt principles
what is scale
Refers to using relative size to signal importance and rank in a composition
Important elements are bigger than the ones that are less important
what is visual hierarchy
Refers to guiding the eye on the page so that it attends to different design elements in order of their importance
what is balance
Refers to a satisfying arrangement or proportion of design elements
Equally distributed but not necessarily symmetrical amount of visual signal on both sides of an imaginary axis going through the middle of the screen
what is contrast
Juxtaposition of visually dissimilar elements
Provides eye with a noticeable difference
what are gestalt principles
Explains how humans simplify and organize complex elements, by subconsciously organizing complex images into an organized system that creates a whole, rather than interpreting them as a series of disparate elements
Capture our tendency to perceive the whole as opposed to individual elements
