Senior Product Designer UX Manager_Education & Science

Toggle navigation UX Case studies Career Contact James Weaver Sr. Product Designer | UX Manager UX Portfolio Check out my case studies . Some of the designs are proprietary, you'll need a username and password. If you don't already have one please reach out to me via my Contact form. Education/Career I've spent the last 10 years designing web and mobile applications and have picked up a lot of experience in each phase of the user-centered design process. I have a foundation as an interaction designer and have tested countless designs with end-users. I have a keen eye for developing design patterns based on user and information needs. I look for relationships between information and try to consolidate information as much as possible. This keeps the design clean and uncluttered. It also makes for the best experience because it provides the user with the right information at the right time. Design Concepts Below are some concepts I did for fun a few years ago. I wanted to be able to find a food truck in the area and sketched out a few designs. I created some wireframes and then pulled together the visual designs. I updated the designs in Nov, 2020. Food Truck'n (updated 2020) Dr. Visit (updated 2020) Beer app Design Process & Tools My time has been spent, most recently, working on a product team for ScriptHero. We have a product mindset and use OKRs to define the 1 or 2 most important things we know to be true at a given time. This helps us work quickly to move the business forward. I used to use Sketch and Invision but about 3 years ago switched to Figma. I've since moved two teams to this design tool. I also rely heavily on Miro and UserTesting for discovery work. The combination of these tools have helped our remote teams keep in sync and collaborate efficiently. Patent Award I led several multi-million dollar projects during my time at Chase. One of my favorite and most challenging was the redesign of the safe deposit box systems. Chase needed to consolidate multiple systems into a single web application to manage all aspects of their safe deposit boxes. The design is now patented! User Advocate Great experiences don't happen by chance; they happen when you involve your users and review the entire experience from beginning to end -- Someone at Google. To be an interaction designer you must understand some basic design principles and rules, but to create great user experiences you must understand your user. Download Resume Contact Location Columbus, Ohio Experience 10 years crafting Enterprise User ExperiencesMS in Human-Computer InteractionCertified Usability Analyst (CUA) Copyright © 1999 to 2021 Food Trucking Find your favorite food truck in seconds Client: Personal Created: January, 2016 (updated 2020) Service: Mobile App Design Opportunity Provide the location of local food trucks to users based on the user's location. Preliminary Sketches First, I wrote out some initial thoughts about the app. I then spent a couple hours iterating with pen and paper. My goal was to make it as fast as possible to locate food trucks for the user. I ended up creating two views, a list view and a map view. The user opens the app and initially sees a list of foodtrucks in thier area without having to do anything else. The user can tap or swipe to view a truck's menu, get the trucks phone number or get directions or navigate to a map view of the food trucks. Wireframes After iterating through my sketches a couple times I created wireframes in balsamiq mockups. I included all of the initial functionality and added details of each view. The mockups included a way to set your favorites, share your experience on social media by taking pictures of your meal and posting to your network, as well as searching by truck name. I decided there were too many features included in the design and that I needed to get to a more streamlined design. I stripped out several of the features and focused on getting the user to their food truck as fast as possible. Users needed the fastest possible way to get to their food truck of choice and that adding in a bunch of unneccessary features to start would kill ease of use and adoption. Visual Language After several rounds of iterating, both on paper and in balsamiq, I turned to photoshop to create the visual language and add style to the app. Updated design, 2020 After 4 years, I decided to take a shot at redesigning some of my personal designs. I wanted to lighten up the design and make it a little more clear in it's presntation. The older UI was a little bit cluttered and too heavy with color. I felt this would be a good time to update the design. I've purchased Phood.app and will be publishing the site soon! Phood Update Logo Updated designs Dr. Visit Effectively manage your family doctor office visits and health care records Client: Personal Created: February, 2016 (updated 2020) Service: Mobile App Design Opportunity Design an app for the health care industry that will allow patients to easily manage their health care needs. Requirements Users should be able to easily manage several aspects of their health care provider information and doctor office visits. Manage appointments Make payments Share medical history Check in to appointments Preliminary Sketches As always, I started sketching out some thoughts with pen and paper and spent some time thinking visually and iterating. Wireframes Next, I created click through mockups with Balsamiq. I made a few tweeks and added some more detail to the design. Visual Language Lastly, I opened up PhotoShop and worked on creating a visual language. Updated Design - 2020 I really like the original design but felt if was a little bulky. I decided to try and clean it up a bit. Beer Finder Find and share your favorite beers Client: Personal Created: Work In Progress Service: Mobile App Design Opportunity Find and share local brews and other beers. Rank your favorite beers and share with other beer lovers. Preliminary Sketches I sketched out a few ideas regarding the user flow and some high level wires. I want the initial design to be simple and intuitive. The first couple pieces of functionality would allow the user to search, upload and rate beers. Chase Tablet Redesign Android App Redesign Client: Chase Created: 2014 Service: UX Lead The Challenge Executive leadership requested our team rethink and redesign a tablet app used by bankers to monitor ATM machine functions. We didn’t want to reinvent the entire app, but did know that we needed to address some key usability issues and raise it up to the design standards set by the Chase.com team. My Role I set up and led the discovery and design phases of a redesign for an existing banker app running on an Android tablet. I was also in charge of all UX and UI assets and deliverables as well as the overall transition of the experience to the new mobile design system. I also led and mentored two junior designers during each phase of the project. Current Experience The app was created to provide bankers and tellers with insights into the overall condition and use of ATMs by customers, inside and outside of the Branch. It was used to display information and messages to the banker during certain situations with the ATM’s physical drawers, bins, and screens as well as cash and paper levels inside the devices. The banker and teller could also see the customer’s transaction type; including, withdrawing or depositing cash or checks and checking their balance. These insights helped the banker make decisions for and with the customer when things were not going as planned. The current design had just been deployed to a handful of Branches and the overall feedback was neutral to negative. We were getting a lot of feedback about the lack of visibility of customer information during the search process as well as learning of some pretty big usability issues. Understanding the User/Personas I had previously worked with bankers and tellers as a part the discovery and design phase of other projects and was familiar with how they used several of their desktop applications, but hadn’t dealt with or experienced use cases or scenarios needed in their mobile interactions with customers. We decided to discuss the feedback with 10 bankers and tellers in the field by observing real-life situations unfold in a branch. Research We conducted interviews with product owners, branch management, and senior leaders. We also pulled together the project team to understand and learn quickly about user stories and scenarios. We needed to understand the feedback and insights from the field while applying a design approach that fostered team engagement and design collaboration among cross-functional team members. Insights We knew there were usability issues that needed to be addressed and the feedback indicated that users were struggling to complete certain functions in the app. While there were multiple usability issues to work out, the most obvious, and most critically in need of being fixed was the Check Review function. Check Review was created to help the Bank identify possible check fraud and provides them with a way to stop the deposit of checks during the deposit transaction. Bankers needed to be able to review the checks and make a decision on whether the check should be accepted or returned to the customer. The flow was missing a few key pieces of information and the overall interaction pattern made it very difficult for Bankers to complete the flow. Design Goal The product team wanted to fix the existing usability issues and enhance the experience visually by adopting the look and feel of the new Chase.com mobile design system. We also knew we needed to provide more relevant information at certain points in the customer search experience. We knew that in many situations our customers would see the tablet app while interacting with bankers and tellers. We wanted to make sure we updated the UI to match Chase.com and mobile app. This would provide consistency for the customer and show a cohesive experience for both the customer and banker, creating a single Chase experience that extends to our bankers and tellers. The team in San Francisco shared their new design system and we were eager to apply it to our products. However, our first priority was to fix the existing usability issues and enhance the features with findings from the field. To make sure we understood the feedback we decided to see our usability issues first-hand, in the real-world. We decided to observe the interactions between our bankers and customers on location. We traveled to a few markets in the Columbus and surrounding area and witnessed their frustrations first hand. User Journey We typically saw the same issues repeated and the patterns we observed matched the feedback and findings. There are several aspects of the overall customer interaction that we wanted to watch in addition to the pain points in the experience or overall usability of a screen. Ideation and Iteration We decided to pull together the project team for a series of discovery sessions. We wanted to get my team up to speed, exploring use cases and scenarios, all while documenting the conversation. My plan was to get people talking. I needed to evaluate the prior project conversation. Understanding the existing conversation would help us understand where the team struggled the first time and may be a good indication of usability issues. The flows are basically printed screenshots taped to a whiteboard or wall. The project team can leave notes, clarify use cases or steps, or even vote on several aspects of the design. After evaluating the existing design and learning about the flows we started creating wireframes. We continued to hold discovery sessions and strategically started to evaluate the new wireframes as a part of the conversation. Sketches and Wireframes During the creation of the wireframes we balanced our time against changing the UX and learning how to apply the new design system created by our partners in San Francisco. We used static screens to get initial feedback regarding the new updates to page interactions, flows, as well as the new look and feel and UI updates. Final Hi-Fi prototype Our front end developer built out some of the key areas of the design in a web app that we could use to test the updated designs. This gave us a pretty good representation of the final state of the app. We could now get the experience in front of the project team, senior stakeholders, as well as our end users.