DrupalCon Portland 2013

Caso de estudio: cómo crear un tema responsive y multi-idioma

Andrea Burton, Brett Heckman, Kristin Antin  · 


Extracto de la transcripción automática del vídeo realizada por YouTube.

hey everyone I'm going to go ahead and get started my name is Andrea Burton I'm user experience lead at funny monkey here in Portland Oregon we are let me get to the front of my slides this is brett heckman he's a user experience lead designer

at think shout and we have with us joining via Skype this is Kristen Anton she's the community builder for new tactics and we're going to flip back and forth to hear from Kristen so this session is looking at the new tactic it's a case study to

look at the new tactics website development and it's to look at the UX process for new tactics as a human rights activist website so I was that think shout and I did the user experience process and all of the discovery I left to go to funny monkey and

Brett took over and so he did he picked up from where I left off on the user experience and he did all the front-end theming this site was in English and Arabic there are other languages on this site but we focused for the first round on English and Arabic

I have a background in developing sites for NGOs in English and Arabic I don't speak Arabic I just have worked on a lot of websites that have arabic on them I used to work for an organization called me Dan based in San Francisco and they do a lot of English

Arabic translation on the web so to start this presentation out this is the site that we started with this is the original new tactic site and during a discovery process we went from this site into wireframing in English then we went to wire framing and Arabic

and you'll notice everything switch sides because Arabic is a right-to-left language into a design into a design and Arabic and then into mobile wireframes and a mobile design and so through this talk and my portion of the talk going to go through the

user experience deliverables the process that we went through to go from the original site all the way up into the design and implementation so I'm going to let kristen anton introduce herself now and have her introduce new tactics what what their mission

is what their website needs where when they came to think shout and Kristin's role at new tactics so let me pull her up go for it Kristen thanks Andrea so new tactics and human rights is a program of the center for victims of torture which is an organization

based in Minnesota I'm actually in New York so that made us have to figure out time zones and at least three different time zones at this point Oregon Minnesota New York we help human rights defenders work more effectively so that they can achieve their

goals and better address human rights violations around the world and we do this by documenting and disseminating innovative Human Rights tactics we do training and mentoring for activists on strategic thinking and we build an online community of activists

around the world to share their experiences and knowledge with each other and in 2011 we received funding to create a regional hub in the middle east of north africa region this hub was meant to provide resources training and community to activist in the region

and in order to make this work we knew that we needed a new website so we went to think shout knowing that we needed a an Arabic version of our website which included all of our online community features we knew that we needed a mobile-friendly website and

a low bandwidth design we knew that a lot of our users in that region would be accessing our resources through their phones and we also knew that some of them didn't have very good bandwidth and then we also knew that we just needed an upgrade to Drupal

7 that this was an opportunity to get on to the next version of Drupal and so my role with new tactics is as the online community builder i'm also the administrator of the website i manage all the content and all the communications and i managed this web

development process from our end at new tactics and i've managed our website for years i moved it from Drupal five to Drupal 6 from and now we move to Jubal seven so I knew quite a bit about Drupal but this was actually my first time participating in a

discovery process which andrea will talk more about and we were basically going to think shout build the site from the ground up so just to start from scratch and build what we needed and even though I hadn't done it before it was a really eye-opening

experience and I learned a lot so I'll hand it over to you Andrea cool thanks okay so the first thing I'm going to start talking about is the project challenges so Kristin came to us and they had gotten funding I've worked on English Arabic websites

before and I know from experience is really helpful to get as much user experience research data collected so that we know exactly what we're building so there was a fixed budget for this project so i had to a little bit secretly try to get in as much

user as many user experience deliverables as I could so I could really understand who the users were and what they wanted exactly the other thing is that the stakeholders were across multiple time zones we're we're in Portland like Kristen said you

know new tactics and the Center for victims of torture which is the parent organization there in Minnesota Kristen's in New York and then we also had a team in the Middle East and Jordan so we had a span of I think its nine or ten hours so there are many

