SlideShare una empresa de Scribd logo
1 de 27
Descargar para leer sin conexión
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.




     2. Create a container
     & sub-items via Search




                                                                    1
As a user, I will...


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

                                                                                       2
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
Discover
As any User I want to
reach a content object
through search and filter
the results.




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




                     5
Among other changes, I can notice:
             infinite scroll,
option to see result with different views,
  option to save my search as a filter




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




                     7
200 results - that is too much,
          I will refine using filters.
        Filters are similar to facets,
and allow to drill down through the results.


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



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




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




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




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




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




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




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




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




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




                    16
and created by my colleagues John
             or Keith.




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




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




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




                    20
I will now access the contextual action bar
          under the content I found,
      “reaching for the star”, and create
                  a gallery.




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




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




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




                   24
I can notice that directly when creating
the Gallery object, I can create sub-items
     (in this case, Images) without any
                additional click!


 This save me many clicks compare to
        the previous interface.




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




                   26
I can now simply publish a Gallery
            in 2 clicks!

           Thank You!




                                     27

Más contenido relacionado

Similar a Story 2-search & create container

Concloud applications
Concloud applicationsConcloud applications
Concloud applicationsIvan Sudos
 
How to Optimize for Visual Search
How to Optimize for Visual SearchHow to Optimize for Visual Search
How to Optimize for Visual SearchClark Boyd
 
UI DESIGN - Art of creating perfect products ( Part 1 )
UI DESIGN - Art of creating perfect products ( Part 1 )UI DESIGN - Art of creating perfect products ( Part 1 )
UI DESIGN - Art of creating perfect products ( Part 1 )Shervin Mashayekh
 
From 2002: BBCi Search design case-study
From 2002: BBCi Search design case-studyFrom 2002: BBCi Search design case-study
From 2002: BBCi Search design case-studyMatt Jones
 
RSS and Social Bookmarking
RSS and Social BookmarkingRSS and Social Bookmarking
RSS and Social BookmarkingNGRF
 
Visual Representation Of Information
Visual Representation Of InformationVisual Representation Of Information
Visual Representation Of InformationSimon Corvan
 
A360 - Guide to Getting Started
A360 - Guide to Getting StartedA360 - Guide to Getting Started
A360 - Guide to Getting StartedAutodesk A360
 
