đź‘‹ Oi, mga repapips, Brian Dys here! I love music, photography, and creative stuff like UX design and art. This is a place where I collect my thoughts and works. Apart all these, I’m Jaycelle’s better half and Bryce’s dad. 🥰
About Snippet
Categories
0
Comment
Users
- Audience
- Tasks
- Needs
- Information-seeking behavior
- Experience
Content
- Content objectives
- Document and data types
- Volume
- Existing structure
- Governance and ownership
Context
- Business goals
- Funding
- Politics
- Culture
- Technology
- Resources
- Constraints
References
Categories
I still could not wrap my head around the whole idea of frames. However, I did like the structure that was described in relation to linguistics.
- Surface Syntactic Frames – verb and noun structures
- Surface Semantic Frames – action–centered meaning of words
- Thematic Frames – settings
- Narrative Frames – stories
We could notice the structure—from the detail towards the bigger picture. Patterns like these are also relevant to Information Architecture.
Categories
There could be two approaches in defining elements in a User Interface (UI):
- Sentence
- Label
Say, for example, we have a blog post that has a date. In order to define what kind of date it is, we could either define it in a sentence:
- Published on 1 January 2020.
- This blog post was published on January 1, 2020.
or we could define it thru a label:
- Date Published: 1 January 2020
- Publishing Date: January 1, 2020
Please note that in order to create an effective description that communicates its purpose, we have to identify the context in which the element is in.
Categories
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
Deciding meaningful differences of taxonomy and ontology across contexts and channels
The ability to zoom in and out of an experience to ensure you are serving your users
IA is collaborative.
IA is not a process, it is a result.
Categories
In finding the best term for separating a collection of items, which to use—list or group?
Brain dump:
List implies linearity, structure.
Group implies randomness.
—
In generalizing the semantics of all items in a collection—in an HTML document—go for group.
<ul class="list group">…</ul> <div class="group">…</div> <dl class="list group">…</dl>
—
It is important to note that the all HTML elements in the examples could express hierarchy by nesting other elements—but it is in the collection of items that list or group provides semantics.
To recap:
Use list for collection of items that implies order (yes, even for <ul>).
Use group for collection of items that does not imply order.
Categories
But I know every rock and tree and creature
Has a life, has a spirit, has a name
Colors of the Wind
In terms of User Interface Design, every element must serve its purpose—its reason for being. In able to be identified, it must have a name and a description of what it does.
The Name—Description—Purpose Information Structure or NDP becomes a tool in identifying any UI element within a system. The Designer would have a glimpse of what it is called (Name), what it does (Description), and why it exists (Purpose).