Slide 1
Slide 1 text
A semiotic approach to
designing interfaces
Alla Kholmatova @craftui
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
What is semiotics?
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
Positive instruction Cycle Cycles only
Warning Train Level crossing ahead
Order Bus No buses
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
Who or what are you
interacting with?
Slide 10
Slide 10 text
Semiotic approach vs
user-centered design
Slide 11
Slide 11 text
U
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
Semiotic approach
Slide 15
Slide 15 text
for applying semiotic
theory in practice
4 lessons
Slide 16
Slide 16 text
Start with language
Lesson 1
Slide 17
Slide 17 text
We’re not designing pages, we’re
designing systems of components.
Stephen Hay, Responsive Design Workflow
“
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
Brackets
Run progress
Standfirst
Billboard
Whisper box
Course block
Spotlight
Cards
Standard
Promo
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
View interactions as sentences
Lesson 2
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
Treat icons as basic signs
Lesson 3
Slide 29
Slide 29 text
No content
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
Iconic
“Heart”
Symbolic Indexical
Slide 32
Slide 32 text
Iconic Symbolic
Slide 33
Slide 33 text
No content
Slide 34
Slide 34 text
No content
Slide 35
Slide 35 text
Consider source orientation
when writing copy
Lesson 4
Slide 36
Slide 36 text
No content
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
Yours vs mine dilemma
Slide 39
Slide 39 text
No content
Slide 40
Slide 40 text
No content
Slide 41
Slide 41 text
No content
Slide 42
Slide 42 text
The Semiotic Engineering of
Human-computer Interaction
Clarisse Sieckenius De Souza
A Theory of Computer Semiotics:
Semiotic Approaches to
Construction and Assessment of
Computer Systems
Peter Bøgh Andersen
Human-what interaction?
Understanding user source
orientation.
Jacob Solomon & Rick Wash
Signs, Language and Behavior
Charles Morris
Semiotics and the Philosophy
of Language
Umberto Eco
Course in General Linguistics
Ferdinand de Saussure
Selected Writings
Charles S. Peirce
Source Orientation in Human-
Computer Interaction
S.Sundar & C.Nass
Slide 43
Slide 43 text
Thank you
Alla Kholmatova @craftui