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

[John Britton]

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