Information Architecture

 


 

[ Information Architecture ]   [ Heuristics ]   [ Usability Testing ]

*Note: I cannot provide online samples of much of my work due to the sensitive nature of the content. 
You may contact me to address any of your questions regarding my work samples. 

eLearning Modules – Gaming Concept (August 2013). Our client in the oil and gas industry needed more engaging online learning modules for their geoscientists. I designed different gaming concepts, which included a jigsaw puzzle and scavenger hunts, using William Horton’s established conventions for games and simulators. I worked in concert with the visual designer to create the concepts. See the prototype and the final visual designs.jpg.

Microsite for KKR Annual Report (June 2013). We were tasked with creating a highly visual (and glossy) microsite that culled highlights from KKR’s 50-page annual report.  My focus was to ensure that the layout and interaction design were fluid, and that visitors would be able to navigate, unencumbered, to main and secondary topics of the report. My interactive prototype was a valuable tool that help in the creative direction and development of this microsite. See the prototype.

Tablet Application Design for Onsite Training of Engineers (February 2013). My client needed a tablet application that allowed their Safety Engineers to conduct adhoc classes on-site. The project involved requirements gathering sessions to develop provisional personas, use cases, roles and permissions assignments, workflows, functional specifications, and a prototype. The wireframes were done using Axure RP (interactive version not available). ArtifactsUse Case admin_workflow.pdfclass initiation workflow.pdfrole_assignments.pdfpageflow-rework.pdfpersonas.pdftablet_prototype.pdf

Website Visitor Challenge (December 2012). For this challenge, site visitors were invited to participate in answering industry relevant questions to receive a fathead. I created an interactive prototype, using Axure, to engage product and category managers, and other team members to review the interaction and messaging before visual design started. Artifacts also included an Activity Diagram, illustrating user activity and corresponding system activity. Artifactsuser_challenge-workflow.pdf

Texas Women’s Health Program Website Redesign (April 2012). Our client needed a new website for low-income women to easily locate family planning and healthcare providers. The online resources had been available within the Texas Health and Human Services general website. The solution was to create a new site with a Provider Lookup that allowed visitors to enter a ZIP code and view a list of doctors within a certain radius.  My role in the project was to provide the blueprint (wireframes) and content mapping for our developer. Additionally, I coordinated the Accessibility review, and User Acceptance Testing phases.  The result was a stunning new website that showcased our adept ability to design a well-organized and appealing website that was compliant with Web Content Accessibility Guidelines.  See the TWHP redesigned website. ArtifactsTexas Womens Health Program wireframes.pdfTWHP site map.pdfTWHP UAT Findings.pdf.

Site Re-architecture, SolarWinds.com (March 2012). The original site was sort of a patch quilt no longer suited for the company’s expanding product base. In collaboration with stakeholders, devised a new (phased) site architecture that was more scalable, with page templates for Product Pages, and a new Solution Finder that allows our technically savvy customers to access deeper layers of product information to make educated purchase decisions more easily. Artifactsnew site architecture.pdfcross-functional flow.pdf, home+category pages.pdfsolution details page.pdfproduct  page wireframes annotated for catalog .pdfold product page layout.jpgnew product page layout.jpg,

Content Management Solution for Electric Power Trade Organization (May 2011). I inherited this CMS project that had about 60% of the information architecture completed. I completed the design and specifications. Deliverables for this project included a site map, eCommerce workflows, wireframes, personas, and functional specifications. The solution we implemented replaced the old site with a new platform, with features that included RSS news aggregation and news feeds, event listings with dynamic refresh, social networking and member collaboration, member and event registration, and a Member Center with member-managed profiles and event calendars; eCommerce features included new workflows for event and member registration, and well as membership renewals.

Interactive Floor Plan Design (April 2011): This proof-of-concept project for our home builder client needed more refined concepts to address ideas around an interactive floor plan with a media gallery, elevation, a virtual room, and options selection. With this design, potential new construction home buyers could better visualize how their selected options would appear, with functionality that permits them to place furniture in the floor plans, select and visualize customized features, such as tile flooring versus wood flooring options. A tabbed carousel along the bottom of the site provided access to other home plans in the community, with similar features.

