1

Redefining eZ Publish User Interface on eZ Publish 5

UX & UI conceptsFourth phase of six end-to-end user storiesto lay the foundations of the new interface.

4. Modify FrontpageEasy to use interface – Full control

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

ViewAs any User I want to rearrange, edit and delete blocks on my Frontpage.

3

EditAs any User I want to rearrange, edit and delete blocks on my Frontpage.

4

I am not satisfied with the order of blockson 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

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

6

EditAs any User I want to rearrange, edit and delete blocks on my Frontpage.

7

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

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

9

EditAs any User I want to rearrange, edit and delete blocks on my Frontpage.

10

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

11

EditAs any User I want to rearrange, edit and delete blocks on my Frontpage.

12

EditAs any User I want to rearrange, edit and delete blocks on my Frontpage.

13

EditAs any User I want to rearrange, edit and delete blocks on my Frontpage.

14

I want to create a banner belowthe 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

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

16

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

17

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

18

I want to schedule the publication ofmy 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 displayedoverflow 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

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

20

Edit ScheduleAs a any User I want to schedule content on my frontpage

21

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

PreviewAs a any User I want to schedule content on my frontpage

23

PreviewAs a any User I want to schedule content on my frontpage

24

PreviewAs a any User I want to schedule content on my frontpage

25

PreviewAs a any User I want to schedule content on my frontpage

26

Thank you!

27

<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