Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Diseño + representación de información

Avatar for Davo Galavotti Davo Galavotti
November 10, 2012
Design
130
3

Diseño + representación de información

Slides de la presentación en USAL, BarCamp 2012 y Garage Lab sobre Data Visualization.

Avatar for Davo Galavotti

Davo Galavotti

November 10, 2012

More Decks by Davo Galavotti

See All by Davo Galavotti
Nardoz de UX/UI: Elementos de diseño de interfaces
Avatar for Davo Galavotti pixelbeat
0
340

Other Decks in Design

See All in Design
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
320
日経電子版を支えていく Kasane Design System
Avatar for Taito Tanaka taitotnk
0
430
デザなに#1「問いのデザイン」の紹介LT
Avatar for @Garyuten garyuten
0
150
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
Avatar for Beeworks Marketing Design webnaut
2
290
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
Avatar for Sayaka Kubouchi sayadesign2
0
790
使いたいときだけ使う 「道具のようなアプリケーション」を考える
Avatar for fumink fumink7
0
300
広い関与の可能性に どう向き合うのか？ 私たちは。｜Timee MarketingDesign 2026-06-18
Avatar for bebe bebe
0
1.1k
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
Avatar for Beeworks Marketing Design webnaut
0
110
Rondo 1 Minute Short Storyboard
Avatar for Rachel Poon rezaline
0
120
[Unity] VAT×VFX Graphがいま個人的にアツイという話
Avatar for sakiama sakiyama
0
130
Webブラウザで動く
VJツールをつくる
Avatar for akirafukuoka akirafukuoka
0
120
Look Dev Meetup #50
Avatar for Baku Hashimoto baku89
1
520

Featured

See All Featured
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
400
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
7k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.4k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
92
590k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
516
110k

Transcript

  1. Visualización de datos. @pixelbeat Diseño + representación de información.

  2. Una forma en el espacio. Puede representar un valor.

  3. Hay que buscar relaciones con los valores o datos que

    tenemos.

  4. Japón

  5. Para develar una historia (que puede estar) oculta en estos

    datos.

  6. Alcohol

  7. Japón Alcohol Karaoke

  8. Dimensión de formas. Para representar una relación.

  9. Para representar una relación. 80% 20%

  10. Se parece a un Pac Man No se parece a

    un Pac Man

  11. Una historia con 2 (dos) protagonistas.

  12. Lateral Izquierdo Es nuestro lado científico y matemático. Clasifica naturalmente.

    Linealmente. Analaliza y busca patrones. Lateral Derecho Nuestro lado creativo, sensitivo. Es nuestra imaginación en movimiento. La fuerza creadora dentro nuestro. Estimulada con las formas, los sonidos.

  13. Explotar efectivamente la percepción humana.

  14. Léxico visual Posición Tamaño Inclinación Ángulo Área Intensidad Textura Color

    Forma Más preciso Menos preciso Percepción cuantitativa, cualitativa, relativa, distributiva.

  15. Valores codificados Léxico visual Posición Posición Inclinación Tamaño

  16. Information folding. Síntesis que funcionan como un origami de la

    realidad.

  17. Visualización de datos complejos. Representaciones ejemplares.