
- Color
- Typography
- Spaces / Layout
- Shapes
- Icons
- Illustrations
- Media (Photos, Videos)
- Animations
- Voice and Tone
- Sounds
What kind of experience do you want for your users?
Here’s a checklist:
- Business and User Objectives
- Features and Requirements
- Information Architecture and Interaction Design
- Navigation and User Interface Design
- Accessibility and Visual Design
- Visual
- Layout
- Colors
- Typography
- Animation
- Audial
- Text–to–Speech
- Sound (cues and effects)
- Music (background and foreground)
- Visual
While one of sound’s purpose is enhancing the user experience, it’s primary goal is to provide accessibility to non–visual users.
And in cases video games and devices that only has VUI, sound is one of the primary elements.
If you’re working on a site or app, prioritize the checklist before leveraging audio to enhance the user experience (along with animations).
Think of a chat app wherein there are sound cues and animations when someone is composing a reply, when you successfully sent a message, and when you receive a message.
One can still use the app and accomplish the task at hand even without those sound cues and animations—but they are important aspects in enhancing the usability and user experience.
1. Readability
2. Completeness of names that are being used globally
3. Maintain hierarchy
* No .elem { .parent & { … } }
– Put font-size in object-level
Study participants saw a number of charts in six different color palettes. Just like the first study, users shared first impressions, preference, and value feedback, and the speed and accuracy with which they made decisions were captured. Source
Commenting is disabled.
Working on a new WordPress Theme called NTT (entity).
[applicator_percept “Applicator: Style”]
Grand Scheme
Design Voyage
Product Design Journey
Stages | ||||
---|---|---|---|---|
User Research | Interaction Design | User Interface Design | Visual Design | Front–End Development |
Learning Voyage
Mini DesignEx2 (Exchange & Experience)
Introduction to Information Architecture 1
How spaces and structures are designed in the information level.
Purpose
To empower designers in working in the Interaction Design stage.
Outline
- Intro
- Information Architecture
- Information, Data, Content
- Definition
- Information Architecture
- Main
- Ontology
- Definition
- Framework
- Nouns and Verbs
- Controlled Vocabulary
- Taxonomy
- Definition
- Facets
- Types of Relationships
- Diagrams
- Choreography
- Definition
- Placemaking
- Ontology
Content
- Things that are present
Data
- Facts, Observations, Questions
Information
- Interpretations
- Information is not Content
Information Architecture
The arrangement of the parts to make sense of the whole.
Ontology
The language that we use and the meaning that we intend.
Nouns and Verbs
Where to look for Nouns?
- People – who are involved?
- Features – what are the distinguishing aspects of the thing?
- Paths – what do people look to accomplish?
Controlled Vocabulary
Parts of a Controlled Vocabulary
- Approved Terms
- Definition
- Approved Synonyms
- History of Term
- Words We Don’t Say
- Relationship Between Terms
Exercise: Ontology Framework
Taxonomy
Definition
- Classification, organization of things
- Structure is a rhetorical tool
- Taxonomy should depend on intentions (e.g., we want people to call us, we want people to refer other people)
Facets
In order to begin organizing, use facets:
- Personality – what is it about?
- Matter – what is it made or or not made of?
- Energy – what are the related activities?
- Space – where does it exist?
- Time – when does it exist?
Types of Relationships
These are the common taxonomic patterns:
- Equivalence – is the same as
- Hierarchy – is a part of; is a type of
- Sequential – is a predecessor or; is a successor of
- Associative – is related to; is used with (not necessarily within the same family)
5 Ways to Organize things:
- Location
- Alphabetical
- Time
- Category
- Hierarchy
Diagrams
- Block Diagram (wire framing)
- Association Diagram (mind mapping)
- Swim Lane (shows different responsibilities within the same process)
Choreography
Definition
- Steps user can or can not take across contexts and channels
- Setting the rules for realizing intentions
- Different UX in desktop and mobile
- User access based on role
- Different UX for novice user and expert user
How does the language (ontology) change based on the context and channel?
How does the structure (taxonomy) change based on the context and channel?
Placemaking
- Communicating intentions to users in a holistic manner
- Considering the ecosystem to objects