Project I created wireframes to communicate features and functionality of a responsive non-profit advocacy site redesign, as well as prioritize content and features to accommodate various screen sizes. Due to project budget, and the role of a third party technology vendor, annotations were communicated verbally and captured by the vendor partner. I used Axure.
Project Redesign a site that provides resources, tools, and materials for English as a Second Language educators and learners in underdeveloped countries. In order to better understand educator and learner needs, we conducted eight user interviews with audiences from Pakistan, South Africa, Indonesia, Ukraine, and India. We also held a stakeholder interview session to understand the client's business goals. To get an idea of the competitive landscape, we performed six heuristic evaluations on ESL and TEFL sites. We used our findings to draft a comprehensive digital strategy, which would guide the site redesign.
Once the digital strategy was complete, my UX partner and I created a feature set list and I drafted gray box wireframes. We collaborated with the larger project team including a tech lead, creative director, art director, and client services. We prioritized features and functionality for both desktop and mobile devices.
Mobile was a priority, because a large number of our target audiences use smart phones to access web content (for our primary audiences, desktop internet connections are rare or unreliable, and mobile internet access is more cost efficient). Both educator and learner audiences access the site outside the classroom (schools rarely have internet connection, and most only have connection via one workstation for an entire classroom).
Conclusion Delivered a plan and documentation for a better-organized resource site that is accessible to its users on a variety of devices. Previously, the site was little more than a repository for links to publications, classroom activities, or other resource sites. The redesign will improve how content is featured, including cross-promoting different resources or tools to help audiences find additional items of interest. We also put together suggested ways educators or learners could use resources in the classroom, as well as recommended content packages such as pairing different activities, multimedia, and publications, creating themes that matched important holidays or events in American history and culture.
Project The client came to us requiring a site that had to do some heavy lifting. It needed to feature content that spoke not only to nature enthusiasts, but also to activists, weekend warriors, and those who have a general interest in wilderness but not a vast understanding of what the client does.
The organization itself also consists of many different stakeholder groups, all with equally important messaging and business requirements. One way to get these groups to understand others' goals was to gather for one large work session to discuss primary and secondary audiences, map out user stories, and prioritize all of the above. This helped the groups see common themes and patterns. It also served as a good reminder that while audiences and actions may be different, the end goal of the organization continues to be the same.
Not only did the site need to appeal to a broad audience, but protected lands/place pages required a distinct layout that didn't look like a general content page. Location pages also had to fit within the new site template design and organization brand. Previously, some of these sections were microsites, each with their own branding and templates.
Conclusion Created page templates that take full advantage of the beautiful photography and quality content that already exists, and elevates high-impact and editorial content (and eliminated Flash carousel). Previously, material of interest was buried in a confusing, blog-style template. The new structure features content on the homepage that clearly speaks to each audience, and steers each group towards areas of interest. These areas include:
A path to take action right away (donate, write a letter to Congress, volunteer opportunities, etc.).
My Wilderness stories (personal experience pieces give audiences a chance to learn more about protected lands without the wonky, specialist language).
Interest pieces to get audiences interested in/build awareness around timely, important issues, and encourage them to take an action (donate, write a letter, sign a petition, etc.).
Created a unique template for protected lands/place pages. This allowed each location to distribute marketing materials linking directly to a specific section, giving that section
Deliverables I was responsible for the creation and ownership of the following:
Project I created a Page Specification document outlining feature and functionality requirements the development team used to build the site against.The idea was to make the site as modular as possible, giving the client flexibility to create custom pages within a given set of modules and components. This deliverable was created using Microsoft Visio.
Note: this did not include content mapping requirements, since the client was responsible for that task.
Map Builder Tool
Project I needed to create a model showing how different map builder customization tools would work, as well as show how different user interface elements interacted with one another. It was important to take the client's focus away from graphic design, and concentrate on functionality. Thus, a low-fidelity prototype was the tool for the job. This was created using Protoshare.
Project In preparation of an intranet redesign, my team and I conducted in-person usability tests against three different models. Models included the client's current HR/intranet system, and two clickable prototypes. Prototypes were created using Protoshare, and were based on user workflow diagrams I had created. Diagrams evolved from stakeholder interviews, and an all-day, on-site discovery work session with the client team.
Tests were conducted with individual employees over the course of six days, testing 3-4 subjects for each model. Each session was captured using either Silverback or Camtasia.
After finishing all usability tests, I compiled results and mapped out common themes to determine the the following:
- Where employees typically begin their journey for HR information or tasks. - Where employees typically go to find relevant HR news and information. - Interest in, and informational needs around, transactions and their supporting content. - Interest in personalization as a way to find relevant content and transactions. - Level of comfort having to access multiple systems for information and transactions.
Conclusion With the information gathered, I drafted a comprehensive report outlining common concerns, themes, and pain points, and recommendations for moving forward. Recommendations would help guide decisions such as:
- What intranet features and functionality should be added, eliminated, or enhanced. - What level of integration needs to be implemented to make tasks and information gathering easier. - What level of personalization would be needed to make finding relevant tasks and information faster.
Deliverables I was responsible for creation and ownership of the following:
- User flow diagrams - Wireframe sketches - Conducting usability tests - Usability test results report - Comprehensive executive report
Project I created wireframes to communicate features and functionality of a responsive government agency site redesign, as well as prioritize content and features to accommodate various screen sizes. I used Axure to create these wireframes.