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

Usando Bootstrap para criar uma UX unificada pa...

Andres Galante
August 26, 2015
Technology
0
360

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.

Andres Galante

August 26, 2015
Tweet

More Decks by Andres Galante

See All by Andres Galante
Make Something Great! Become an Open Source Contributor
andresgalante
0
190
Make Something Great: Become an Open Source Contributor
andresgalante
0
270
How to use CSS to make your App look amazing and be accessible on any device
andresgalante
0
46
Open source - JUG BA
andresgalante
0
56
Open source - QCon19
andresgalante
0
85
CSS - Media queries o tamanho não importa
andresgalante
0
60
Cosmos
andresgalante
0
90
PatternFly 4 variable system
andresgalante
0
90
Open source
andresgalante
3
79

Other Decks in Technology

See All in Technology
CZII - CryoET Object Identification 参加振り返り・解法共有
tattaka
0
240
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
360
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
2
880
TAMとre:Capセキュリティ編 〜拡張脅威検出デモを添えて〜
fujiihda
0
100
現場の種を事業の芽にする - エンジニア主導のイノベーションを事業戦略に装着する方法 -
kzkmaeda
2
1.5k
地方拠点で エンジニアリングマネージャーってできるの？ 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
130
AndroidXR 開発ツールごとの できることできないこと
donabe3
0
110
目の前の仕事と向き合うことで成長できる - 仕事とスキルを広げる / Every little bit counts
soudai
22
5.8k
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
150
君も受託系GISエンジニアにならないか
sudataka
1
370
WAF に頼りすぎない AWS WAF 運用術 meguro sec #1
izzii
0
460
開発スピードは上がっている…品質はどうする？ スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k

Featured

See All Featured
A Tale of Four Properties
chriscoyier
158
23k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
7.1k
4 Signs Your Business is Dying
shpigford
182
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
We Have a Design System, Now What?
morganepeng
51
7.4k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M

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