27
2. Create a container 1 & sub-items via Search Redefining eZ Publish User Interface on eZ Publish 5 UX & UI concepts First phase of six end-to-end user stories to lay the foundations of the new interface.

Story 2-search & create container

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Story 2-search & create container

2. Create a container

1

& sub-items via Search

Redefining eZ Publish User Interface on eZ Publish 5

UX & UI conceptsFirst phase of six end-to-end user stories

to lay the foundations of the new interface.

Page 2: Story 2-search & create container

As a user, I will...

2

...find an object through search and filtering search results

... create a gallery content under the object I searched for, and create Images to populate my gallery

Intention• showcase new, faster and easier way to discover content through a search widget.(will be reused at many places)• show the new interaction to create and manage a container and its sub-items, which is more intuitive and requires less clicks

We will show• discover article with search• create Gallery (container) as a child• use multiupload to put in images

Page 3: Story 2-search & create container

I will start by doing a simple search.Search is now located on the left side of the interface, in the zone dedicated to Discovery.

3

Page 4: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

4

Page 5: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

5

Page 6: Story 2-search & create container

Among other changes, I can notice:infinite scroll,

option to see result with different views,option to save my search as a filter

6

Page 7: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

7

Page 8: Story 2-search & create container

200 results - that is too much, I will refine using filters.

Filters are similar to facets, and allow to drill down through the results.

8

Of coulse, all this will be dynamic,without page reload.

I will first restrict my search to a specific location (aka subtree)

Page 9: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

9

Page 10: Story 2-search & create container

I will then search for content published within the last 10 days

10

Page 11: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

11

Page 12: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

12

Page 13: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

13

Page 14: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

14

Page 15: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

15

Page 16: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

16

Page 17: Story 2-search & create container

and created by my colleagues Johnor Keith.

17

Page 18: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

18

Page 19: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

19

Page 20: Story 2-search & create container

Discover As any User I want to reach a content object through search and filter the results.

20

Page 21: Story 2-search & create container

I will now access the contextual action barunder the content I found,

“reaching for the star”, and create a gallery.

21

Page 22: Story 2-search & create container

Create As any User I want to create a gallery from search results and upload multiple images to it.

22

Page 23: Story 2-search & create container

Create As any User I want to create a gallery from search results and upload multiple images to it.

23

Page 24: Story 2-search & create container

Create As any User I want to create a gallery from search results and upload multiple images to it.

24

Page 25: Story 2-search & create container

I can notice that directly when creatingthe Gallery object, I can create sub-items

(in this case, Images) without any additional click!

25

This save me many clicks compare tothe previous interface.

Page 26: Story 2-search & create container

Create As any User I want to create a gallery from search results and upload multiple images to it.

26

Page 27: Story 2-search & create container

I can now simply publish a Galleryin 2 clicks!

Thank You!

27