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

Usando Bootstrap para criar uma UX unificada pa...

Avatar for Andres Galante Andres Galante
August 26, 2015
Technology
450
0

Usando Bootstrap para criar uma UX unificada para múltiplos projetos

Apresentação da PatternFly, Bootstrap e Red Hat UX para o QCon Rio 2015.

Avatar for Andres Galante

Andres Galante

August 26, 2015

More Decks by Andres Galante

See All by Andres Galante
Make Something Great! Become an Open Source Contributor
Avatar for Andres Galante andresgalante
0
220
Make Something Great: Become an Open Source Contributor
Avatar for Andres Galante andresgalante
0
310
How to use CSS to make your App look amazing and be accessible on any device
Avatar for Andres Galante andresgalante
0
89
Open source - JUG BA
Avatar for Andres Galante andresgalante
0
84
Open source - QCon19
Avatar for Andres Galante andresgalante
0
120
CSS - Media queries o tamanho não importa
Avatar for Andres Galante andresgalante
0
110
Cosmos
Avatar for Andres Galante andresgalante
0
130
PatternFly 4 variable system
Avatar for Andres Galante andresgalante
0
120
Open source
Avatar for Andres Galante andresgalante
3
110

Other Decks in Technology

See All in Technology
2026_devsumi_ozono.pdf
Avatar for O3(ozono) o3
3
580
AIで社員の自主発信に広報目線を組み込む
Avatar for もっさん _mossann_t
0
140
SREの視点で考えるSIEM活用術 〜AWS環境でのセキュリティ強化〜
Avatar for サイバーセキュリティクラウド cscengineer
PRO
0
270
エージェントはローカル、検証はMicroVM — Lambda MicroVMsでつくるServerless CI
Avatar for fujioka-a fujioka6789
3
700
アクセスキーこわい やめかたと漏らさない工夫
Avatar for Yuichi Sato sassssan68
1
640
アプリログインとWeb認証基盤をつなぐ ASWebAuthenticationSession 作法
Avatar for Go Takagi shimastripe
1
390
Claude in Chrome 入門 / Introduction to Claude in Chrome
Avatar for yuta cielo1985
0
890
AIエージェントの一手は 誰も見ていない - Falco拡張OSS「Prempti」とeBPFで サーバーレス実行基盤を二層防御する
Avatar for がっきー（がっきー） keitah
0
490
AIエージェントの権限管理 3:  Agentic RAG の Fine grained access control 編
Avatar for Renya Kujirada ren8k
0
200
ソフトウェアDNAとクラウドエージェントのススメ
Avatar for Cloud Ace cloudace
0
120
Issue 駆動でスペシャリストの意図を届ける、AI 実装のアクセシビリティ向上
Avatar for thkt thkt
0
130
AIエージェントを最高のパートナーに育てる方法｜評価と判断軸を育てる5つのステップ
Avatar for 青木 晃一｜AI・Copilot活用 koichiaoki
1
160

Featured

See All Featured
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
390
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
5M
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
940
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
11k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
320
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.4k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.3k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Scaling GitHub
Avatar for Zach Holman holman
464
140k

Transcript

  1. Usando Bootstrap para criar uma UX unificada para múltiplos projetos.

  2. Hola @andresgalante

  3. Buenos Aires

  4. O culpável.

  5. None

  6. UXDesign

  7. None
  8. None
  9. None
  10. None

  11. <3

  12. UI Standards?

  13. 1 Projetos Comunitários

  14. None
  15. None
  16. None

  17. Joaquin Designer I don't work for free! Pay me.

  18. 2 Novas Aquisições

  19. None
  20. None
  21. None

  22. “... when things always behave the same, users don't have

    to worry about what will happen. Instead, they know what will happen based on earlier experience.” Jakob Nielsen

  23. Consistência?

  24. 5 + 4 =

  25. 5 + 4 = 9

  26. 123 + 89 =

  27. 123 + 89 = 212

  28. 123 + 89 =

  29. 123 + 89 = 212

  30. Memória Cache

  31. Foco de Atenção 12 seg 2000 8 seg 2013

  32. 9 segundos

  33. None
  34. None

  35. “... created to promote design commonality and improved user experience

    across enterprise IT products and applications.”
  36. None

  37. Sleek, intuitive, and powerful front-end framework for faster and easier

    web development.

  38. Mark Otto Jacob Thornton

  39. Bootstrap?

  40. None
  41. None
  42. None
  43. None

  44. 1 Novo Look & Feel

  45. 2 Novos Componentes

  46. 3 Experiência de usabilidade

  47. Pesquisa Design Tecnología

  48. Pesquisa

  49. Design

  50. Tecnologia

  51. None
  52. None
  53. None

  54. 50 milhões

  55. Design Thinking

  56. Pesquisa

  57. Tem uma família Hacker de 9 a 5 Windows 7

  58. Rock Star Superhero no trabalho. na casa.

  59. Design

  60. None

  61. Usabilidade

  62. Tecnología

  63. None
  64. None

  65. Demo