itvap Visualisering og projektkommunikation

itvap Visualisering og projektkommunikation

Velkommen underviser + instruktører Underviser: Kirsten Bonde Sørensen - kirsten.bonde@aarch.dk Designer, MA i retorik, Ph.D. i strategisk design Instruktører: Kasper Buhl Jakobsen - kasperja@cs.au.dk og Miguel Ruiz-Hansen - mgn1987@gmail.com

visualisering hvad er det?

visualisering hvad er det? Wikepedia: DK: Visualisering, synliggørelse, (af latin visus = det sete ) bruges indenfor alternativ behandling i sammenhæng med spirituelt arbejde som et redskab... UK: Visualization is any technique for creating images, diagrams, or animations to communicate a message. Visualization through visual imagery has been an effective way to communicate both abstract and concrete ideas since the dawn of man. Examples from history inc lude cave paintings, Egyptian hieroglyphs,... Visualization today has ever-expanding applications in science, education, engineering (e.g., product visualization), interactive multimedia...

visualisering vi går igang

visualisering mindmaps som noter

visualisering mind mapping Mind Mapping: Diagrams that visually map information using branching and radial maps trace back centuries...some of the earliest examples of such graphical records were developed by Porphyry of Tyros, a noted thinker of the 3rd century, as he graphically visualized the concept categories of Aristotle. Teknikken er simpel og går ud på, at man udarbejder et mønster gerne bestående af både billeder, farver og tekst af fx dine tanker. Ved at lave et mønster frem for blot at notere lineært, som er den traditonelle metode, danner man anderledes forbindelser i hjernen, der gør det meget nemmere for én at strukturere og huske (Wikepedia, UK & DK version)

Opgave Mindmap denne forelæsning Hvordan gør man det? Start med navn forelæsning midt på siden (tværformat) Lav tråde ud til nye kapitler /temaer etc. Indiker, hvis nogle tråde hænger sammen Lav et nyt mind map senere, hvor du restrukturerer/reorganiserer

Overblik Program for dagen Introduktion Øvelser Kurset Baggrund Skitsering Kursusopgaven Tegne redskaber Mindmapping - i dag Geometriske former - torsdag Perspektiv - torsdag Sketch noting - evt. torsdag

Kurset Mål og indhold Formål Kurset vil give redskaber og metoder til visualisering af idéer herunder basal forståelse for grafiske virkemidler som farveforståelse og kompositon, formidling af idéer, samt sætte den studerende i stand til at kommunikere et projekt både internt i en projektgruppe og til mulige eksterne samarbejdspartnere. dvs: forskellige typer af visualisering - hvad man kan bruge dem til: forståelse, ideer, facilitering, kommunikation Kommunikation: hensigtsmæssighed, argumentation i.f.t. publikum

Indhold Komprimeret design proces Værktøjer til design proces Værktøjer til visuel og mundtlig præsentation Design konkurrence Kurset visualisering

Slutprodukt Planche eksempler

Kursus Krav Krav Proces afleveringer - dvs mange, mange skitser A2 Planche Eksamen, - igen mange skitser, der netop demonstrerer at I kan skitsere og har brugt skitsering.

Eksamen Bedømmelse Bedømmelse på baggrund af Mundtlig præsentation af planche + portefolio dvs. mange skitser, der viser jeres proces 7-skala, intern censur

Skitsering 2D (Blyant og markers) 2D visualisering (Photoshop) 3D visualisering (Rhino) 2D grafik og layout (Illustrator & InDesign) Scenarier Skabe en helhed Præsentation Kurset Værktøjer

Minimal opdeling Øvelser & Forelæsning

Uge 16 Intro til skitsering, visualisering Skitserings øvelser, mind mapping, sketchnoting 2D til 3D, perspektiv Uge 17 Skitsering og markers Målgruppe, personas, moodboards Forløbet Uge 16-23

Forløbet Uge 16-23 Uge 18 Skitsering af mennesker Scenarier Uge 19 Grafik og fonte Ophængningsplan Mellemkritik Uge 20 3D visualisering

Forløbet Uge 16-23 Uge 21 Vekslen mellem værktøjer Rendering og Photoshop Uge 22 Præsentationsteknik Uge 23 Plakat konkurrence

Hvorfor skitsere? Hvad skal vi bruge det til? Forskellige typer af skitsering

Skitsering Hvad er det at skitsere? Et værktøj til at tænke Undersøgelsesværktøj/externalisering Detaljeringsværktøj Analyseringsværktøj Afprøve idéer Kommunikationsværktøj - tværfagligt Diskussionsværktøj -invitere andre via visualiseringen