Advanced Ways to Use Ahrefs (That You Didn't Know About)
Advanced Ways to Use Ahrefs (That You Didn't Know About)Advanced Ways to Use Ahrefs (That You Didn't Know About)
Advanced Ways to Use Ahrefs (That You Didn't Know About)Ahrefs
 
Advanced Ways to Use Ahrefs That You Didn't Know About
Advanced Ways to Use Ahrefs That You Didn't Know AboutAdvanced Ways to Use Ahrefs That You Didn't Know About
Advanced Ways to Use Ahrefs That You Didn't Know AboutSi Quan Ong (SQ Ong)
 
Group presentation 2
Group presentation 2Group presentation 2
Group presentation 2amunoz23
 
Information Searching Using Visualizations - IL 2008
Information Searching Using Visualizations - IL 2008Information Searching Using Visualizations - IL 2008
Information Searching Using Visualizations - IL 2008Darlene Fichter
 
WEB I - 09 - Usability
WEB I - 09 - UsabilityWEB I - 09 - Usability
WEB I - 09 - UsabilityRandy Connolly
 
Oa2 10 tips and tricks
Oa2 10 tips and tricksOa2 10 tips and tricks
Oa2 10 tips and tricksPhase2
 
Google Whitepaper - Project Border
Google Whitepaper - Project BorderGoogle Whitepaper - Project Border
Google Whitepaper - Project BorderAmit Rampurkar
 
Scoop it presentation final
Scoop it presentation finalScoop it presentation final
Scoop it presentation finalChad Jerkins
 

Similar a Story 2-search & create container (20)

Concloud applications
Concloud applicationsConcloud applications
Concloud applications
 
How to Optimize for Visual Search
How to Optimize for Visual SearchHow to Optimize for Visual Search
How to Optimize for Visual Search
 
UI DESIGN - Art of creating perfect products ( Part 1 )
UI DESIGN - Art of creating perfect products ( Part 1 )UI DESIGN - Art of creating perfect products ( Part 1 )
UI DESIGN - Art of creating perfect products ( Part 1 )
 
From 2002: BBCi Search design case-study
From 2002: BBCi Search design case-studyFrom 2002: BBCi Search design case-study
From 2002: BBCi Search design case-study
 
RSS and Social Bookmarking
RSS and Social BookmarkingRSS and Social Bookmarking
RSS and Social Bookmarking
 
Visual Representation Of Information
Visual Representation Of InformationVisual Representation Of Information
Visual Representation Of Information
 
Future of Library Discovery Services
Future of Library Discovery ServicesFuture of Library Discovery Services
Future of Library Discovery Services
 
A360 - Guide to Getting Started
A360 - Guide to Getting StartedA360 - Guide to Getting Started
A360 - Guide to Getting Started
 
Advanced Ways to Use Ahrefs (That You Didn't Know About)
Advanced Ways to Use Ahrefs (That You Didn't Know About)Advanced Ways to Use Ahrefs (That You Didn't Know About)
Advanced Ways to Use Ahrefs (That You Didn't Know About)
 
Advanced Ways to Use Ahrefs That You Didn't Know About
Advanced Ways to Use Ahrefs That You Didn't Know AboutAdvanced Ways to Use Ahrefs That You Didn't Know About
Advanced Ways to Use Ahrefs That You Didn't Know About
 
Creating Containers in ActivInspire
Creating Containers in ActivInspireCreating Containers in ActivInspire
Creating Containers in ActivInspire
 
Group presentation 2
Group presentation 2Group presentation 2
Group presentation 2
 
Audience proposal
Audience proposalAudience proposal
Audience proposal
 
Information Searching Using Visualizations - IL 2008
Information Searching Using Visualizations - IL 2008Information Searching Using Visualizations - IL 2008
Information Searching Using Visualizations - IL 2008
 
Deep-Hidden-Invisible Web
Deep-Hidden-Invisible WebDeep-Hidden-Invisible Web
Deep-Hidden-Invisible Web
 
WEB I - 09 - Usability
WEB I - 09 - UsabilityWEB I - 09 - Usability
WEB I - 09 - Usability
 
Coen163_ASN1
Coen163_ASN1Coen163_ASN1
Coen163_ASN1
 
Oa2 10 tips and tricks
Oa2 10 tips and tricksOa2 10 tips and tricks
Oa2 10 tips and tricks
 
Google Whitepaper - Project Border
Google Whitepaper - Project BorderGoogle Whitepaper - Project Border
Google Whitepaper - Project Border
 
Scoop it presentation final
Scoop it presentation finalScoop it presentation final
Scoop it presentation final
 

Más de Roland Benedetti

Decoupled days, headless and decoupled content management, the value for the ...
Decoupled days, headless and decoupled content management, the value for the ...Decoupled days, headless and decoupled content management, the value for the ...
Decoupled days, headless and decoupled content management, the value for the ...Roland Benedetti
 
eZ Platform 2.1: product update
eZ Platform 2.1: product updateeZ Platform 2.1: product update
eZ Platform 2.1: product updateRoland Benedetti
 
Ny symfony meetup may 2015
Ny symfony meetup may 2015Ny symfony meetup may 2015
Ny symfony meetup may 2015Roland Benedetti
 
eZ Publish Platform 5.4 public webinar
eZ Publish Platform 5.4 public webinareZ Publish Platform 5.4 public webinar
eZ Publish Platform 5.4 public webinarRoland Benedetti
 
eZ Publish Norwegian Public User Group
eZ Publish Norwegian Public User GroupeZ Publish Norwegian Public User Group
eZ Publish Norwegian Public User GroupRoland Benedetti
 
eZ Summer Camp 2014: interactive dive into ez product backlog
eZ Summer Camp 2014:  interactive dive into ez product backlogeZ Summer Camp 2014:  interactive dive into ez product backlog
eZ Summer Camp 2014: interactive dive into ez product backlogRoland Benedetti
 
Adaptive, context aware content management in eZ Platform - part 2
Adaptive, context aware content management in eZ Platform - part 2Adaptive, context aware content management in eZ Platform - part 2
Adaptive, context aware content management in eZ Platform - part 2Roland Benedetti
 
Introduction à eZ Publish Platform 5.3
Introduction à eZ Publish Platform 5.3 Introduction à eZ Publish Platform 5.3
Introduction à eZ Publish Platform 5.3 Roland Benedetti
 
Introduction to eZ Publish Platform 5.3, the Ventoux release, public webinar
Introduction to eZ Publish Platform 5.3, the Ventoux release, public webinarIntroduction to eZ Publish Platform 5.3, the Ventoux release, public webinar
Introduction to eZ Publish Platform 5.3, the Ventoux release, public webinarRoland Benedetti
 
User Experience? What is it?
User Experience? What is it?User Experience? What is it?
User Experience? What is it?Roland Benedetti
 
eZ Publish Platform 5.2 - Webinaire d'introduction
eZ Publish Platform 5.2 - Webinaire d'introductioneZ Publish Platform 5.2 - Webinaire d'introduction
eZ Publish Platform 5.2 - Webinaire d'introductionRoland Benedetti
 
eZ Publish Platform 5.2 and roadmap
eZ Publish Platform 5.2 and roadmapeZ Publish Platform 5.2 and roadmap
eZ Publish Platform 5.2 and roadmapRoland Benedetti
 

Más de Roland Benedetti (13)

Decoupled days, headless and decoupled content management, the value for the ...
Decoupled days, headless and decoupled content management, the value for the ...Decoupled days, headless and decoupled content management, the value for the ...
Decoupled days, headless and decoupled content management, the value for the ...
 
eZ Platform 2.1: product update
eZ Platform 2.1: product updateeZ Platform 2.1: product update
eZ Platform 2.1: product update
 
Ny symfony meetup may 2015
Ny symfony meetup may 2015Ny symfony meetup may 2015
Ny symfony meetup may 2015
 
eZ Publish Platform 5.4 public webinar
eZ Publish Platform 5.4 public webinareZ Publish Platform 5.4 public webinar
eZ Publish Platform 5.4 public webinar
 
eZ Publish Norwegian Public User Group
eZ Publish Norwegian Public User GroupeZ Publish Norwegian Public User Group
eZ Publish Norwegian Public User Group
 
eZ Summer Camp 2014: interactive dive into ez product backlog
eZ Summer Camp 2014:  interactive dive into ez product backlogeZ Summer Camp 2014:  interactive dive into ez product backlog
eZ Summer Camp 2014: interactive dive into ez product backlog
 
Adaptive, context aware content management in eZ Platform - part 2
Adaptive, context aware content management in eZ Platform - part 2Adaptive, context aware content management in eZ Platform - part 2
Adaptive, context aware content management in eZ Platform - part 2
 
Introduction à eZ Publish Platform 5.3
Introduction à eZ Publish Platform 5.3 Introduction à eZ Publish Platform 5.3
Introduction à eZ Publish Platform 5.3
 
Introduction to eZ Publish Platform 5.3, the Ventoux release, public webinar
Introduction to eZ Publish Platform 5.3, the Ventoux release, public webinarIntroduction to eZ Publish Platform 5.3, the Ventoux release, public webinar
Introduction to eZ Publish Platform 5.3, the Ventoux release, public webinar
 
User Experience? What is it?
User Experience? What is it?User Experience? What is it?
User Experience? What is it?
 
eZ Publish Platform 5.2 - Webinaire d'introduction
eZ Publish Platform 5.2 - Webinaire d'introductioneZ Publish Platform 5.2 - Webinaire d'introduction
eZ Publish Platform 5.2 - Webinaire d'introduction
 
eZ Publish Platform 5.2 and roadmap
eZ Publish Platform 5.2 and roadmapeZ Publish Platform 5.2 and roadmap
eZ Publish Platform 5.2 and roadmap
 
Story 4 frontpage
Story 4 frontpageStory 4 frontpage
Story 4 frontpage
 

Story 2-search & create container

  • 1. 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. 2. Create a container & sub-items via Search 1
  • 2. As a user, I will... ...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 2
  • 3. 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
  • 4. Discover As any User I want to reach a content object through search and filter the results. 4
  • 5. Discover As any User I want to reach a content object through search and filter the results. 5
  • 6. Among other changes, I can notice: infinite scroll, option to see result with different views, option to save my search as a filter 6
  • 7. Discover As any User I want to reach a content object through search and filter the results. 7
  • 8. 200 results - that is too much, I will refine using filters. Filters are similar to facets, and allow to drill down through the results. Of coulse, all this will be dynamic, without page reload. I will first restrict my search to a specific location (aka subtree) 8
  • 9. Discover As any User I want to reach a content object through search and filter the results. 9
  • 10. I will then search for content published within the last 10 days 10
  • 11. Discover As any User I want to reach a content object through search and filter the results. 11
  • 12. Discover As any User I want to reach a content object through search and filter the results. 12
  • 13. Discover As any User I want to reach a content object through search and filter the results. 13
  • 14. Discover As any User I want to reach a content object through search and filter the results. 14
  • 15. Discover As any User I want to reach a content object through search and filter the results. 15
  • 16. Discover As any User I want to reach a content object through search and filter the results. 16
  • 17. and created by my colleagues John or Keith. 17
  • 18. Discover As any User I want to reach a content object through search and filter the results. 18
  • 19. Discover As any User I want to reach a content object through search and filter the results. 19
  • 20. Discover As any User I want to reach a content object through search and filter the results. 20
  • 21. I will now access the contextual action bar under the content I found, “reaching for the star”, and create a gallery. 21
  • 22. Create As any User I want to create a gallery from search results and upload multiple images to it. 22
  • 23. Create As any User I want to create a gallery from search results and upload multiple images to it. 23
  • 24. Create As any User I want to create a gallery from search results and upload multiple images to it. 24
  • 25. I can notice that directly when creating the Gallery object, I can create sub-items (in this case, Images) without any additional click! This save me many clicks compare to the previous interface. 25
  • 26. Create As any User I want to create a gallery from search results and upload multiple images to it. 26
  • 27. I can now simply publish a Gallery in 2 clicks! Thank You! 27