Liferay DXP UX Evolution

Liferay DXP UX achievements for 7.1, adding the short term improvements we expect to have in Liferay DXP 7.2. Moreover, the lines of work Liferay DXP is working in terms of UX for the mid/long-term future and how Lexicon helps on all this trip.

Transcript

1. UX_Evolution Liferay DXP 7.1 and beyond
2. 1_Quick Update 7.1 2_Short term 3_Medium/Long term 4_How Lexicon helps DXP Lexicon
3. What’s_Lexicon
4. Experience_ Language
5. Partner Portal
6. Analytics Cloud
7. lexicondesign.io .
8. 1_Quick Update 7.1 2_Short term 3_Medium/Long term 4_How Lexicon helps DXP Lexicon
9. 1_Quick Update 7.1 2_Short term 3_Medium/Long term 4_How Lexicon helps DXP Lexicon
10. Clay_
11. 7.1 7.2 Color Alerts Typography Management Toolbar Forms … Cards Tables Management Toolbar Navigation Style Adjustments … … _ _ _ 7.3
12. 7.1 7.2 7.3 Color Alerts Typography Management Toolbar Forms … Cards Tables Management Toolbar Navigation Style Adjustments … … _ _ _
13. font-family-sans-serif:system- ui,-apple-system, BlinkMacSystemFont, "Segoe UI”, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue”, Arial, sans-serif, "Apple Color Emoji”, "Segoe UI Emoji”, "Segoe UI Symbol"; Tipografía font-family-monospace: SFMono-
14. Color
15. Alerts
16. Alerts
17. Alerts
18. Alerts
19. Management Toolbar
20. Management Toolbar
21. Forms
22. Forms
23. Forms
24. Widgets redesign
25. 1_Quick Update 7.1 2_Short term 3_Medium/Long term 4_How Lexicon helps DXP Lexicon
26. 1_Quick Update 7.1 2_Short term 3_Medium/Long term 4_How Lexicon helps DXP Lexicon
27. More_ Management_ Toolbar
28. Filter Bar
29. Filter Bar
30. Filter Bar
31. Contextual Actions
32. New_Cards
33. Cards
34. Cards
35. New_Table
36. Header sort
37. Header sort
38. Header sort
39. Header sort
40. Header sort
41. Quick Actions
42. Quick Actions
43. Quick Actions
44. Row Interactions
45. Row Interactions
46. Row Interactions
47. Row Interactions
48. Sticky Header
49. Sticky Header
50. Sticky Header
51. Sticky Header
52. Column Drag & Drop
53. Column Drag & Drop
54. Column Drag & Drop
55. Hide/show columns
56. Hide/show columns
57. Hide/show columns
58. Hide/show columns
59. Hide/show columns
60. Style_Fixes
66. 1_Quick Update 7.1 2_Short term 3_Medium/Long term 4_How Lexicon helps DXP Lexicon
67. 1_Quick Update 7.1 2_Short term 3_Medium/Long term 4_How Lexicon helps DXP Lexicon
68. Embrace Business Users
69. Marketers
70. Business users want confirmation that the end result will be what they want
71. Preview while editing
72. Preview drafts in page Draft
73. Preview in Segment Creator Preview users that result from the configured rules
74. Enhance Administration Experience
75. Common Administrators Super administrator Virtual Instance administrator Site administrator _
77. Common Administrators Super administrator Virtual Instance administrator Site administrator _ Manufacturer • CSR • Order Manager • Agent _ Solution-specific Administrators Customer • Account Manager • Buyer • Catalog Manager • Store Manager + COMMERCE
78. University Sites administrator Department Site administrator Teacher Administration worker and staff Enquirer - Content manager _ Solution-specific Administrators + UNIVERSITY Common Administrators Super administrator Virtual Instance administrator Site administrator _
79. Sometimes you will need to create several administration experiences
80. Commerce Accelerator
81. Commerce Accelerator
82. Continue improving the default administration experience
83. Build your own administration experience from more reusable and customizable building blocks.
84. 1_Quick Update 7.1 2_Short term 3_Medium/Long term 4_How Lexicon helps DXP Lexicon
85. 1_Quick Update 7.1 2_Short term 3_Medium/Long term 4_How Lexicon helps DXP Lexicon
86. Components. Extension points. Interfaces to help you.
87. Foundations _ How is Lexicon organized? Core Components _ Satellite Components _ Templates _ Examples _
88. Foundations _ How is Lexicon organized? Core Components _ Satellite Components _ Templates _ Examples _
89. Aa Aa Aa Aa Aa Aa Aa Aa Aa Aa Aa Aa Aa Aa Aa Colors Typography 8px Grid Foundations _
90. Core Components _
91. Variation
92. Extension Point
93. Satellite Components _
94. Templates _
95. Examples _
96. Analytics Cloud
97. Page Distribution
98. Partner Portal
99. lexicondesign.io .
100. Liferay Events Mobile App Please, don’t forget to rate this talk!
101. @juananton_ @victorvj06 lexicondesign.io Lexicon Repo @Liferay_Lexicon Thanks!
102. @juananton_ @victorvj06 lexicondesign.io Lexicon Repo @Liferay_Lexicon