[p2pu-dev] UI changes for 0.5 [ was Re: release 0.4]

John Britton public at johndbritton.com
Mon May 2 03:14:16 UTC 2011

I've got no real opinion on where the "BETA" text ends up, put it where it
looks good.

I agree that the footer should go back to what the original mockups from BCN
included (maybe we haven't gotten there yet).

Also agree that a logged in user should be able to go back to the home page,
I was confused by this a few days ago.

I like the idea of collapsing user - inbox - logout. See Gmail and Twitter
for examples.

Lastly the dropdowns should respect hover. Do note that right now you can
open both at the same time which is really strange.
contact info:
@johndbritton - http://twitter.com/johndbritton

2011/5/1 João Antonio de Menezes Neto <tonyhomes at gmail.com>

> now some considerations about the site when the user is already logged-in:
> - there's no way to get back to the start page that says "we're an
> open...". there's the global updates for the whole p2pu there, which is an
> interesting view even for who's already logged in (sorry if there is already
> a manner to get back to that page, but I don't know how to access it)
> - i wonder if we could make "User - Inbox - Logout" 1 single menu? There
> could be a small iphone-ish badge in the user's photo or next to his/her
> name + an envelope icon to show he's got new messages. "Logout" would be the
> last item listed in the dropdown.
> - we really should implement hover instead of just clicking for dropdowns
> as well as the arrow i told you about
> - another branding opportunity would be to place a small icon/badge or
> change the text color of the buttons that say which study group the message
> has been posted on
> - a quick visual tweak: the "Follow" and "Private message" buttons are
> using different fonts from each other
> - there's no title on the area on which each persons posts his/her external
> links. the margin between the links could be smaller to give impression they
> are a list and just not free chunks of text.
> - setting a standart size to study groups avatars is really a necessity
> guess thats all for now ;)
> Em 1 de maio de 2011 18:00, João Antonio de Menezes Neto <
> tonyhomes at gmail.com> escreveu:
> just a quick clarifying question, Philipp posted "Make breadcrum
>> sub-header of the group title" but the ideal scenario would be "Make
>> breadcrumb a navigation menu for the study group areas - Update's Wall,
>> Tasks, etc).
>> [?]
>> Em 1 de maio de 2011 17:57, João Antonio de Menezes Neto <
>> tonyhomes at gmail.com> escreveu:
>> the great advantage of having the footer as the original psd as it works
>>> as an index/table of contents of the whole site, allowing global navigation
>>> without the need of opening dropdown menus.
>>> i agree with jessica that the gray area Aleks had drawn served as a good
>>> protection area for the brand and it also allowed a delimited space to play
>>> with schools logos/icons/badges. i remember that the gray area wasn't near
>>> enough of the heading div, it was originally planned to have 0px of margin
>>> between them
>>> (:
>>> 2011/5/1 Philipp Schmidt <phi.schmidt at gmail.com>
>>>> On 1 May 2011 16:16, Jessica Ledbetter <jessica at jessicaledbetter.com>
>>>> wrote:
>>>> > Zuzel made a task with his suggestions. I'm guessing we just need
>>>> approval
>>>> > from you, Philipp?
>>>> All suggestions will increase usability, and there hasn't been any
>>>> dissent on this list. Let's go ahead and implement them.
>>>> >
>>>> http://p2pu.lighthouseapp.com/projects/71002/tickets/253-joao-suggestions#ticket-253-1
>>>> I've added Joao's mock-up.
>>>> > And whatever other changes we need UI-wise and we'll get it in there.
>>>> > I'm still hoping for a new logo or the grey to come back ;)
>>>> A designer friend will send us some suggestions. For now, we should
>>>> clean up as much as possible (Joao mentioned cleaning out the grey
>>>> from the heads of the letters P) and make a tiny bit smaller so it
>>>> doesn't touch against the borders.
>>>> > I put in BETA lower right of the logo because that seems pretty
>>>> popular and
>>>> > worked, in my opinion, with the grey angles. Doesn't really use up too
>>>> much
>>>> > real estate though but seems off balance without the grey background.
>>>> We can
>>>> > definitely play with placement/size especially if we are looking at
>>>> school
>>>> > branding.
>>>> In general, I think the BETA is great where it is. I am suggesting to
>>>> move it to top right, so we get a little more space to move up the
>>>> rest of the page. If it looks funny, let's not do it.
>>>> > I also would like to see the footer become more like the original PSD
>>>> > design. I think we're at a point (or very close to it) with the
>>>> different
>>>> > content parts we needed for it (like about, help, etc).
>>>> > I can delete the grey out of the P2PU logo if we don't have the new
>>>> one
>>>> > before 0.5 goes live.
>>>> Thanks! Fingers crossed still ...
>>>> P
>>>> _______________________________________________
>>>> p2pu-dev mailing list
>>>> p2pu-dev at lists.p2pu.org
>>>> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
> _______________________________________________
> p2pu-dev mailing list
> p2pu-dev at lists.p2pu.org
> http://lists.p2pu.org/mailman/listinfo/p2pu-dev
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.p2pu.org/pipermail/p2pu-dev/attachments/20110501/75027262/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: 338.gif
Type: image/gif
Size: 541 bytes
Desc: not available
URL: <http://lists.p2pu.org/pipermail/p2pu-dev/attachments/20110501/75027262/attachment-0001.gif>

More information about the p2pu-dev mailing list