SlideShare a Scribd company logo
1 of 40
VISCOM03
Visual Communication & Typography: The root of problem solving.
VC01 | 2013 | Bradford M. Wason | brad@23rd5th.com
What you’ll learn in this class:
1. Why Familiarity and Learnability are important in design
2. Common uses for both in digital world
3. Radial Grids
VC01 | 2013 | Bradford M. Wason | brad@23rd5th.com
What you’ll do in this class:
1. Draw type from observation.
2. Critique your single column axial grids with images.
3. Create new Radial Grids with images.
axialDRAW
a
a
a
a
a
a
a
a
a
a
radialFamiliarity
In UX Design the principles of
familiarity and learnability are
necessitates for the craft. In the
physical world however they are
also extremely important. A
tenant of UX design, is our most
precious resource is…
a users time.
What familiarity is not:
– Stale
– Old
– Constant
– Copying
So... what is it:
Familiarity is the clue(s) we provide
a user to help digest information.
Just because something is familiar
doesn't mean that it needs to look
identical to something. (i.e. Flat vs.
Skeuomorphism) or copy an
existing design.
Skeumorphic Veneer
Flat Veneer
Learnability
Is the ease of use a user has to
learn a new set of skills or attain
new information.
RADIAL
GRID
Radial systems are organized by
directing all elements to one point
of central focus, that is either
implied or depicted.
Characteristics of Radial Grids:
– Symmetrical
– Highly Dynamic
– Diverse options for type position
– Visually interesting
QUESTIONS.
VC01 | 2013 | Bradford M. Wason | brad@23rd5th.com

More Related Content

Similar to Viscom Week 4

An Exploration of Immersive Virtual Reality in Learning
An Exploration of Immersive Virtual Reality in LearningAn Exploration of Immersive Virtual Reality in Learning
An Exploration of Immersive Virtual Reality in LearningVikas Luthra
 
Autodesk revit structuretool for-modeling-concrete-reinforcement
Autodesk revit structuretool for-modeling-concrete-reinforcementAutodesk revit structuretool for-modeling-concrete-reinforcement
Autodesk revit structuretool for-modeling-concrete-reinforcementAn Nam Education
 
Simulation of 3D Garments under the Concept of Biomorphism Inspired by Radiol...
Simulation of 3D Garments under the Concept of Biomorphism Inspired by Radiol...Simulation of 3D Garments under the Concept of Biomorphism Inspired by Radiol...
Simulation of 3D Garments under the Concept of Biomorphism Inspired by Radiol...IRJET Journal
 
Design Designen – Digital Craft
Design Designen – Digital CraftDesign Designen – Digital Craft
Design Designen – Digital CraftHilla Neske
 
A Hands-On Guide to Creating 3D Animated Characters.pdf
A Hands-On Guide to Creating 3D Animated Characters.pdfA Hands-On Guide to Creating 3D Animated Characters.pdf
A Hands-On Guide to Creating 3D Animated Characters.pdfMURTHYVENKAT2
 
Introducting the art pipeline
Introducting the art pipelineIntroducting the art pipeline
Introducting the art pipelineDavid Edwards
 
BlocksCAD--STEM Learning Tool
BlocksCAD--STEM Learning ToolBlocksCAD--STEM Learning Tool
BlocksCAD--STEM Learning Toolakamo
 
Weekly Master Classes Phase 1.0
Weekly Master Classes Phase 1.0Weekly Master Classes Phase 1.0
Weekly Master Classes Phase 1.0Animation Kolkata
 
Bricsys Newsletter (Q3 - 2013)
Bricsys Newsletter (Q3 - 2013)Bricsys Newsletter (Q3 - 2013)
Bricsys Newsletter (Q3 - 2013)Bricsys
 
3D Final Work
3D Final Work3D Final Work
3D Final Workconor0994
 
UX cambridge 2015 - Designing with small audiences - Marine Barbaroux
UX cambridge 2015 - Designing with small audiences - Marine BarbarouxUX cambridge 2015 - Designing with small audiences - Marine Barbaroux
UX cambridge 2015 - Designing with small audiences - Marine BarbarouxMarine Barbaroux
 
Solid-Surface Hybrid Modeling: Future Trends of 3D CAD Modeling
Solid-Surface Hybrid Modeling: Future Trends of 3D CAD ModelingSolid-Surface Hybrid Modeling: Future Trends of 3D CAD Modeling
Solid-Surface Hybrid Modeling: Future Trends of 3D CAD ModelingWing Zhu
 
Don Stanley's Web Design 101 LSC 532 lecture 3
Don Stanley's Web Design 101 LSC 532 lecture 3Don Stanley's Web Design 101 LSC 532 lecture 3
Don Stanley's Web Design 101 LSC 532 lecture 3Don Stanley
 

Similar to Viscom Week 4 (20)

An Exploration of Immersive Virtual Reality in Learning
An Exploration of Immersive Virtual Reality in LearningAn Exploration of Immersive Virtual Reality in Learning
An Exploration of Immersive Virtual Reality in Learning
 
Solid works
Solid worksSolid works
Solid works
 
Autodesk revit structuretool for-modeling-concrete-reinforcement
Autodesk revit structuretool for-modeling-concrete-reinforcementAutodesk revit structuretool for-modeling-concrete-reinforcement
Autodesk revit structuretool for-modeling-concrete-reinforcement
 
VisCom Week 2
VisCom Week 2VisCom Week 2
VisCom Week 2
 
Simulation of 3D Garments under the Concept of Biomorphism Inspired by Radiol...
Simulation of 3D Garments under the Concept of Biomorphism Inspired by Radiol...Simulation of 3D Garments under the Concept of Biomorphism Inspired by Radiol...
Simulation of 3D Garments under the Concept of Biomorphism Inspired by Radiol...
 
Design Designen – Digital Craft
Design Designen – Digital CraftDesign Designen – Digital Craft
Design Designen – Digital Craft
 
A Hands-On Guide to Creating 3D Animated Characters.pdf
A Hands-On Guide to Creating 3D Animated Characters.pdfA Hands-On Guide to Creating 3D Animated Characters.pdf
A Hands-On Guide to Creating 3D Animated Characters.pdf
 
Introducting the art pipeline
Introducting the art pipelineIntroducting the art pipeline
Introducting the art pipeline
 
BlocksCAD--STEM Learning Tool
BlocksCAD--STEM Learning ToolBlocksCAD--STEM Learning Tool
BlocksCAD--STEM Learning Tool
 
Weekly Master Classes Phase 1.0
Weekly Master Classes Phase 1.0Weekly Master Classes Phase 1.0
Weekly Master Classes Phase 1.0
 
Bricsys Newsletter (Q3 - 2013)
Bricsys Newsletter (Q3 - 2013)Bricsys Newsletter (Q3 - 2013)
Bricsys Newsletter (Q3 - 2013)
 
3D Final Work
3D Final Work3D Final Work
3D Final Work
 
UX cambridge 2015 - Designing with small audiences - Marine Barbaroux
UX cambridge 2015 - Designing with small audiences - Marine BarbarouxUX cambridge 2015 - Designing with small audiences - Marine Barbaroux
UX cambridge 2015 - Designing with small audiences - Marine Barbaroux
 
CADD ARABIA PRESENTATION
CADD ARABIA PRESENTATIONCADD ARABIA PRESENTATION
CADD ARABIA PRESENTATION
 
Veda chronicle November 2019
Veda chronicle November 2019Veda chronicle November 2019
Veda chronicle November 2019
 
Parents
ParentsParents
Parents
 
Solid-Surface Hybrid Modeling: Future Trends of 3D CAD Modeling
Solid-Surface Hybrid Modeling: Future Trends of 3D CAD ModelingSolid-Surface Hybrid Modeling: Future Trends of 3D CAD Modeling
Solid-Surface Hybrid Modeling: Future Trends of 3D CAD Modeling
 
Don Stanley's Web Design 101 LSC 532 lecture 3
Don Stanley's Web Design 101 LSC 532 lecture 3Don Stanley's Web Design 101 LSC 532 lecture 3
Don Stanley's Web Design 101 LSC 532 lecture 3
 
3 d modelling
3 d modelling3 d modelling
3 d modelling
 
Chapter1(hci)
Chapter1(hci)Chapter1(hci)
Chapter1(hci)
 

Recently uploaded

group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一Fi L
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一Fi ss
 

Recently uploaded (20)

group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
 

Viscom Week 4

  • 1. VISCOM03 Visual Communication & Typography: The root of problem solving. VC01 | 2013 | Bradford M. Wason | brad@23rd5th.com
  • 2. What you’ll learn in this class: 1. Why Familiarity and Learnability are important in design 2. Common uses for both in digital world 3. Radial Grids VC01 | 2013 | Bradford M. Wason | brad@23rd5th.com
  • 3. What you’ll do in this class: 1. Draw type from observation. 2. Critique your single column axial grids with images. 3. Create new Radial Grids with images.
  • 5. a
  • 6. a
  • 7. a
  • 8. a
  • 9. a
  • 10. a
  • 11. a
  • 12. a
  • 13. a
  • 14. a
  • 16. In UX Design the principles of familiarity and learnability are necessitates for the craft. In the physical world however they are also extremely important. A tenant of UX design, is our most precious resource is… a users time.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. What familiarity is not: – Stale – Old – Constant – Copying
  • 23. So... what is it: Familiarity is the clue(s) we provide a user to help digest information. Just because something is familiar doesn't mean that it needs to look identical to something. (i.e. Flat vs. Skeuomorphism) or copy an existing design.
  • 27. Is the ease of use a user has to learn a new set of skills or attain new information.
  • 29. Radial systems are organized by directing all elements to one point of central focus, that is either implied or depicted.
  • 30. Characteristics of Radial Grids: – Symmetrical – Highly Dynamic – Diverse options for type position – Visually interesting
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40. QUESTIONS. VC01 | 2013 | Bradford M. Wason | brad@23rd5th.com