Pro Yearly is on sale from $80 to $50! »

Liferay DXP UX Evolution

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.

F3df45fc971eed7036d0698e9bb05f85?s=128

Victor Valle Juarranz

November 07, 2018
Tweet

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

  61. None
  62. None
  63. None
  64. None
  65. None
  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 _

  76. None
  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