USER EXPERIENCE DESIGNER & RESEARCHER

Transcription

1 USER EXPERIENCE DESIGNER & RESEARCHER

2 Hello! My name is Syed Lagoon and I am a UX Designer & Researcher with a broad UX skillset that ranges from user research and competitive analysis to rapid wireframing and prototyping My formal education is in political science and I also have experience with teaching Lego Robotics and technical recruiting. I practice User-Centered Design, which to me is more then simply a methodology but a necessary philosophy for creating the best digital products My belief is that a focus on the user paired with an iterative and creative process leads to the successful products. This portfolio details my process, design thinking, and past work. Here s me thinking about design...and comic books

3 DESIGN PROCESS Tools & Methods

4 Discover & Research When a project first begins, it is important for me to balance the needs of users with the needs of the business and brand. Finding the common throughline between these different priorities is the key to developing an MVP and prioritizing the necessary features. Locating problems is essential, and I do so by focusing my research on users. Getting feedback, finding potential users and excavating information about their needs and then building personas that are representive of their needs and perspectives. Empathizing with users is the first step towards solving their problems. Tools & Methods - User Surveys, Competitive/Comparative Analysis, Card Sorting, User Interviews, Concept Mapping, Feature Prioritization

5 Last Name Password Sends confirmaiton Concept & Design Go to Send back Synch with confirmation your LinkedIn Account Moving away from mental models to sketching is important to me because not only does it catalyze creativity but helps me solicitate feedback from collaboraters. Help Box +Add Education +Add Work +Add Personal Info Basic Profile Pulls data from LinkedIn API Fills in work history and Education from LinkedIn Data I work to apply creative, innovative solutions that alleviate pain points and build out the initial interface and architecture. In my experience rapid sketching and quick design studios are successful ways of creating solutions as well as avoiding being precious about personal designs. Close it Add Work General Info Tab Enter start and end date Enter company Name Enter Location Enter Job Title Enter which job is similar to your job title Job Type Describe your role Title of the person you report to Edit Work Info As always, the user is the priority not my designs. Click Next Step Button Select Salary Tab Salary Tab Enter Annual Compensation Start, End Enter Annual Bonus Start, and End Add Additional Salary and bonus info by year Click Next Step Button Select Skill Tab Did the user fill out which job is similar to your job title? Tools & Methods - User Flows, Persona, Rapid Sketching, Low Fidelity Wireframes, Personas, User Journeys, Design Studio Yes Skills Tab Choose skills from list: Select list from following: Top skills for Job Type Your Linked In Skills All skills Drag to rearrange top skills list No Click Delete This Job Button Click Next Step Button Select Responsibility Tab Click Remove All Skills Responsibilities Tab Select 5 responsibilities from drop down menu Selection #1: Team Management Yes / No If Yes

6 Test & Iterate Users should be brought in often at different stages of the design process. It isn t enough to simply create an interface, but to showcase them and test them with real users. Doing usability tests at different levels of fidelity bear insightful fruit to how people will experience using the product I design and highlight problems that need to be dealt with. The earlier problems are unearthed the quicker solutions can be hammered out. When you re trying to make something that leaves with people with a positive impression, you can t test often enough. Tools & Methods - Paper Prototyping, Rapid Prototyping, Usability Testing, A/B testing, Heuristic Evaluation

7 Specify & Build Once designs are finalized, that isn t the end of my responsibilities. Proper design communication is a high priority for me. Good design doesn t exist in a vacuum and the best way to communicate your work with developers, stakeholders, and collaboraters is by simply showing them not only how you envision the design to be but show your thought process to help validate your design. WIthout solid collaboration with developers and properly communicating with stakeholders, my work can t help in creating amazing products JOB TIMELINE Google Inc. GA Corp Widgets Inc. Yahoo Inc. + ADD JOB SALARY Tools & Methods - Specification Documents, Site-maps, Prototypes, High-Fidelity Mockups, Design Presentation SKILLS PHOTOSHOP ILLUSTRATOR INDESIGN OMNIGRAFFLE AXURE PHOTOGRAPHY JUGGLING SAXOPHONE FINGER PAINT POINTING

