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

Usando Bootstrap para criar uma UX unificada pa...

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

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
Tweet

More Decks by Andres Galante

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

Other Decks in Technology

See All in Technology
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
Avatar for adachi.ryo rvirus0817
0
350
顧客の言葉を、そのまま信じない勇気
Avatar for yamatai12 yamatai1212
1
360
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
Avatar for おおいし bicstone
3
130
Red Hat OpenStack Services on OpenShift
Avatar for Tatsuya Amemiya tamemiya
0
130
コンテナセキュリティの最新事情 ~ 2026年版 ~
Avatar for Kyohei Mizumoto kyohmizu
6
2k
配列に見る bash と zsh の違い
Avatar for kazzpapa3 kazzpapa3
3
170
Claude Code for NOT Programming
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
100
Cosmos World Foundation Model Platform for Physical AI
Avatar for Takuya MINAGAWA takmin
0
980
SchooでVue.js/Nuxtを技術選定している理由
Avatar for Okuto Oyama yamanoku
3
210
Ruby版 JSXのRuxが気になる
Avatar for SansanTech sansantech
PRO
0
170
ECS障害を例に学ぶ、インシデント対応に備えた AIエージェントの育て方 / How to develop AI agents for incident response with ECS outage
Avatar for iselegant iselegant
4
380
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
93k

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.7k
HDC tutorial
Avatar for Michiel Stock michielstock
1
390
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
2
250
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
150
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
Designing for Performance
Avatar for Lara Hogan lara
610
70k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
910
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k

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