[Author Prev][Author Next][Thread Prev][Thread Next][Author Index][Thread Index]

Re: [tor-bugs] #21222 [Webpages/Website]: Main ticket for website redesign project



#21222: Main ticket for website redesign project
------------------------------+----------------------------------
 Reporter:  isabela           |          Owner:  isabela
     Type:  project           |         Status:  assigned
 Priority:  Very High         |      Milestone:  website redesign
Component:  Webpages/Website  |        Version:
 Severity:  Normal            |     Resolution:
 Keywords:  ux-team,          |  Actual Points:
Parent ID:                    |         Points:
 Reviewer:                    |        Sponsor:
------------------------------+----------------------------------
Description changed by isabela:

Old description:

> = Website redesign main ticket introduction =
>
> This is a huge project the UX team is leading and it has a lot of steps
> involved on it. Our goal is for this project to be the base of something
> that can scale while we continue to iterate on it.
>
> = What problems are we trying to fix? =
> This project aims to fix many problems that goes beyond just a redesign
> thing, even though we are calling it 'website redesign'.
>
> Yes, Tor Project website is not the best thing in the world and is a big
> problem that must be fixed. And this is a problem that we can't ignore
> anymore, is hurting many initiatives we have at Tor Project.
>
> Our community is growing and this growth is part of the 'website
> problem'. A lot of information have been added to torproject.org over the
> years leading to what we have now. Is a good problem to have, but right
> now we must reorganize this information to better set ourselves to
> continue grow.
>
> Here is a list of some problems easily recognizable with the current
> site:
>
>  * Not localized
>  * Too much information at the front page
>  * Still hard to find information
>  * Hard to add new information (ends up contributing to the mess) and we
> need to add more information because we are growing :) we have a lot to
> share
>  * inconsistency with the design
>
> And we could go on but the point of this doc is not to have a full
> description of all the problems we have but just an introduction to set
> the stage for explaining what we are thinking for a solution and the
> steps of its implementation.
>
> = How we solve it? =
> Our solution right now is to create new portals to better organize
> information and also at the same time keep torproject.org simple and easy
> for first comers to find their way around into what Tor is and how to
> get/use it.
>
> So we will be building:
>
>  * torproject.org - with 'new user' as our main audience for this portal
> [of course with easy way to navigate to the other portals:
>  * dev.torproject.org - short explanation: "all things related to the
> development of free software projects of Tor Project"
>  * community.torproject.org - short explanation: "a umbrella of things
> that are power by our community, or a portal to 'help people help Tor'.
>  * support.torproject.org - user support website
>
> Are we loosing press? FAQs? Donate page? The Blog? No :) the list above
> are the main entrance to all these things and more.
>
> I invite you to read more about each of this portal and other work
> related to this initiative in the children tickets (and their children
> tickets) associated with this project. Is a big project and the
> information written here is a summary of the summary ;)
>
> = Why now? =
> Right now we are with fund and a team to carry this work. And we need to
> do this to enable many other great work at Tor to have infrastructure to
> support their project. We believe that these portals will help a lot of
> groups inside of Tor Project to better provide information about their
> work and therefore receive help to do so.
>