8 1:23 PM 100% Home November 7 Case Study #1 CRM Mobile App A mobile application for business salesman to manage their contacts and clients on the go WSJ - International Top Headlines 1. Op-Ed: Italy s Contemporary Economic movement 2. China s alternative nuclear strategy 3. NYC legislature reform 4. German business confidence falters Benjamin from LATO LCC Skype meeting at 2:30pm - 2 notes Market 0.25% 0.00% -0.25% -0.50% Home Directory Calendar News

9 The Project At AgilityIO, we had the opportunity to pitch an internal mobile app to an investment bank. They had an existing desktop CRM, but we were looking to show them what that same software would look like on mobile, allowing their employees access to their contacts and clients on the go. Deliverables Content Strategy Feature Prioritization Site Maps Use Cases Wireframes My Role A large amount of the visual design and feature prioritization was my responsibility. I had to keep in contact with our client and incorporate their feedback as well as show our progress. I collaborated with other AgilityIO designers on iterating sitemaps and designing the interface.

10 The Challenge Ensuring that accessing their list of contacts and clients would be simple Relevant streams of information that thinks ahead and not simply making a digital rolodex Compressing the large amounts of information that is ubiquitous on the desktop for the smaller real estate afforded by mobile Solution Ensuring a mobile architecture that has quick and easy navigation Collating information from relevant sources such as newsfeeds, other salesman, company network, etc Simple copy and elegant, easily understood interface

11 Site Map

12 Wireframes 1:23 PM 100% WSJ - International Top Headlines Home November 7 1. Op-Ed: Italy s Contemporary Economic movement 2. China s alternative nuclear strategy 3. NYC legislature reform 4. German business confidence falters Citizen Financial Meeting today at 12:30pm - 4 notes Market 0.25% 0.00% 1:23 PM 100% Back John Doe John Doe Company Name & Address Call Text Note Notes See all 8 PHONE CALL NOTES 03/16/14 NEW CONTACT - MIKE 03/02/14 History See timeline Info 1:23 PM 100% Cancel Feed News Favorites News; Facebook purchase WhatsApp The acquisition was valued at $19 billion, Meetup: Brooklyn Marketing Group Network with fellow professionals in a relaxed setting In 1 week Next Month Conference: TechNYC Annual Conference TechNYC is holding it s annual conference at MSG Conference Call: Scrum Call with the development team In 1 week Friday -0.25% -0.50% Called John Doe Oct Event Name New Event Description Next month Strategy meeting Oct Home Directory Calendar News Home Directory Calendar News Home Directory Calendar News

13 Case Study #2 Intrepid Travels Responsive Redesign Redesigning a travel website for mobile as well as improving usability and site navigation.

14 The Project Intrepid was a class project where we were given an existing site and told to improve it by redesigning it. For Intrepid we aimed for a responsive redesign as well as improving the content strategy of the site as well as the search navigation. Deliverables Research Report Documentation of Design Process Sitemap Mockups Prototype Presentation My Role I was primarily in charge of user research, interviewing potential users and reporting on their findings. Also, I participated in a design studio where we finalized our redesign solution, such as the Mad-lib trip finder and the category icons. After the high-fidelity mockups were finalized, I built the prototype and worked on our design presentation and pitch.

15 The Challenge Redesign the trip finder to be easier to use and increase converstion Emphasize the new Comfort style trip offering at Intrepid Simplify the filter and search categories Redesign the site for mobile and tablet Solution Change the trip finder widget from dropdown fields with a Mad-lib widget that has more naturalistic copy Easily understood, clear icons representing the different categories Straight language that explains the Comfort style trip Prioritization features to help redesign for mobile & tablet

16 Interview User Flows Competitive Analysis

17 Mapping Sketching Testing

18 Wireframes & Mockups

19 Wireframes & Mockups View Mobile Prototype

20 Get in touch linkedin.com/in/syedlagoon Here s me still thinking about design...