What is wireframe?
A quick sketch to convey the concept of new product functionality
What is mockup?
A realistic visual design that resembles what the new product functionality will look like
What is prototype?
Interactive simulation of new product functionality
What is UX design?
User Experience design is what makes an interface useful.
What is UI design?
User interface design is what makes an interface beautiful.
What are some examples of UX?
- Interaction design
- Wireframes & prototypes
- Information architect
- User research
- Scenarios
What are some examples of UI?
- Visual design
- Colours
- Graphic designer
- Layouts
- Typography
What is Interaction Design (IxD)?
Interaction Design defines the structure and behaviour of interactive systems
What is the aim of Interactive Design (IxD)?
Aims to orchestrate how humans interact with machines
What is UI?
Visual aspects of the product interface and interactive touchpoints
What is UX?
Understanding of the user’s needs and goals
What are the five dimensions of interaction design?
- Words
- Visual representations
- Physical objects or space
- Time (animation, videos, sounds)
- Behaviour (reaction)
What are the five critical elements in homepage?
- Logo and branding elements
- Clear and obvious navigation
- Headline
- Sub-headline
- Call-to-actions
What are some additional information you can add to your homepage?
- Benefit list
- Feature highlights
- Trust indicators
- Useful content (blog articles, recommendations, tools & tips)
- Company updates (Event schedule, product launches, announcement)
- Offers (newsletter sign-up, coupons, free stuff)
What are two ways to adjust the height of pages for page scrolling?
- Adjust the height in page settings
- Drag and drop in canvas
What are the two kinds of interactions that can be applied to an object?
- Page interaction
- Object interaction
What is page interaction used for?
Navigation and links designated objects to other pages or to URLs
What is object interaction used for?
Used to mimic the transformation of objects on the page such as changing button states, opening dropdowns, showing the context menu on right-click, etc.
What are the three parts that page and object interactions are composed of?
- Trigger
- Action
- Target
What is trigger?
The event that sets an interaction in motion
What is action?
The instruction that will run after a trigger is engaged
What is target?
The final outcome that’s visible at the end of an interaction
What is hotspot?
Allows you to add interactivity over a specific area of a page or group of objects
Can you turn any single object or group into a component?
Yes