> =  The short version of the process we will follow for each portal  =
>
> #### process for each site will be:
>
> 0. content architecture - map current content related to the portal and
> organize it
>
> 1. whiteboard draw organization of the content into pages
>
> 2. wireframe these pages
>
> 3. create design for these pages [these include design reviews till we
> are happy with what we have]
>
> 4. start organizing content for the pages (with the design already done
> we will be working with that)
>
> 5. update high definition mockups with real content
>
> 6. guerrilla user testing #1
>
> 7. start coding the pages
>
> 8. once content is finished we upload them on transifex for translation
> to start
>
> 9. Once coding is done we can start QA by language (as translations gets
> complete)
>
> 10.[we could do another user test here too before launch if we want - or
> we can run one after lunch and continue iteration]
>
> = What we will use to build it? =
> Right now we are testing Lektor for the framework to use:
> https://trac.torproject.org/projects/tor/ticket/24275
>
> We are also working on a project that will help us build the themes for
> these portals but also anyone else who would like to follow our style
> guidelines for their site.
>
> We are creating a fork of bootstrap and changing its css based on our
> guidelines, we plan to use it to build the front end of the portals. You
> can follow this project here (and it's children tickets):
>
> [ need to add ticket ]
>
> Some portals like 'support' need a search tool as well. For that we are
> looking at:
>
> [ need to add a ticket ]
>
> = Are we planing to test things? =
> Yes, not only our framework but everything! We hope to do as many
> research and test we can, it will all depend on our bandwidth and
> resources. Since we have been working on building this 'testing' and
> 'research' steps into our processes we already have some stuff in place
> that can help us carry those on. We hope to continue to add  more
> resources in this front to be able to do even more of those in the
> future!
>
> This project is actually the first year of a 3 years project where we
> hope to build this user feedback / testing process and have it happening
> in large scale for all the projects we are working on.
>
> = What about translation? =
> We will localize first:
>
>  * torproject.org
>  * support.torproject.org
>
> The languages we will support are our tier1 languages :
> https://storm.torproject.org/shared/o7Rh2S9bsMNN7Eh7C9cKaqxR371pR1AmpRxbu
> --nC34
>
>  1. English - EN
>  1. Farsi - FA
>  1. Spanish - ES
>  1. Russian - RU
>  1. Simplified Chinese - zh-CN
>  1. Portuguese - PT-BR
>  1. French - FR
>  1. German - DE
>  1. Korean - KO
>  1. Turkish - TR
>  1. Italian - IT
>  1. Arabic - AR
>
> Translation will be done using Transifex community, thousands of people
> who have already been translating other Tor things.
>
> We will add a step for Localization Review of the translated sites with a
> native speaker of each language. So we can have a review in context since
> as many other crowdsourcing translation tools, translation within context
> is something they miss. But they do have other features, such as
> translation memory and vocabulary features that helps a lot on making
> sure of the translation quality across so many pages and product UIs.
>
> So we will stick with the good practices of using a good tool like
> Transifex to do the translation and incorporate a review in context step
> with native speakers. Hopefully we will have volunteers to help us out
> with all those tier 1 languages.
>

> = What have we done  =
> ''__*'''this part is not done yet'''*
> __''The story of Tor Project website is long! But to cut it short we will
> talk from 2015 - now (EOY 2017)
>
> This work will be funded by
> [https://docs.google.com/document/d/1pmknfCSWGnVNv9fYdF44nIOV4ThiPKBx9rfAKVP3j2w/edit?usp=sharing
> SIDA] and incorporate work from
> [https://trac.torproject.org/projects/tor/wiki/Website/MainSiteRedesign
> past efforts]. We did some work on the
> [https://trac.torproject.org/projects/tor/wiki/doc/UX/SupportPage support
> page] before this site-wide effort.

New description:

 = Website redesign main ticket introduction =

 This is a huge project the UX team is leading and it has a lot of steps
 involved on it. Our goal is for this project to be the base of something
 that can scale while we continue to iterate on it.

 = What problems are we trying to fix? =
 This project aims to fix many problems that goes beyond just a redesign
 thing, even though we are calling it 'website redesign'.

 Yes, Tor Project website is not the best thing in the world and is a big
 problem that must be fixed. And this is a problem that we can't ignore
 anymore, is hurting many initiatives we have at Tor Project.

 Our community is growing and this growth is part of the 'website problem'.
 A lot of information have been added to torproject.org over the years
 leading to what we have now. Is a good problem to have, but right now we
 must reorganize this information to better set ourselves to continue grow.

 Here is a list of some problems easily recognizable with the current site:

  * Not localized
  * Too much information at the front page
  * Still hard to find information
  * Hard to add new information (ends up contributing to the mess) and we
 need to add more information because we are growing :) we have a lot to
 share
  * inconsistency with the design

 And we could go on but the point of this doc is not to have a full
 description of all the problems we have but just an introduction to set
 the stage for explaining what we are thinking for a solution and the steps
 of its implementation.

 = How we solve it? =
 Our solution right now is to create new portals to better organize
 information and also at the same time keep torproject.org simple and easy
 for first comers to find their way around into what Tor is and how to
 get/use it.

 So we will be building:

  * torproject.org - with 'new user' as our main audience for this portal
 [of course with easy way to navigate to the other portals:
  * dev.torproject.org - short explanation: "all things related to the
 development of free software projects of Tor Project"
  * community.torproject.org - short explanation: "a umbrella of things
 that are power by our community, or a portal to 'help people help Tor'.
  * support.torproject.org - user support website

 Are we loosing press? FAQs? Donate page? The Blog? No :) the list above
 are the main entrance to all these things and more.

 I invite you to read more about each of this portal and other work related
 to this initiative in the children tickets (and their children tickets)
 associated with this project. Is a big project and the information written
 here is a summary of the summary ;)

 = Why now? =
 Right now we are with fund and a team to carry this work. And we need to
 do this to enable many other great work at Tor to have infrastructure to
 support their project. We believe that these portals will help a lot of
 groups inside of Tor Project to better provide information about their
 work and therefore receive help to do so.


 =  The short version of the process we will follow for each portal  =

 #### process for each site will be:

 0. content architecture - map current content related to the portal and
 organize it

 1. whiteboard draw organization of the content into pages

 2. wireframe these pages

 3. create design for these pages [these include design reviews till we are
 happy with what we have]

 4. start organizing content for the pages (with the design already done we
 will be working with that)

 5. update high definition mockups with real content

 6. guerrilla user testing #1

 7. start coding the pages

 8. once content is finished we upload them on transifex for translation to
 start

 9. Once coding is done we can start QA by language (as translations gets
 complete)

 10.[we could do another user test here too before launch if we want - or
 we can run one after lunch and continue iteration]

 = What we will use to build it? =
 Right now we are testing Lektor for the framework to use:
 https://trac.torproject.org/projects/tor/ticket/24275

 We are also working on a project that will help us build the themes for
 these portals but also anyone else who would like to follow our style
 guidelines for their site.

 We are creating a fork of bootstrap and changing its css based on our
 guidelines, we plan to use it to build the front end of the portals. You
 can follow this project here (and it's children tickets):

 [ need to add ticket ]

 Some portals like 'support' need a search tool as well. For that we are
 looking at:

 [ need to add a ticket ]

 = Are we planing to test things? =
 Yes, not only our framework but everything! We hope to do as many research
 and test we can, it will all depend on our bandwidth and resources. Since
 we have been working on building this 'testing' and 'research' steps into
 our processes we already have some stuff in place that can help us carry
 those on. We hope to continue to add  more resources in this front to be
 able to do even more of those in the future!

 This project is actually the first year of a 3 years project where we hope
 to build this user feedback / testing process and have it happening in
 large scale for all the projects we are working on.

 = What about translation? =
 We will localize first:

  * torproject.org
  * support.torproject.org

 The languages we will support are our tier1 languages :
 https://storm.torproject.org/shared/o7Rh2S9bsMNN7Eh7C9cKaqxR371pR1AmpRxbu
 --nC34

  1. English - EN
  1. Farsi - FA
  1. Spanish - ES
  1. Russian - RU
  1. Simplified Chinese - zh-CN
  1. Portuguese - PT-BR
  1. French - FR
  1. German - DE
  1. Korean - KO
  1. Turkish - TR
  1. Italian - IT
  1. Arabic - AR

 Translation will be done using Transifex community, thousands of people
 who have already been translating other Tor things.

 We will add a step for Localization Review of the translated sites with a
 native speaker of each language. So we can have a review in context since
 as many other crowdsourcing translation tools, translation within context
 is something they miss. But they do have other features, such as
 translation memory and vocabulary features that helps a lot on making sure
 of the translation quality across so many pages and product UIs.

 So we will stick with the good practices of using a good tool like
 Transifex to do the translation and incorporate a review in context step
 with native speakers. Hopefully we will have volunteers to help us out
 with all those tier 1 languages.


 = What have we done  =
 ''__*'''this part is not done yet'''*
 __''The story of Tor Project website is long! But to cut it short we will
 talk from 2015 - now (EOY 2017)

 This work will incorporate work from
 [https://trac.torproject.org/projects/tor/wiki/Website/MainSiteRedesign
 past efforts]. We did some work on the
 [https://trac.torproject.org/projects/tor/wiki/doc/UX/SupportPage support
 page] before this site-wide effort.

--

--
Ticket URL: <https://trac.torproject.org/projects/tor/ticket/21222#comment:31>
Tor Bug Tracker & Wiki <https://trac.torproject.org/>
The Tor Project: anonymity online
_______________________________________________
tor-bugs mailing list
tor-bugs@xxxxxxxxxxxxxxxxxxxx
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs