[Patternfly] PatternFly standard utility bar?

Fri Oct 21 13:22:50 UTC 2016

Thanks, everyone for the feedback.  I think I have enough here to run with
and will specify something that is in line with what we are doing for other
Management products with User name to the far right.  I don't have a strong
preference for whether the order is "Help, Notifications, and User" or
"Notifications, Help, and User".  But if anyone has a rationale here for
the order, I'm open to hearing it.

Agree that this is a good candidate for PatternFly contribution.

Matt

On Fri, Oct 21, 2016 at 9:10 AM, Liz Blanchard <lsurette at redhat.com> wrote:

> Matt,
>
> Here is a screenshot of what we are proposing for the TripleO UI
> (OpenStack Director downstream) if it helps. It follows what Serena has
> written up as a standard with notification drawer and the help dropdown
> swapped. I would love to have a suggested standard in PatternFly on this!
>
> [image: Inline image 1]
>
> Liz
>
> On Fri, Oct 21, 2016 at 9:04 AM, Serena Doyle <sdoyle at redhat.com> wrote:
>
>> Matt, There are some conventions that I have been trying to push from our
>> side ... we have been trying to use (from left to right)
>>
>>
>>    1. Product Specific (shopping cart in case of Service UI)
>>    2. Notification Drawer
>>    3. Help (with a drop down with access to About)
>>    4. User
>>
>>
>> Let's chat this afternoon at 1 from a Mgmt Perspective, but I think this
>> would be great to have in PatternFly as well.  I think that different
>> products vary interaction with User icon as well.  I'll add this to the
>> spreadsheet shared by the UXS.
>>
>> Greg, thanks for sending your info.  We should synch up on this as well!
>>
>> - Serena
>>
>>
>> On Fri, Oct 21, 2016 at 8:55 AM, Greg Sheremeta <gshereme at redhat.com>
>> wrote:
>>
>>> oVirt chiming in. I went off of Kyle and Robb's very first design, and
>>> we've never changed it, so you could say this is the original design :)
>>>
>>> [image: Inline image 1]
>>>
>>> We're happy to collaborate and standardize.
>>>
>>> Greg
>>>
>>>
>>>
>>> On Fri, Oct 21, 2016 at 8:48 AM, Catherine Robson <crobson at redhat.com>
>>> wrote:
>>>
>>>> Andres,
>>>>
>>>> I think we are all trying to put these links in the masthead and that
>>>> part is clear from the PatternFly examples and docs.  Matt's point below
>>>> about options, ordering, etc. is what I think we're interested in seeing if
>>>> we can standardize on.
>>>>
>>>> Looking at various examples, they look quite different (i.e. order of
>>>>> the items, icons to use, whether user name is to be displayed or not).
>>>>
>>>>
>>>> - Catherine
>>>>
>>>> On Thu, Oct 20, 2016 at 7:51 PM, Andres Galante <agalante at redhat.com>
>>>> wrote:
>>>>
>>>>> Hi Matt, I believe that both the horizontal and vertical Nava have
>>>>> those utility links on the masthead.
>>>>>
>>>>>
>>>>>
>>>>> On Thursday, 20 October 2016, Catherine Robson <crobson at redhat.com>
>>>>> wrote:
>>>>>
>>>>>> I have a variety happening across projects as well Matt.  We
>>>>>> generally show user as the right-most item, but then what happens is up for
>>>>>> grabs project by project for the most part.  I think it also tends to vary
>>>>>> based on height of the area where the username is placed.  We have a
>>>>>> variety of headers in play in general, some shorter and some taller.
>>>>>>
>>>>>>
>>>>>> On Thu, Oct 20, 2016 at 3:43 PM, Matt Carrano <mcarrano at redhat.com>
>>>>>> wrote:
>>>>>>
>>>>>>> I am working on the Tendrl (Storage) console project and need to
>>>>>>> define utility links for the right hand side of the masthead.  Specifically
>>>>>>> we need links for About, Notifications, and User.
>>>>>>>
>>>>>>> Do we have a standard for this?   I know we did at one time , but I
>>>>>>> can't find anything on the site.  Looking at various examples, they look
>>>>>>> quite different (i.e. order of the items, icons to use, whether user name
>>>>>>> is to be displayed or not).
>>>>>>>
>>>>>>> Welcome any examples of how you've handled this on your projects,
>>>>>>> also.
>>>>>>>
>>>>>>> Matt
>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>> Matt Carrano
>>>>>>> Sr. Interaction Designer
>>>>>>> Red Hat, Inc.
>>>>>>> mcarrano at redhat.com
>>>>>>>
>>>>>>> _______________________________________________
>>>>>>> Patternfly mailing list
>>>>>>> Patternfly at redhat.com
>>>>>>> https://www.redhat.com/mailman/listinfo/patternfly
>>>>>>>
>>>>>>>
>>>>>>
>>>>
>>>> _______________________________________________
>>>> Patternfly mailing list
>>>> Patternfly at redhat.com
>>>> https://www.redhat.com/mailman/listinfo/patternfly
>>>>
>>>>
>>>
>>>
>>> --
>>> Greg Sheremeta, MBA
>>> Red Hat, Inc.
>>> Sr. Software Engineer
>>> gshereme at redhat.com
>>>
>>> _______________________________________________
>>> Patternfly mailing list
>>> Patternfly at redhat.com
>>> https://www.redhat.com/mailman/listinfo/patternfly
>>>
>>>
>>
>>
>> --
>> - Serena Chechile Doyle
>> *UXD | Unified Management Experience*
>> *Red Hat*
>> *Cell* 508-769-7715 | *IRC* - serena | *Skype* - serenamarie125 |
>> *Twitter* - @serenamarie125
>>
>> _______________________________________________
>> Patternfly mailing list
>> Patternfly at redhat.com
>> https://www.redhat.com/mailman/listinfo/patternfly
>>
>>
>
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly
>
>

-- 
Matt Carrano
Sr. Interaction Designer
Red Hat, Inc.
mcarrano at redhat.com
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20161021/7d1baf96/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: TripleO UI Masthead.png
Type: image/png
Size: 141650 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20161021/7d1baf96/attachment.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image.png
Type: image/png
Size: 9096 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20161021/7d1baf96/attachment-0001.png>