Skip to content
- Prototype before the real deal
- Interactions and transitions are crucial
- Content should be easy to find
- Create overlays for quality of life
| Things I Knew |
Things I Learned |
What I Want to Learn |
| Arrow tabs let you point to anything |
Prototyping can be really fun |
How to make a seamless search function |
| You can change artboards |
Scrolling content is popular |
|
| You need a search interaction |
You can select multiple elements |
|
- Most designers use Illustrator or Photoshop
- Photoshop works well with XD
- Creative Cloud Libraries are essential
- You can reuse elements
| Things I Knew |
Things I Learned |
What I Want to Learn |
| Creating artboards in XD is easy |
Command D duplicates |
What is my most used shortcut? |
| Save your files |
Don’t start off duplicating artboards |
|
| You can rename your layer panels |
There are many helpful keyboard shortcuts |
|
- We dive deeper into graphic design
- Font style is very important
- Typekits allow for more font types
- Encouraged to use Assets Panel
| Things I Knew |
Things I Learned |
What I Want to Learn |
| The shape is editable in XD |
Command + 1 fits everything into view |
How do I better grow my knowledge of XD? |
| Text is very editable in Adobe XD |
The properties panel has an add and subtract |
|
| Images can be resized |
XD allows images to be imported in |
|
- User Interface Design is all about look and feel
- UX is about the customer satisfaction
- Test your results to see what works
- Opening Adobe XD greets you with a welcome screen
| Things I Knew |
Things I Learned |
What I Want to Learn |
| UX stands for User Experience |
It costs more to get a new customer than keep an old one |
What is the best way to transition graphic design skills to web design? |
| UI stands for User Interface |
Graphic design skills carry over to UI/UX |
|
| Adobe XD allows for easy design and collaboration |
XD stands for Experience Design |
|
- Sound can be an afterthought too often
- Auto-playing media is annoying
- Vibration most common form of haptic feedback
- We may not always understand why we get a desirable outcome
| Things I Knew |
Things I Learned |
What I Want to Learn |
| Digital experiences are remarkably quiet |
Some product sounds may be a branding device |
What are some other things worth mentioning in design? |
| Sounds can provide feedback |
Earcons are arbitrary sounds used to associate with actions |
|
| Vibration used for feedback |
Haptics refers to people’s sense of touch |
|
- Interacting with products is bidirectional
- People add and receive information
- Much interaction with computers has been indirect
- Gestures more complex touch interactions
| Things I Knew |
Things I Learned |
What I Want to Learn |
| Many inputs require interaction by people |
Some sensors gather information automatically |
How much do we not know about microinteractions |
| Inputs used almost everywhere |
Gestures are relatively new technology |
|
| Voice is another type of input |
Sensors are all around use, even in places not expected |
|
- Some designs can be dangerous
- Dark patterns erode trust
- Dark patterns include a difficult process to unsubscribe
- Content creation is essential in design process
| Things I Knew |
Things I Learned |
What I Want to Learn |
| Don’t mislead people in design or you lose trust |
Dark patterns change people’s behaviour |
How important is a navigation |
| Verify actions taken to stop dark patterns |
People have mental models for information |
|
| Navigation is movement from place to place |
There are many different navigation systems |
|
- There are multiple dimensions to interactive design
- There are multiple levels of design
- Some designs use patterns
- Some designs don’t use patterns
| Things I Knew |
Things I Learned |
What I Want to Learn |
| Think before you design |
Anti-patterns are prominent in designs |
How would anti-pattern be implemented |
| Design needs to flow well |
Interfaces are crucial to any design |
|
| There are certain steps to take in design |
Most people don’t stay loyal to a brand |
|
- There are multiple dimensions to interactive design
- There are multiple levels of design
- Some designs use patterns
- Some designs don’t use patterns
| Things I Knew |
Things I Learned |
What I Want to Learn |
| Think before you design |
Anti-patterns are prominent in designs |
How would anti-pattern be implemented |
| Design needs to flow well |
Interfaces are crucial to any design |
|
| There are certain steps to take in design |
Most people don’t stay loyal to a brand |
|
- Ivan Pavlov made dogs salivate when a bell rang
- BF Skinner did research on conditioning with rats and pigeons
- Reinforcement more than just outcomes liked/disliked
- Learning is a cognitive process
| Things I Knew |
Things I Learned |
What I Want to Learn |
| People perform behaviours in response to signals in the environment |
Neutral signals paired with another signal causes them to be associated |
How can we reduce the presence of a cognitive load? |
| We learn by observing others around us |
Social networks use conditioned emotional responses with icons |
|
| We don’t need to learn everything from scratch |
A cognitive load is formed when we deal with something unfamiliar |
|
- We try to better understand the world around us
- Thinking is hard work
- People seek ease in minimal effort
- Emotions are psychologically complex states
| Things I Knew |
Things I Learned |
What I Want to Learn |
| We don’t perceive and remember everything |
Mental models are our thoughts and expectations |
How would design look without some form of empathy |
| Concepts are formed through experience |
Design needs to consider people’s mental models |
|
| Delight is commonly a design goal |
Innovation is required to keep people coming back |
|
Brock Web Design