[Patternfly] FYI - Latest API Management UI

[Jeremy Perry]

I know I’m coming out of nowhere with this, but I think looking seriously at 12px as a default is worth exploration. Aside from increased legibility, the number 12 has many benefits for creating a typographic rhythm on line heights like 1.25, 1.5 etc.


On Mar 25, 2014, at 12:08 PM, Matt Carrano <mcarrano at redhat.com> wrote:

> Catherine/Eric,
> 
> Thanks for passing along the feedback.  It is great to see these screens and to know that Overload is now using PatternFly styling.  Also, good tip about the Rawgithub tool.  I can see where this can be a really helpful thing.
> 
> Regarding the font sizing, I can see what you mean about the 11pt text.  This is a tricky issue because I find that readability depends a lot on monitor resolution and context.  There's probably not one right answer for all cases, and this also varies a lot from person to person. That said, it's something for us to keep in mind and I appreciate getting the feedback.  I'm copying in the PF list as others may also have thoughts who are more knowledgeable in this area than I.
> 
> -Matt
> 
> ----- Original Message -----
> From: "Catherine Robson" <crobson at redhat.com>
> To: "Matt Carrano" <mcarrano at redhat.com>
> Cc: "Eric Wittmann" <eric.wittmann at redhat.com>
> Sent: Tuesday, March 25, 2014 11:08:02 AM
> Subject: Fwd: Re: FYI - Latest API Management UI
> 
> Matt,
> 
> Eric is using the PatternFly font recommendations, but we both felt the 
> font was too small to read easily.  He noted that it was 11px by default 
> (and is what he currently has implemented), but 12px seems to be much 
> easier to look at.  You can click on the link he provided below to see 
> his application (without the top header area at this point).
> 
> Thought I would forward this to you for feedback on PatternFly.
> 
> Thanks!
> Catherine
> 
> -------- Original Message --------
> Subject: 	Re: FYI - Latest API Management UI
> Date: 	Tue, 25 Mar 2014 11:04:26 -0400
> From: 	Eric Wittmann <eric.wittmann at redhat.com>
> To: 	Catherine Robson <crobson at redhat.com>
> 
> 
> 
> Thanks for the feedback.
> 
> Regarding font size - it's funny, I thought it was too small as well,
> but the font size is coming from PatternFly (I think) so I assumed that
> was the recommended size.  I'll def. change it.
> 
> I may book an hour with you - would love some functional feedback.
> 
> -Eric
> 
> On 3/25/2014 10:48 AM, Catherine Robson wrote:
>> 
>> 
>> Eric Wittmann wrote:
>>> Just wanted to let you know that I have applied the PatternFly styles
>>> to my most recent project UI.  I also discovered a web site called
>>> "rawgithub.com" which is amazing and allows me to view the UI
>>> templates as webpages directly from the github source!  That's a super
>>> nerdy thing to be excited about, but I'm not ashamed.  :P
>> This is very cool!  I hate having to check stuff out and figure out how
>> to build it.
>>> 
>>> In any case, it means you can view the UI here (if interested) without
>>> downloading or checking anything out:
>>> 
>>> http://rawgithub.com/Governance/apiman/master/apiman-dt/apiman-dt-ui/apiman-dt-ui-war/src/main/java/org/overlord/apiman/dt/ui/client/local/site/user-orgs.html
>>> 
>>> 
>>> What you *won't* see is the header, which (like all overlord apps)
>>> gets added later via javascript.  So it looks a little bare without
>>> that, but hopefully you'll get the idea. :)
>>> 
>>> Also note that I tried to ensure that every page looks good in a
>>> browser but also in a phone - so that aspect of things should be
>>> working well.
>> Looking great!
>>> 
>>> Any feedback welcome.
>> 
>> The only feedback I have is that font is a bit small.  You might want to
>> bump the body font size up to 12px instead of 11px.  It makes it much
>> easier to read I think, and doesn't seem to ruin the design in any way
>> to me.
>> 
>> Otherwise, from a design standpoint, I think this looks good.  I have no
>> idea what it is supposed to be or do from a functional standpoint, so I
>> don't think I can comment on the usability or workflow really at this
>> point.  If you want to review this level of stuff, maybe book an hour
>> with me and we can do a walkthrough of it together.
>> 
>>> 
>>> -Eric
> 
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly