MA documentation: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
Line 121: Line 121:
===Illustration===
===Illustration===


[[File:HumanIlluBlender.png|none|thumb|500px|Caption]]
[[File:HumanIlluBlender.png|none|thumb|500px|Making animated illustrations in Blender]]


[[File:Attention.gif|none|thumb|500px|Caption]]
[[File:Attention.gif|none|thumb|500px|Animation: User ability - Attention]]


[[File:Colorvision.gif|none|thumb|500px|Caption]]
[[File:Colorvision.gif|none|thumb|500px|Animation: User ability - Color vision]]


[[File:Comprehension.gif|none|thumb|500px|Caption]]
[[File:Comprehension.gif|none|thumb|500px|Animation: User ability - Comprehension]]


[[File:Flexibility.gif|none|thumb|500px|Caption]]
[[File:Flexibility.gif|none|thumb|500px|Animation: User ability - Flexibility]]


[[File:Hearing.gif|none|thumb|500px|Caption]]
[[File:Hearing.gif|none|thumb|500px|Animation: User ability - Hearing]]


[[File:Language.gif|none|thumb|500px|Caption]]
[[File:Language.gif|none|thumb|500px|Animation: User ability - Language]]


[[File:LinguisticCompetence.gif|none|thumb|500px|Caption]]
[[File:LinguisticCompetence.gif|none|thumb|500px|Animation: User ability - Linguistic competence]]


[[File:Memory.gif|none|thumb|500px|Caption]]
[[File:Memory.gif|none|thumb|500px|Animation: User ability - Memory]]


[[File:ModeOfAdress.gif|none|thumb|500px|Caption]]
[[File:ModeOfAdress.gif|none|thumb|500px|Animation: User ability - Mode of adress]]


[[File:MotorFunctions.gif|none|thumb|500px|Caption]]
[[File:MotorFunctions.gif|none|thumb|500px|Animation: User ability - Motor functions]]


[[File:ProcessingPace.gif|none|thumb|500px|Caption]]
[[File:ProcessingPace.gif|none|thumb|500px|Animation: User ability - Processing pace]]


[[File:Sensitivity.gif|none|thumb|500px|Caption]]
[[File:Sensitivity.gif|none|thumb|500px|Animation: User ability - Sensitivity]]


[[File:Sight.gif|none|thumb|500px|Caption]]
[[File:Sight.gif|none|thumb|500px|Animation: User ability - Sight]]


[[File:Illustrations_Website.jpg|none|thumb|500px|Caption]]
[[File:Illustrations_Website.jpg|none|thumb|500px|Illustrations: Website aspects with regards to user abilities]]


