[p2pu-dev] P2PU Homepage

[Oliver Ding]

I like the new design better than current one.  Here comes my two cents.

*1. Top navigation: add "Teach" tab between "Learn" and "Contribute"*

There are three types of actions that users can do on P2PU.

Learn:  the first action is joining a course and learning it.

Teach: the second action is creating a course and teaching it.

Contribute:  the third action is getting involved to the community.

The new "Teach" tab should link to the creating a course page.
http://p2pu.org/en/login/?next=/en/groups/create/

*2. Using same terms on navigation tabs, breadcrumbs*, *webpage titles, and
URLs *

For example, the current Learn part uses different terms:

Navigation tab: Learn
Breadcrumbs: Home > Learn
Webpage title: Browse
URL: http://p2pu.org/en/groups/

*3. Don't make hyperlinks to the webpage that users are located in*

For example, the following page is the Learn page, and the "Learn" menu at
the top navigation and the "Learn" within the breadcrumbs "home > learn"
link to the Learn page
http://p2pu.org/en/groups/

These two hyperlinks should be removed. Else, users don't know where they
are located in.

*4. The color of click-able text*

At the following page, the breadcrumbs text "Home > Learn > All" are
clickable. They are blue. "Learn" and "Contribute" tabs are clickable, but
they are deep grey. And, the webpage title "Browse" is not clickable, it's
deep grey also.

http://p2pu.org/en/groups/all/

We should modify all clickable texts to blue.

*5. The breadcrumbs bar is too big*

It's better to remove the bar and reduce the space. Just put the
breadcrumbs text "Home > Learn > All" under the "Browse" box.

*6. The promotion box is too big* *at the group page*

It's fine to see a big promotion box at the homepage of the site. But it's
too big to show same size at the group page.
http://p2pu.org/en/groups/openbsd-adj-como-sistema-de-escritorio/

The group Title box should be bigger as the current promotion box. How
about moving the image and the description into the Title box? Then we can
put a call action button "Join to learn this course" into the Title box.

P.S.

I work for BagTheWeb.com as an information architect and UX designer. I am
a big fan of Creative Commons, Free Culture, Open Education, TED, and etc.
I am also co-founder of the TEDtoChina project and founder of Swordi Studio
which aims to provide open branding service to enable social change through
the Web.

Oliver Ding

http://www.oliverding.com/
http://BagTheWeb.com/u/OliverDing

http://en.Swordi.com

On Wed, Nov 2, 2011 at 8:35 AM, Arlton Lowry <arltonlowry at gmail.com> wrote:

> Overall - very nice!
>
> There was a discussion when the first version came out about the logos of
> publications that had featured P2PU. I personally don't feel strongly about
> it, but I remember that there was a pretty clear negative reaction - it was
> perceived as showing off and wanted to look too much like a start-up. I'd
> love to get a reading on how others feel about it before we decide to keep,
> loose, or modify them.
>
>
> Like any change, there are going to be dissenters no matter what we do.
> However, I feel very strongly that including the logos gives us
> creditability and raises our status in prospective new users eyes. When
> someone comes to our site, the first thing they should be presented with is
> an understanding of what P2PU is, a way to sign up, and some form of
> credibility - hence the logos. Peoples attention span is very short. We
> need to get their attention while we can.
>
> Love the log-in lightbox!
>
>
> Still fleshing that out. :)
>
> The four round buttons look like they are clickable (they also look like
> badges - which I find confusing). I think they should be clickable and lead
> the user to more information about how P2PU works. They could all lead to
> the same page, but to a different paragraph, or I could imagine four
> different pages - one per button.
>
>
> I agree - this could be fleshed out more. John and I had discussed making
> them rollovers that would present the user with some information about that
> step - similar to Twilio's homepage - http://www.twilio.com/. I also
> think the arrows could be a little bit more apparent in showing a flow
> between each step. The graphics are meant to look like badges, since we are
> adopting them. We could have a "Featured Badge" section, or "Latest Badges
> Earned" section on the homepage that showcased users that have recently
> earned badges.
>
>
> Wordsmithing:
>
> "At P2PU, people work together to learn a particular topic by completing
> tasks, assessing individual and group work, and providing constructive
> feedback."
>
> "At P2PU, people learn together by joining courses, collaborating on
> learning challenges, asking and answering questions, and providing
> constructive feedback."
>
>
> I agree. +1
>
>
> P
>
> On 1 November 2011 11:42, Arlton Lowry <arltonlowry at gmail.com> wrote:
>
>> Hello all,
>>
>> I wanted to start a new discussion about the P2PU.org homepage, so we
>> can decide on what direction we would like to go with it. I worked on a
>> design about a month and a half ago. I wanted to get everyone's input on
>> what is lacking from it? What needs to be changed? What needs to be removed?
>>
>> http://alpha.p2pu.org:8091 (Ignore the smaller call-to-action at the top
>> of the page. It will not be present on the homepage.)
>>
>> All input is welcome.
>>
>> Arlton
>>
>
>
> _______________________________________________
> 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/20111102/ffb27bb7/attachment-0001.html>