Employment Recruiting Site for a Call-Center (February 2011). This small, informational-based website project was completed within a three week period, from inception to implementation. The motivation for the quick turn-around was to have the new site available immediately following a job fair that our target audience attended. The site’s purpose was to provide information to potential candidates regarding our client’s new Call-Center. The design strategy for the new site was to intersperse testimonials throughout the site, from current employees, provide job posting information, and other details regarding benefits.

Home Page Redesign (December 2010): With this freelance design project, I provided my client with about a dozen sketches from which to choose a design approach. This medium fidelity wireframe sample.pdf shows the final design selection.

Facebook fCommerce (November 2010): This project was one of the largest fCommerce engagements in Texas that required strong, analytical skills for the phased delivery of this Facebook application. The assignment included creating wireframes and requirements for the tenant administration process for affiliates to configure the templates for their online stores, and the products offered. Included are workflows.pdfwireframes.pdf (medium fidelity), and requirements.pdf.

TechCenter Community Site (September 2010): For this project, we revamped our stakeholder’s IT community site to provide a more organized architecture to share information in Blogs, Forums, and Wikis. The artifacts included lo-fidelity wireframe.pdf  which incorporated a Structural Overview defining the column layout for the pages, while the annotated medium fidelity wireframes served as requirements for the developer.

Social Shopping Using Pivot Technology (August 2010): These preliminary lo-fidelity Pivot wireframes.pdf were used as a pre-sales presentation for our potential client to demonstrate how the pivot technology (deep zoom) could be used with their product.

Integrated Justice System for Texas (July 2010): This 3-part User Experience Model.pdf was presented to stakeholders to define the architecture for the user’s experience in and around the proposed integrated justice system. Included in the package is a navigation map, personas representing the user population, and a realistic scenario that brings these medium fidelity wireframes to life.

Intranet Department Site (August 2008): These wireframe samples for Intranet.png helped to establish and refine certain process controls within the department. You can also view the site architecture.png.

The Healthy Fit (September 2008): I designed www.thehealthyfit.net for my client’s new business venture in weight management coaching. The design for this eCommerce site included non-client pages to be viewable for potential clients to help them decide if they want to sign up for her services. Once the client is activated, the Client’s Corner pages provide personalized diet assessment and charted progress specific for each client, food journals, and a monthly newsletter. I designed the prototype in Dreamweaver, and then hired a third-party to convert the pages to Joomla. We chose Joomla for its user friendly content and user management features.

Wireframe design (September 2008): This wireframe design was for a downstream application tool of an eCommerce site. It illustrates how the shopping list and shopping cart tool will work on this redesigned site. The existing tool did not follow design standards, and had several usability issues, as were documented in the findings.*

Proof-of-Concept wireframes for a bridge inspection management system (November 2007): This web application was the brain child of a bridge inspection engineer, 10 years in the making. My wireframe prototypes helped create a proposal to the Texas Department of Transportation for managing their 50,000+ bridges in the state.*

Site redesign initiative (July 2008): The client for this project wanted a more modern and simplified design to help improve their Web presence for their large information-based site. The requirements document included the key findings from the stakeholder interviews, a competitive analysis, and a page-by-page recommendations list, showing annotated screen captures. The wireframes provided an easy-flow design from which my client was able to conceptualize the vision more clearly. You will also find a site map that illustrates the navigation flow and architecture of the proposed redesigned site.*

Proof-of-Concept work session (August 2008): This project was to help my client visualize and organize their ideas about their Web application redesign. The results of this session led to defining access levels for users, and a better and more complete understanding of the possible use cases for this oil and gas information database.*

Stakeholder interview (August 2008): This in-progress project is for a proposed women-focused site, with topics circled around women and finance. The interview questions were used to gather requirements from stakeholders during a phone interview. Note: Due to the sensitive nature of the content, a sample cannot be presented here.

Shop AMD Site Architecture  (Fall 2006): This was a team project at UT that illustrates my strengths in organizational and informational structure of a Web site. You will find my contributions throughout the Shop AMD.pdf document, and specifically my analysis in Appendix C, the General Features section.

Security Administrator’s Guide Task Analysis (December 2004): This task analysis sample.pdf articulates my talent for performing a thorough task analysis as part of building the framework for an administrator’s guide. I based my analysis on interviews with the client and subject matter experts on a variety of functions that users could perform with the software. The purpose for the exercise was to build a Contents section that embodied the entire responsibilities of the Security Administrator.

 


Useful Links:

[ Resume – Yolanda Logan(2017) ]    [ Skills Summary ]