Story 4 frontpage

1,192 views
1,163 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,192
On SlideShare
0
From Embeds
0
Number of Embeds
344
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Story 4 frontpage

  1. 1. Redefining eZ Publish User Interface on eZ Publish 5 UX & UI concepts Fourth phase of six end-to-end user stories to lay the foundations of the new interface. 4. Modify Frontpage Easy to use interface – Full control 1
  2. 2. I am an end-user, an editor, I want to edit and republish an existing frontpage.I log in and browse to the page using IUI. To edit I switch to EDIT mode 2
  3. 3. ViewAs any User I want torearrange, edit anddelete blocks on myFrontpage. 3
  4. 4. EditAs any User I want torearrange, edit anddelete blocks on myFrontpage. 4
  5. 5. I am not satisfied with the order of blocks on my page, so I move them by dragging a block to the top. Note: when dragging a block arounda dropzone appears wherever I can drop the block. 5
  6. 6. Drag blockAs any User I want torearrange, edit anddelete blocks on myFrontpage. 6
  7. 7. EditAs any User I want torearrange, edit anddelete blocks on myFrontpage. 7
  8. 8. I want my page to display a new feed.I click the edit icon on the feed block on my page and enter a new URL. 8
  9. 9. EditAs any User I want torearrange, edit anddelete blocks on myFrontpage. 9
  10. 10. EditAs any User I want torearrange, edit anddelete blocks on myFrontpage. 10
  11. 11. I think my page is to heavy.Therefore I delete one block. 11
  12. 12. EditAs any User I want torearrange, edit anddelete blocks on myFrontpage. 12
  13. 13. EditAs any User I want torearrange, edit anddelete blocks on myFrontpage. 13
  14. 14. EditAs any User I want torearrange, edit anddelete blocks on myFrontpage. 14
  15. 15. I want to create a banner below the main block. I drag a banner element from the Action Bar to the position where I want the banner to be.Note: The editing overlay comes up automatically, when a new block is dragged to the page. 15
  16. 16. Drag blockAs any User I want torearrange, edit anddelete blocks on myFrontpage. 16
  17. 17. EditAs any User I want torearrange, edit anddelete blocks on myFrontpage. 17
  18. 18. EditAs any User I want torearrange, edit anddelete blocks on myFrontpage. 18
  19. 19. I want to schedule the publication of my top block. I simply click the edit icon. I see a list of all items that scheduled for display in this block. Note: In a scheduled block items that are no longer displayed overflow to another block which I can set here as well. Note: As an alternative to scheduled blocks I can use a block that displays items sequentially or randomly .This type of block can also catch incoming overflow from other blocks 19
  20. 20. EditAs any User I want torearrange, edit anddelete blocks on myFrontpage. 20
  21. 21. Edit ScheduleAs a any User I want toschedule content on myfrontpage 21
  22. 22. After having review the item schedule for the block I switch to VIEW mode. I look at the timeline preview to see the scheduled states of the page. Satisfied wih the results I switch to EDIT mode and publish the frontpage 22
  23. 23. PreviewAs a any User I want toschedule content on myfrontpage 23
  24. 24. PreviewAs a any User I want toschedule content on myfrontpage 24
  25. 25. PreviewAs a any User I want toschedule content on myfrontpage 25
  26. 26. PreviewAs a any User I want toschedule content on myfrontpage 26
  27. 27. Thank you! <End of this fourth example> Stay tuned for next example where we will show: How predefined workflows work in the new UI, How the interface will look on other devices. We are looking forward to your feedback 27

×