[p2pu-dev] P2PU Homepage

Thu Nov 17 14:17:03 UTC 2011

Hey Oliver:

Just wanted to say THANK YOU for the detailed input here. We set up
development priorities at the recent P2PU workshop and will push the
home-page redesign back by a few weeks to focus on metrics and the course
listing page, but this input is super helpful (not just for the home page).

Thank you!

P

On 2 November 2011 15:40, Oliver Ding <oliver.jian.ding at gmail.com> wrote:

> 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
>>
>>
>
> _______________________________________________
> 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/20111117/4b29aef2/attachment-0001.html>