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. 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. View
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
3

4. Edit
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
4

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 around
a dropzone appears wherever I can drop the block.
5

6. Drag block
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
6

7. Edit
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
7

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. Edit
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
9

10. Edit
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
10

11. I think my page is to heavy.
Therefore I delete one block.
11

12. Edit
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
12

13. Edit
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
13

14. Edit
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
14

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. Drag block
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
16

17. Edit
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
17

18. Edit
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
18

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. Edit
As any User I want to
rearrange, edit and
delete blocks on my
Frontpage.
20

21. Edit Schedule
As a any User I want to
schedule content on my
frontpage
21

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. Preview
As a any User I want to
schedule content on my
frontpage
23

24. Preview
As a any User I want to
schedule content on my
frontpage
24

25. Preview
As a any User I want to
schedule content on my
frontpage
25

26. Preview
As a any User I want to
schedule content on my
frontpage
26

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