Main ticket for website redesign project
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 ;)
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:
content architecture - map current content related to the portal and organize it
whiteboard draw organization of the content into pages
wireframe these pages
create design for these pages [these include design reviews till we are happy with what we have]
start organizing content for the pages (with the design already done we will be working with that)
update high definition mockups with real content
guerrilla user testing #1
start coding the pages
once content is finished we upload them on transifex for translation to start
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:
The languages we will support are our tier1 languages : https://storm.torproject.org/shared/o7Rh2S9bsMNN7Eh7C9cKaqxR371pR1AmpRxbu--nC34
- English - EN
- Farsi - FA
- Spanish - ES
- Russian - RU
- Simplified Chinese - zh-CN
- Portuguese - PT-BR
- French - FR
- German - DE
- Korean - KO
- Turkish - TR
- Italian - IT
- 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)