brian jurvelin - user experience (ux) portfolio

Download Brian Jurvelin - User Experience (UX) Portfolio

Post on 27-Jan-2015




0 download

Embed Size (px)




  • 1. Portfolio for: Brian Jurvelin User Experience (UX) Designer, User Interface (UI) Designer, Interaction Designer, Information Architect, Usability Specialist

2. Contact Information Please contact me regarding potential job opportunities in the user experience (UX) field.Name:Brian JurvelinAddress:29563 Linda Street, Livonia, MI 3. Portfolio Outline Section 1 shows the evolution of one UX project from start to finish. Section 2 includes artifacts from multiple projects to illustrate UX skills not shown in section 1.1. Mobile Application Design (Party Armor) Project overview Personas & usage scenarios Design sketches Wireframes Paper prototyping/usability testing Project results2. Website Artifacts (Multiple Projects) User research Competitive analysis Website diagram Card sort Task analysis Website interface redesign Usability testing Expert review Accessibility inspection 4. 1. Mobile Application Design (Party Armor) 5. Project Overview Project: Mobile application designClient: Party Armor - creator of a dietary supplement designed to prevent and relieve hangovers resulting from consuming too much alcoholMy Role: Lead designerThe Challenge: Design a mobile application that helps increase the credibility of the Party Armor brandScope Limitations: Graphic design and programming were not included in the scope of the project 6. Persona & Usage Scenarios Extracted user needs based on user research provided by the clientDeveloped a primary persona and three typical usage scenarios (shown here)Based remaining design decisions on what Pete would want 7. Design Sketches Interface design conceptsSketched design interface Began themultiple process by and interaction flow design sketching design concepts concepts Sketches included potential interaction flows and layouts Highlighted functionality that Sketches were used as the promoted the users and basis for wireframes well-a being prototypes paper (ex. call a cab) to increase brand credibilityUsed sketches as the basis for wireframes and a paper prototypeDesign concept for an interaction flow 8. Wireframes Produced wireframes to model the initial design of the applicationCreated wireframes using Moqups, an HTML based wireframing toolGenerated a paper prototype from wireframes for usability testing 9. Paper Prototyping/Usability Testing Conducted discount usability testing with paper prototypes to get feedback on the initial designTested users using think aloud protocol and recorded qualitative resultsDocumented potential design changes based on user feedback 10. Project Results Design change made based on usability testingMade design changes, such as adding a sign in that did not require FacebookIterated between the design and usability testing phases to produce a final designClient was happy with the final design and is in the process of hiring a graphic design and a developerBeforeAfter 11. 2. Website Artifacts 12. User Research Created a survey and administered it to users of a graduate programs student association websiteIdentified the users needs regarding website content and information architectureUsed information gained from the survey to help with the websites redesign 13. Competitive Analysis Functionality included on competitor websitesConducted a competitive analysis to aid in the design of a new website for a sporting goods companyIdentified content and functionality included on the websites of four competitorsRecommended content and functionality for inclusion on the new website 14. Website Diagram Diagrammed a local theatre companys website (using Visio)Modeled the organization and structure of the website through page relationshipsMade recommendations for improvements to the websites organization and structure 15. Card Sort Conducted an exploratory card sort of the content on a local museums websiteTested six users to gain insight into how content was grouped and how labels were interpretedRecommended changes regarding labeling and content grouping 16. Task Analysis Excerpt from one of the tasks included in the task analysisAnalyzed the processes for completing three tasks on a car dealerships websiteDocumented the steps required to complete each of the tasksRedesigned the tasks to improve efficiency, reduce errors and increase user satisfaction 17. Website Interface Redesign Redesigned a local pottery shops website interfaceApplied interface design principles and best practices to identify the strengths and weaknesses of the interfaceProduced wireframes (using Illustrator) to model the design of the new and improved interfaceSubpage before redesignSubpage after redesign 18. Usability Testing Transcript from one of the usability testing sessionsConducted a usability test of a stock photo website to identify user experience issuesUsed think aloud protocol to evaluate ten tasks with five different usersRecommended solutions for each issue, emphasizing issues with higher severity 19. Expert Review Description of a usability issue found on the websiteConducted an expert review to identify the usability issues on a website that sells knitting productscScreenshot of the website showing evidence of the problemCreated a list of usability issues, organized by the guideline that was violated and the severity of the issueMade recommendations on how to correct each issue 20. Accessibility Inspection Description of an accessibility issue found on the websiteConducted an accessibility inspection of a weather forecasting websiteIdentified issues that could make the website content hard to use or inaccessible for users with disabilitiesMade recommendations on how to make the website more accessibleScreenshot of the website showing evidence of the problem