===Prototyping===
===Prototyping===
Line 155: Line 155:
[[https://hub.xpub.nl/sandbox/~max/ Technical process index]]
[[https://hub.xpub.nl/sandbox/~max/ Technical process index]]


[[File:Cesium.png|none|thumb|500px|Caption]]
[[File:Cesium.png|none|thumb|500px|Test with Cesium js]]


[[File:Esri1.png|none|thumb|500px|Caption]]
[[File:Esri1.png|none|thumb|500px|Test with Esri ArcGIS]]


[[File:Esri2.png|none|thumb|500px|Caption]]
[[File:Esri2.png|none|thumb|500px|Test with Esri ArcGIS]]


[[File:Esri3.png|none|thumb|500px|Caption]]
[[File:Esri3.png|none|thumb|500px|Test with Esri ArcGIS]]


[[https://lehmannmax.de/wiki/index.php?title=User Wiki - Make Inclusive Websites]]
[[https://lehmannmax.de/wiki/index.php?title=User Wiki - Make Inclusive Websites]]


[[File:GlobeMadness.gif|none|thumb|500px|Caption]]
[[File:GlobeMadness.gif|none|thumb|500px|Highly condensed depiction of the Globe interface's development]]


[[File:FinalTopo.gif|none|thumb|500px|Caption]]
[[File:FinalTopo.gif|none|thumb|500px|Blender: 2D Vector to texturized 3D mesh to sphere with topography]]


===Final Outcome===
===Final Outcome===


[[File:MIW_Home.gif|none|thumb|500px|Caption]]
[[File:MIW_Home.gif|none|thumb|500px|Final home (selection) screen of Make Inclusive Websites]]


[[File:MIW_Wiki.gif|none|thumb|500px|Caption]]
[[File:MIW_Wiki.gif|none|thumb|500px|Final Wiki of Make Inclusive Websites]]


[[File:MIW_Globe.gif|none|thumb|500px|Caption]]
[[File:MIW_Globe.gif|none|thumb|500px|Final Globe interface of Make Inclusive Websites]]


[[File:MIW_FoldOut.gif|none|thumb|500px|Caption]]
[[File:MIW_FoldOut.gif|none|thumb|500px|Final Fold Out interface of Make Inclusive Websites]]


[[File:MIW_UIOptions.gif|none|thumb|500px|Caption]]
[[File:MIW_UIOptions.gif|none|thumb|500px|Final UI Options interface of Make Inclusive Websites]]


[[File:MIW_Print.gif|none|thumb|500px|Caption]]
[[File:MIW_Print.gif|none|thumb|500px|Final Print interface of Make Inclusive Websites]]


[[https://lehmannmax.de/Thesis/Thesis.html Thesis - Make Inclusive Websites]]
[[https://lehmannmax.de/Thesis/Thesis.html Thesis - Make Inclusive Websites]]

Revision as of 15:45, 15 June 2021



First Year

Special Issue X - Documentation

Special Issue X - Prototyping

Reading & Writing

The Special Issue XI Documentation is not accessible to the public at this moment.

Final Glare Module
Glare in action
Special Issue X publication contribution
Icons created for Special Issue XI publication
Icons created for Special Issue XI publication
Special Issue XI publication
Special Issue XI publication
Special Issue XII publication contribution

Second Year

Proposal

Concept development

First thoughts
First ideas: Website that adjust to user preferences
Map: User diversity in information design
Tabel: Cluster of human abilities relevant to the design and content of information publication
2D representation of a sphere with information arranged on it
Proposal: Globe website

Illustration

First test with Blender 3D + 2D frame by frame animation
Animation: Learning styles - Visual
Animation: Learning styles - Social
Animation: Learning styles - Aural

Prototyping

[Technical process index]

Blender: Sphere with illustrations of learning styles arranged on it
Blender: Sphere with illustrations of learning styles arranged on it
First 3JS Tests: 3D objects and mouse interaction
First 3JS Tests: Texture, controls and responsiveness
First 3JS Tests: Object loading
First 3JS Tests: Sphecirally arranged CSS3DObjects

Proposal

Project proposal

Resubimition

[Resubmition Presentation]

Concept development

Attempt to analyse different websites according to inclusivity criteria
Physical user abilites in inclusive webdesign and related materials
Mental user abilites in inclusive webdesign and related materials
Materials related to inclusion and inclusive websdesign
Hearing ability in inclusive webdesign and related materials
Provisional list of relevant user abilities for inclusive web design
Chart of relevant user abilities for inclusive web design and related materials
Continued chart of relevant user abilities for inclusive web design and related materials
Example of the hierarchical structure of the related contents
Provisional questionnaire to collect user stories with first answers (in German)
Summary of the first answers received

Resubmition

Wiki

Make Inclusive Websites Wiki
Edits made on the 15th of June 2021

Workshop

Meet - Interface

[Documentation page]

Illustration

Making animated illustrations in Blender
Animation: User ability - Attention
Animation: User ability - Color vision
Animation: User ability - Comprehension
Animation: User ability - Flexibility
Animation: User ability - Hearing
Animation: User ability - Language
Animation: User ability - Linguistic competence
Animation: User ability - Memory
Animation: User ability - Mode of adress
Animation: User ability - Motor functions
Animation: User ability - Processing pace
Animation: User ability - Sensitivity
Animation: User ability - Sight
Illustrations: Website aspects with regards to user abilities

Prototyping

[Technical process index]

Test with Cesium js
Test with Esri ArcGIS
Test with Esri ArcGIS
Test with Esri ArcGIS

[Wiki - Make Inclusive Websites]

Highly condensed depiction of the Globe interface's development
Blender: 2D Vector to texturized 3D mesh to sphere with topography

Final Outcome

Final home (selection) screen of Make Inclusive Websites
Final Wiki of Make Inclusive Websites
Final Globe interface of Make Inclusive Websites
Final Fold Out interface of Make Inclusive Websites
Final UI Options interface of Make Inclusive Websites
Final Print interface of Make Inclusive Websites

[Thesis - Make Inclusive Websites]

[Home - Make Inclusive Websites]

[Forum - Make Inclusive Websites]

[Globe - Make Inclusive Websites]

[Fold Out - Make Inclusive Websites]

[UI Options - Make Inclusive Websites]

[Print - Make Inclusive Websites]

[Survey - Make Inclusive Websites]

Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=MA_documentation&oldid=195426"