times that I was like on 6am calls with Jordan to do stakeholder interviews and then defining the exact multilingual needs and preparing the translated content for those of you who have never worked on a multilingual site the first thing and I'll talk

about this later and content strategy the first thing you have to do is figure out what your content is and start getting it translated because that takes a long time because you have many people in the role you have you have to you know communicate with a

translator figure out what your content is in English first get that translated make sure it comes back but also figuring out exactly what the users need who are speaking different languages and I'll talk about this further you know drupal 7 deals with

multilingual and a few different ways which we took a lot of time figuring out do we want to do you know node-based translation where the the nodes correspond to each other in Drupal 7 you can do entity based translation I won't go too technical but that's

field level translation for this project we decided to go with the field level translation to prepare new tactics for the future so they could add more languages in my user experience process I always start out with the objective or think shall we we called

it desired outcomes so what I do is I start with a stakeholder call I get everybody on the phone and we just go through and we talk about you know we talk about objectives we talk about target audience or personas and we talk about what those users those personas

what their motivations are on the site and Kristin was a really great person to work with she was a client that gave a lot of good feedback and so we work together to develop these we had a lot of secondary objectives but these were our main ones the first

was to create a global community of human rights practitioners and organizations that need a website to come to to share these tactics now what tactics are and this took me a while while I was doing the research tactics are basically actions or tools that

that human rights activists have used in the past to get their message out to the people that they're you know trying to educate the other thing that we really wanted to do was have new tactics be the online go-to resource for human rights activists there's

a few other sites out there but we wanted to give it a new look and feel to make it really inviting to human rights activists that didn't know about new tactics to come there and just be like this is the place for for my tactics and then the other main

goal because the funding was coming to build specifically this hub for Middle East North African users Human Rights practitioners we needed to create an Arabic site to enable activists in the MENA region to be more and their human rights work the next thing

we did was we identified the target audience or the personas our main target audience was the human rights practitioners as a whole and mostly we were gearing its we figured out in research and talking to stakeholders and interviews that we really want to

go for experienced human rights practitioners those are the people who are actually going to get on the site download resources participate in conversations and with those experienced practitioners on the site they're also going to pull new practitioners

in other practitioners that fall under the human rights practitioners umbrella is experienced practitioners new tactics they do trainings all over the world so practitioners that have participated in the trainings practitioners that will participate and then

the other users you always have to consider are the people who are going to be adding the content which is the new tactics staff and the funders the funders this is an important lesson I've really learned in the last few years part part of the website

is to show the funders that their money is going to a good place and it's actually working so it's always good to keep the funders in mind they're not you know the number one user persona but we do need to make sure that our websites successful

then to create empathy I like to come up with examples of these Human Rights practitioners and so this is just a list of different practitioners that the new tactics website serves you know and I've worked with some of these NGOs you know I'm friends

with social media exchange and beirut so while I'm like building features designing this I can think okay my friend Jessica in Beirut she's going to need to get on the site she speaks English she speaks a little bit of Arabic you know how how is she

going to walk through this so that's why I like to come up with examples to increase the empathy and then once I have the target audience I like to really understand what is their motivation that specifically helps me define what features are the most

important and be able to prioritize those features we came up with a lot of motivations but I for this presentation I just wanted to show these three that human rights practitioners they want to collaborate and coordinate with other practitioners they want

a space to reflect on their we're their work with their peers and they when they're implementing a campaign if they've been using the same tactics you know for their whole career they want to look for new tactics to and strategies to apply so because

of the fixed budget and it was limited I was not able to do like you know I would have preferred to like you know interview at least five different practitioners of different types practitioners in the Middle East practitioners and other places in the world

but since I didn't have the budget for that I went ahead and did surveys using SurveyMonkey it was a way to get you know just numbers to look at so I could make some decisions off of this I went with SurveyMonkey because it's supported Arabic other

[ ... ]

Nota: se han omitido las otras 5.604 palabras de la transcripción completa para cumplir con las normas de «uso razonable» de YouTube.