UX/UI FInal
List the benefits of whitespace
- Improves Comprehension - Improves Legibility - Improves call to action - Helps set a tone - Improves Readability (separate the paragraph lines/leading a little more) - Enough space between letters (kerning)
How to indicate visual hierarchy (list)
- Size - Color (More saturated colors are more visible than low contrast colors / Warmer colors are more visible than cooler colors) - Positioning - Contrast - White space - Typography
6 stages in the UX design thinking process in order
1. Empathize 2. Define 3. Ideate 4. Prototype 5. Test 6. Implement
Affects Visual SEO (List)
1. Image sizes and files (JPEGs NOT PNGs) 2. Contrast 3. Keywords (Main words in your content) 4. Visual Hierarchy 5. Code (Title, Meta descriptions, Alt tags)
Affects Structural SEO (List)
1. Proper code 2. Structured hierarchy 3. Removing unused or extra code 4. Speed (might require a different solution)
Name one of the challenges you will have to consider when designing mobile first.
1. Screen Size 2. User interaction 3. Data is limited 4. Graphics, effects, and images are all developed with mobile challenges in mind 5. Use appropriate file formats
What are the characteristics of a Good User Experience?
1. Usable (functions properly) (Structure, design, purpose is clear and easy to use) 2. Accessible (Addresses the needs of diverse audience, disabilities Language barriers) 3. Enjoyable 4. Useful (solves user problem) (Useful and usable are similar but not the same)
How many columns are in the most versatile grid?
12
What is the ideal number of sentences for a paragraph on a website?
2-3
What is the optimal Homepage word count?
400-600
What is Responsive Design?
A fluid site that will change it's layout and appearance based on the size and orientation of the device.
A lack of balance and equality, can emphasize an element's importance and create visual interest
Asymmetry
People think they want many options, but they actually need fewer, well-organized options - 3 to 7 options are best (What principle?)
Choice principle
when a human looks at an incomplete object, they subconsciously complete the image to see a whole, completed object
Closure
elements located within the same closed area are perceived to be grouped together
Common Region
What is Mobile First
Considering the challenges mobile designs have and designing solutions for them before designing for desktop
elements that are arranged in a line or on a curve, appear to be more related than elements not on the line or curve
Continuity
information should not be unexpected or unnecessary (principle)
Disclosure Principle
humans put things into categories and group different concepts together (principle)
Exemplar Principle
(T/F) The idea that 'you should view your content as "living" and as something that changes over time' is an example of the GROWTH principle
FALSE. Object principle
(T/F) A mobile website and an app are basically the same thing.
False
(T/F) Buttons should simply tell the user what page it will go to.
False
(T/F) Using UI design patterns is plagiarism
False
The focused navigation principle states that people search for information in the same way
False
The idea that 'people will usually arrive at a homepage from another website' is an example of the Side Door principle
False
You should add unexpected information so the user doesn't get bored
False
(T/F) A specialist is skilled in all areas of his field
False Specialist - Focuses on one type of design - Deep understanding of that one type of design - Become well-known in the industry for your expertise in that type of design
People instinctively perceive objects as either being in the foreground or the background
Figure-ground
there must be a goal and strategy/logic behind the way navigation menus are designed (principle)
Focused Navigation Principle
the homepage isn't always the first page a users see (principle)
Front Door Principle
describe how humans group similar elements, recognize patters, and simplify complex images when perceiving objects
Gestalt Principle
Amount of content in a design grows over time (principle)
Growth Principle
When in doubt, which text alignment should you use?
Left Align
People have different ways of searching for information (principle)
Multiple Classification Principle
The Common Region Principle and Closure Principle are very similar but they differ in one way. What is it?
One is Visible, Other Invisible or Mental
elements that are close together appear to be more related than things that are spaced farther apart
Proximity
What does SEO stand for?
Search Engine Optimization
What is the position a site appears in the search engine query?
Search Engine Ranking
elements that look alike (in shape, size, color, or instance) are perceived to have the same function
Similarity
Do users tend to read all content or skim content?
Skim through the content
elements are more visually pleasing when the parts of an object are balanced or are mirror images of each other. Symmetrical objects are also perceived as being related to each other
Symmetry
(T/F) The one word definitions we gave for UI and UX respectively are: UI Design is the "Look" of a website. UX Design is the "Practical" part of the website.
TRUE. UI Design = Look UX Design = Practical
(T/F) 2 characteristics of a good user experience are "Usable" and "Enjoyable"
True
(T/F) 2 ways to indicate visual hierarchy are Size and Color
True
(T/F) People think they want to have many choices, but they actually need fewer choices that are well-organized.
True
(T/F) The halo effect is when contrast is applied to an extreme causing the colors to blur into each other creating a halo effect
True
(T/F) There must be strategy and logic behind the way navigation menus are designed.
True
What is Adaptive Design?
Website layout that is created for specific device's screen. You can design for multiple sizes but only if you design for a specific device.
Is the UX Design thought process flexible?
Yes
What is the key function of Spiders/Crawlers
index websites
