Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Metro Style - Mobile Monday Medellín

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Sorey García Sorey García
March 29, 2012
Design
3.3k
1

Metro Style - Mobile Monday Medellín

Cambiando la experiencia de usuario con Metro Style en Windows Phone y Windows 8

Avatar for Sorey García

Sorey García

March 29, 2012

More Decks by Sorey García

See All by Sorey García
Sensibilización en Metodologías Ágiles
Avatar for Sorey García soreygarcia
0
170
Nuevos actores de la ingenieria de software
Avatar for Sorey García soreygarcia
0
2.8k
Empezando con Windows 8
Avatar for Sorey García soreygarcia
0
4.3k
El rol de las mujeres de tecnología en las redes sociales
Avatar for Sorey García soreygarcia
1
3.8k
Windows 8: Rompiendo paradigmas con Metro Style
Avatar for Sorey García soreygarcia
1
1.7k
Taller de Diseño de Aplicaciones Metro en Campus Party
Avatar for Sorey García soreygarcia
0
2.7k
Windows Phone en Campus Party Colombia 2012
Avatar for Sorey García soreygarcia
0
2.3k
Fábula de la Hormiga
Avatar for Sorey García soreygarcia
0
380
El Liderazgo
Avatar for Sorey García soreygarcia
1
370

Other Decks in Design

See All in Design
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
210
工房としてのAI ── デザイナー、作家、ビルダー
Avatar for hiranotomoki hiranotomoki
0
370
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
490
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
Avatar for Yu Morita securecat
1
420
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
230
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
1.4k
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
310
where_imagination_ends_ai_begins.pdf
Avatar for R-524 r5ni4
0
250
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
2
3.2k
Signull 団体説明資料
Avatar for Signull signull
0
720
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
240
2026-04-06 CMU School of Design "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
110

Featured

See All Featured
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
230
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
430
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
330
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
420
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
230
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
340
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
280
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
330
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
340

Transcript

  1. @soreygarcia

  2. None

  3. Es un lenguaje de diseño moderno y limpio

  4. None

  5. Es acerca de contenido y tipografía

  6. None

  7. 1. Swiss Style (Estilo Tipográfico Internacional)

  8. 1. Swiss Style (Estilo Tipográfico Internacional) Cotidiano

  9. Swissted

  10. The Noun Project

  11. 2. Escuela de Arte Bauhaus

  12. Simplicidad y Minimalismo

  13. 3. Kinetic typography

  14. None
  15. None

  16. vs. gente iconos

  17. Conectando personas

  18. Recordación de marca, facilidad de uso

  19. Distribución de contenido

  20. Contenido gráfico y con significado

  21. Atractivo

  22. Intuitivo

  23. None

  24. Pensado para pantallas táctiles

  25. Pensado para pantallas táctiles Dando continuidad al mouse con más

    interacciones

  26. Una experiencia diferente

  27. Conservando la experiencia tradicional

  28. La primera idea, dejar el miedo a los espacios vacíos

  29. None

  30. Al pasar de lo complejo

  31. A lo simple

  32. Generando recordación de marca

  33. Dando protagonismo al contenido

  34. Ofreciendo niveles intermedios

  35. Y más información usando desplazamiento

  36. Diferentes vistas con el zoom semántico

  37. … e información en detalle

  38. Además de la posibilidad de compartir

  39. Y comunicarse con el usuario aun fuera de la aplicación

  40. Re-imaginando los diálogos

  41. Y enfocándose en el contenido no en operaciones alternas

  42. Conectando a las personas con sus redes y servicios

  43. A diferentes niveles de visibilidad

  44. … y emociones

  45. Conectar los negocios con información relevante

  46. None

  47. Y aun así, permitir que las personas sigan conectadas

  48. None

  49. Un buen contenido no necesita un marco

  50. Cree aplicaciones inmersivas

  51. Ofreciendo la posibilidad de configurar, buscar y compartir

  52. En más de una manera

  53. Permita que el usuario se concentre en lo que hace

  54. None

  55. Deje las operaciones complementarias fuera del contenido

  56. Y no olvide el trabajo de forma simultánea

  57. None

  58. @soreygarcia