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

Mon May 2 19:50:16 UTC 2011

we need improvements to External Links (take a look at
http://new.p2pu.org/en/groups/baroque-art-of-italy-spain-and-the-netherlands/)
Maybe we could collapse them by 10 most visited or something.

Em 2 de maio de 2011 08:13, João Antonio de Menezes Neto <
tonyhomes at gmail.com> escreveu:

> Agreed [?]
>
>
> 2011/5/2 John Britton <public at johndbritton.com>
>
>> 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:
>> http://www.johndbritton.com
>> @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
>>>
>>>
>>
>> _______________________________________________
>> 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/20110502/c3fe54b1/attachment.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/20110502/c3fe54b1/attachment.gif>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: 347.gif
Type: image/gif
Size: 186 bytes
Desc: not available
URL: <http://lists.p2pu.org/pipermail/p2pu-dev/attachments/20110502/c3fe54b1/attachment-0001.gif>