Skitsering Undersøgelser Funktion, form, oplevelse, værdier

Alt kan skitseres Scenarie, grafik, layout, præsentation...

Alt kan skitseres Design, scenarie...

Undersøgelsesværktøj Mange idéer If I have a thousand ideas and only one turns out to be good, I am satisfied. Alfred Nobel

Undersøgelsesværktøj At tænke gennem skitsen En eksternalisering af tanker, papiret taler tilbage, man reflekterer i handling, reflektion in action (Schön)

Undersøgelsesværktøj At tænke gennem skitsen Man opdager først om det er en god idé Når den er tegnet, afprøvet, modelleret Krøl ikke gamle idéer sammen De har lært jer noget og måske er der elementer kan bruges senere...og så skal I jo dokumentere jeres proces

Detaljeringsværktøj Opdagelse gennem skitsen Redskab til at undersøge sammenhænge fremfor resultater fra starten

Analyseringsværktøj Afprøvning af konceptet gennem skitsen

Diskussionsværktøj Invitere andre ind til debat gennem skitsen Eksempler og konkretisering nuancerer

Kommunikationsværktøj Tværfagligt Redskab til diskussion på en konkret og inkluderende måde

Skitserings proces Strukturering

Skitserings aktiviteter Referencer (samme domæne)

Skitserings aktiviteter Analogier (tvær domæne)

Skitserings aktiviteter Abstraktion

Skitserings aktiviteter Abstraktion Fokus og udvælgelse Lad former opstå Fortolkning af formen Forfinelse af formen

Kategorier: visualisering

Visualisering domæner jf. David Sibbet David Sibbet (2013) Visual Leaders New tools for visioning, management & organization change http://www.davidsibbet.com

4 different domains: Data visualization Graphic Design Visual Facilitation Cognitive visualization David Sibbet (2013) Visual Leaders new tools for visioning, management, & organization change

Data visualization: Scientific visualization Data Analytics Geodata Mapping Financial Analysis Simulation Modelling This domain includes scientific visualization of all kinds, financial and data analytics, modelling, geodata mapping, and all the other kinds of visualization that rely on powerful visualization software. (Sibbet, 2013 xvi)

Graphic Design: Presentation design Web design Magazine design Signage design App design Architectural design Learning material design Information map design etc. Everything that is made in the physical world and the world of media is designed by someone. Architects, engineers, software designers, professionals use of visualization as a core skill in the work for a long time...recently there has come an increased focus on methods and techniques. (Sibbet, 2013 xvi)

Visual Facilitation Visual practice Graphic recording Graphic facilitation Strategic visioning Scenario planning Rapid prototyping Decision support etc. This is a term for the growing practice of visually facilitating strategic planning, strategy implementation, team building, group problem solving, and the many types of group work.. (Sibbet, 2013 xvi)

Cognitive visualization: Visions Metaphors Mental models Frames of reference Paradigms Dream imagery This includes personal visions, metaphors, mental models and other frames of reference that guide and shape our behavior. It is the connection of these to their outer manifestations on charts and in media that makes visual material meaningful. It is an essential domain to include!...peter Senge...identifies visioning, mental models and systems thinking as (Sibbet, 2013 xvi)

Sibbet mangler een:

Undersøgelsesværktøj At tænke gennem skitsen En eksternalisering af tanker, papiret taler tilbage, man reflekterer i handling, reflektion in action (Schön)

design proces = tænkning At tænke gennem skitsen Robert E. Horn: Most people attack problem solving only within their own brains, without ever representing any part of the problem-solving process outside their own cranium. Even teachers of creative problem solving miss the value than can be gleaned from visually representing solutions or parts of solutions as they emerge (Horn; 213)

design proces = tænkning At tænke gennem skitsen Robert E. Horn:...Such externalization gives the mind more stable, albeit interim, data with which to work. Creativity is not a linear process. It has many loops and feedbacks, the productivity of which depend on initial and continual externalization of the creative problemsolving process (Horn; 213)

design proces = tænkning At tænke gennem skitsen In US Graphic designer Robert McKim s book: Experiences in visual thinking McKim introduced the distinction between producing complete pieces of art, the work of artists, and using visual tools in creative thinking...

design proces = tænkning At tænke gennem skitsen Mckim used his insights into the value of externalising thinking to develop an approach... the-quick-and-dirty-visual tools for visual thinking - not for presenting information. (Express-Test- Cycle)

Visual language, why?

Visual language jf. Robert E. Horn Robert E. Horn (1998) Visual Language -Global Communication for the 21st Century http://www.youtube. com/watch?v=rqndu evojygwatch?v=rqn DUeVojyg

Visual language Robert E. Horn Definition of Visual language by Robert E. Horn: 1. the integration of words, images, and shapes into a single communication unit. 2. the use of words and images or words and shapes to form a single communication unit.

Visual language Robert E. Horn synthesiser, visualizer - komplekse strategier, (backcasting) (syntese, sammenfatte til helhed)

vigtigt at kunne visualisere OG at kunne tegne, fordi:

typer af visualisering demonstrere ved eksamen Internal/eksternalisere: at tænke med hænderne, at tænke gennem skitsen Reflektion in action, Schön - proces Visualisere/kommunikere: ideer, problemer, visioner - proces og færdig ide etc.

design a unique way of thinking and acting Design, as a unique way of thinking and acting, does not have a long, well developed scholarly history. Other intellectual traditions, such as science and art, have enjoyed thousands of years of considered thought. But, in the Western tradition at the time of Socrates, Plato and Aristotle, design, as a focus of philosophic reflection was divided. The word philosophy is a compound word composed of two Greek root terms: philo and sophia. Philo is love and sophia is wisdom: thus the term philosophy means the love of wisdom. During the pre-socratic periode in Greece, the defined understanding of wisdom or sophia, was the knowing hand. Sophia was an integration of thinking and action, as well as reflection and production. Nelson & Stoltermann: The Design Way: Intentional Change in an Unpredictable World (2003)

Kursusforgløb

Kursets forløb Overlap og iteration Skitsering Scenarie 3D Grafik Layout Skitsering Scenarie 3D Grafik Scenarie Grafik Layout

Kursets forløb Den iterative design proces

Proces Skitsering

Proces Prøv mange idéer af

Proces Man bliver aldrig færdig

Redskaber

Nørreport 16 Architegn Butik

Tegneredskaber Blyanter Caran d ache 2B (evt også h og 6B)

Tegneredskaber Tusch bic pen Artline ErgoLine

Tegneredskaber Markers 2-3 cool grey (1, 3, 5) Farver i 2 nuancer

Sandpapir Tegneredskaber Diverse Hobbykniv Blåt skum Lim Manifold

Programmer Installeres Rhino, Vray, Photoshop, Illustrator, InDesign

Kursus side Info

Kursus opgaven

Design en trådløs, mobil højtaler Kursus opgave Design konkurrence Aflevering: A2 planche (+portefolio) Afgørelse af konkurrende d. 30. maj Bedste design Bedste layout Bedste fortolkning

Kursus opgave Grupper 1a. Robust 1b. Skrøbelig 2a. Maskulin 2b. Feminin 3a. Skarp 3b. Blød

Kursus opgave Krav til produktet Funktioner: 1-6 keyfeatures for eksempel: ON/OFF, PLAY, PAUSE, STOP, NEXT, BACK, VOLUME Fokus på: Placering Transportering Afspilning Overvejelser om kontekst Overvejelser om målgruppe Overvejelser om gruppens parametre

Kursus opgave Husk! Fokus på design fremfor koncept Må gerne være fedt koncept, men designet er vigtigst denne gang Design, funktion og koncept Ikke designe til jer selv

Kursus opgave Krav til produktet Valg af kontekst hænger sammen med keyword Valg af form hænger sammen med kontekst Valg af bruger hænger sammen med keyword + kontekst

Mind Mappings?

Mind mappings gennemgang, reflektioner etc.

Mind mappings udvikl hurtugt revideret mindmap

Sketchnoting

- Ramme - Tykke/ tynde streger - Bullet points - Struktur/ Overblik - Overskrifter - Pile - Tegninger Sketchnote by David Andersen

David Sibbet, Visual Leaders (2013) p.75

Sketchnote udvikl sketchnote over forelæsning

Skitserings øvelser

Perspektiv Principper

Perspektiv Typer af perspektiv Rigtigt? Forkert?

Perspektiv Typer af perspektiv Øvelse A: Tegne 10 kuber i 2. punkts perspektiv

Perspektiv Typer af perspektiv Øvelse B: Dele kuber og lægge til

Perspektiv Typer af perspektiv Two-point boxes One-point boxes Three-point boxes

Perspektiv Typer af perspektiv Øvelse C: Andre geometriske former

Til næste gang

Til d. 23.4! Installere programmer Købe tegne grej Læse artikler If kettles are from Venus... The Sketchnote Handbook by Mike Rohde - kap. 4