https://lampham.co Lam Pham - Designer Fri, 19 Jun 2020 21:36:49 +0000 https://lampham.co en https://lampham.co/Home Fri, 19 Jun 2020 21:36:45 +0000 Lam Pham - Designer https://lampham.co/Home <img width="1512" height="982" width_o="1512" height_o="982" data-src="https://freight.cargo.site/t/original/i/afc49e94baecb67b2c534c3ac7dab2948d89c59077faa9fb7af96f516bcd61a9/Picnic.png" data-mid="212387520" border="0" src="https://freight.cargo.site/w/1000/i/afc49e94baecb67b2c534c3ac7dab2948d89c59077faa9fb7af96f516bcd61a9/Picnic.png" /> Visit ReviewI designed a comprehensive tool that allows our service team to efficiently handle a patient's entire medical history. Product Design UX/UI Design User Research <img width="3000" height="1875" width_o="3000" height_o="1875" data-src="https://freight.cargo.site/t/original/i/e86b6ccc849b370a1dfd0dac1aa05915dabeb4a79e617f74b94fa0a987088edf/Coterie_banner.png" data-mid="148280284" border="0" src="https://freight.cargo.site/w/1000/i/e86b6ccc849b370a1dfd0dac1aa05915dabeb4a79e617f74b94fa0a987088edf/Coterie_banner.png" /> Policy AdministrationI designed a policy management platform to enable customer advocates to service customers more efficiently. Product Design UX/UI Design User Research <img width="3000" height="1878" width_o="3000" height_o="1878" data-src="https://freight.cargo.site/t/original/i/bbeb188d8a8a5cb27f52c16093bf91cdefc39f3d87fa23ba21c5a166cafc56ad/Cubic_banner.png" data-mid="110037068" border="0" src="https://freight.cargo.site/w/1000/i/bbeb188d8a8a5cb27f52c16093bf91cdefc39f3d87fa23ba21c5a166cafc56ad/Cubic_banner.png" />Project Month End ProcessI reworked Cubic’s internal business workflows to reduce user error rates by 30% and speed up task completion by 78%. Process Redesign UX/UI Design User Research <img width="3000" height="1876" width_o="3000" height_o="1876" data-src="https://freight.cargo.site/t/original/i/098235375cdeaece00c813a34dea27519599d9c13f95734978b20ddaff6d38ad/ic_banner.png" data-mid="110037070" border="0" src="https://freight.cargo.site/w/1000/i/098235375cdeaece00c813a34dea27519599d9c13f95734978b20ddaff6d38ad/ic_banner.png" /> ICMonstarI redesigned a local tea shop’s online experience to attract a more diverse&nbsp; customer base and increase website engagement.&nbsp; Website Redesign UX/UI Design User Research https://lampham.co/SAP-Personas Fri, 19 Jun 2020 21:36:49 +0000 Lam Pham - Designer https://lampham.co/SAP-Personas SAP Personas @ Cubic <img width="8786" height="5500" width_o="8786" height_o="5500" data-src="https://freight.cargo.site/t/original/i/8930a6f99c9bd6b0a046e383afdcfab0ad4879d377371efc3056eff07c5e2975/Cubic_mockup.png" data-mid="108636078" border="0" src="https://freight.cargo.site/w/1000/i/8930a6f99c9bd6b0a046e383afdcfab0ad4879d377371efc3056eff07c5e2975/Cubic_mockup.png" /> I reworked Cubic’s internal business workflows to reduce user error rates by 30% and speed up task completion by 78% //REDESIGNROLE: UX/UI Designer, DeveloperTEAM: Randy Hoyt, Irena Reddan The Problem &nbsp; Cubic's key business functions are based on SAP, an enterprise resource planning software(ERP). Employees from different departments have their own specific processes and workflows in SAP which allows them to get their tasks accomplished. Many of these processes and workflows involve repetitive steps with many different screens to traverse. In comes SAP Personas, a new tool developed by SAP to personalize SAP ERP screens with scripting capabilities to automate different tasks, greatly increasing the usability of SAP ERP screens. Gaining Context As a lead project manager, Randy knew exactly which processes were most tedious and he introduced me to each team in order to learn their workflows and identify their pain points. I started by interviewing the Primary Financial Officers(PFOs) that run the Project Month End Process at the end of each month. Out of a team of 15, 14 PFOs agreed that this was a major pain point in their month end tasks. All 15 included the words “repetitive” in their responses, although there were a mix of answers regarding which step of the process they felt was the most time consuming. Since the PFOs had different answers when it came to the individual screens they had trouble with, I made a list of each complaint sorted by the times it was mentioned. Below are the most common pain points: Too many unecessary fields and buttonsSelections for fields would get reset after every useNeed to manually enter a page name in the search bar to access <img width="8800" height="5031" width_o="8800" height_o="5031" data-src="https://freight.cargo.site/t/original/i/ce45dc63d062c68d1955d6e8a1463326ce5e6ddd9313dffb585d849a34efa3e8/snapshot_mockup.png" data-mid="108632175" border="0" src="https://freight.cargo.site/w/1000/i/ce45dc63d062c68d1955d6e8a1463326ce5e6ddd9313dffb585d849a34efa3e8/snapshot_mockup.png" /> Original snapshot screen Wireframing and Prototyping Since the PFOs had extensive experience with their process, we mapped out all the screens and data fields that had to be entered and I created a user flow which connected all the screens and fields into one flow. I worked with them to determine which steps could be automated with Javascript, significantly decreasing the amount of data fields they had to enter and buttons they had to click. I had to play the role of the designer and developer, figuring out which steps should be omitted and how to automate others. At this point in the process we found that participatory design was extremely beneficial to the end product as I needed to ensure that the end product was viable in the business and supported all edge cases in the workflow. In the end, the PFOs were the only ones using this specific Personas process and their needs should be met with the most optimization. SAP Personas made it really easy to create working prototypes and I had the PFOs test each version and we would meet to see what aspects could be improved on in the next version. The Redesigned Process&nbsp; <img width="8800" height="5500" width_o="8800" height_o="5500" data-src="https://freight.cargo.site/t/original/i/e7a7f9d01a95bde0bb11279ebdc987c3b4c4edf1b8c3e07b307cf2b147caab5e/cubic_monthend.png" data-mid="108636517" border="0" src="https://freight.cargo.site/w/1000/i/e7a7f9d01a95bde0bb11279ebdc987c3b4c4edf1b8c3e07b307cf2b147caab5e/cubic_monthend.png" /> The final product was a dashboard which allowed the users to enter the project information once which would then autofill the information too all subsequent screens. All of the screens involved in the month end process are now laid out in a sequential order, making it easier to follow and for new trainees to learn. After the user is finished with each screen, a button will be there to lead them to the next with the information prefilled. This new process reduced the time to complete the month end process by 78%. <img width="8800" height="5500" width_o="8800" height_o="5500" data-src="https://freight.cargo.site/t/original/i/1ee36d4a33ce0decdba9506101fb5a846845f9785d17a221cd529eb26947ac18/cubic_snapshot.png" data-mid="108636519" border="0" src="https://freight.cargo.site/w/1000/i/1ee36d4a33ce0decdba9506101fb5a846845f9785d17a221cd529eb26947ac18/cubic_snapshot.png" /> Redesigned snapshot screen The new user interface grouped similar text fields together for clarity and structure and a new color scheme derived from the Cubic branding guidelines. I was limited with what I could do visually due to the constraints of SAP Personas but the finance department provided positive feedback on the new layout of screens and visuals, stating that this would be extremely valuable when training new hires. Moving forward Although I’m very proud of the great improvements I was able to make to the month end process, there are still many more opportunites for greater optimization. Since I was working in an extremely small team, we had to move onto other processes, leaving me no time to observe the new workflow in use and see how it works in action on a normal day. Additionally, I had to spend a lot of time training myself on utilizing SAP Personas which at the time was a very new platform and has since received many updates. I’d love to explore the new capabilities of SAP Personas and observe how the users are interacting with the new workflow to gain insight on possible opportunities of improvement. https://lampham.co/ICMonstar Fri, 19 Jun 2020 21:36:47 +0000 Lam Pham - Designer https://lampham.co/ICMonstar ICMonstar <img width="3000" height="1876" width_o="3000" height_o="1876" data-src="https://freight.cargo.site/t/original/i/3d62fa5a8e70d8b6fc905816bc76ebc7fbd607c99fdb9549311bc3cfe7c4a7fd/ic_banner.png" data-mid="110037104" border="0" src="https://freight.cargo.site/w/1000/i/3d62fa5a8e70d8b6fc905816bc76ebc7fbd607c99fdb9549311bc3cfe7c4a7fd/ic_banner.png" /> I redesigned a local tea shop’s online experience to attract a more diverse customer base and increase website engagement //CASE STUDY //WEBSITE REDESIGN ROLE: UX/UI Designer, Researcher TEAM: Gendarme Docena, Grace Chen, Nancy Zheng TIMELINE: 3 months &nbsp;&nbsp; Problem ICMonstar is a local tea and dessert shop in San Diego that’s very popular amongst young families. However, despite the many unique offerings and cute characters ICMonstar provides, they struggle to attract the large college student population in the area. RESEARCH Meeting the Client To gain a better understanding of ICMonstar, we spoke with the owner and CEO Jenna, who gave us insights as to the current state of her shop and what ambitions she has for its future. From the initial conversations, we learned that the shop is one of the only ones offering rolled ice cream in the San Diego area. However, ICMonstar’s constantly changing menu and aesthetic has dissuaded her from pursuing the daunting task of developing a website. Jenna is dedicated to building the best business she can and believes that a well designed website will be able to increase sales. Unfortunately she is limited on money and time, juggling two locations and another business at once. KEY INSIGHTS ICMonstar separates itself from other cafes with their delightful cast of mascots There are many other tea and dessert shops in the area serving similar options The shop realizes that their current branding may be polarizing for potential patrons RESEARCH User Interviews We conducted user interviews with a mix of customers, potential customers, and employees to gain some insight on ICMonstar’s current reputation and their clientele. Below are some initial gatherings from this round of interviews: An extremely common first impression of the store was “cute”Different age demographics at each location (Millenials and Gen Z frequented the Convoy location)Typical customer behavior: Purchase rolled ice cream(most popular order), find seating, socialize RESEARCH Personas To better target user needs in the redesign and increase empathy with our users, we then synthesized the interview results into the following personas. <img width="382" height="364" width_o="382" height_o="364" data-src="https://freight.cargo.site/t/original/i/b0af55c3f769d007811530cb30b3650530048cd81146123ad282666efd8c6531/janet.png" data-mid="85898330" border="0" data-scale="78" src="https://freight.cargo.site/w/382/i/b0af55c3f769d007811530cb30b3650530048cd81146123ad282666efd8c6531/janet.png" /> Janet the Aesthetics Admirer “This place is so pretty! I could take some cute IG photos here.” Scours social media photos for attractive decor and drinksValues recomendations on what items to orderWants to take some nice photos to share on their story <img width="382" height="362" width_o="382" height_o="362" data-src="https://freight.cargo.site/t/original/i/c7555b4cb0524f8c9c21aaf26bd153e23ff5d8db65a1e1b8244426993e501e2e/theodora.png" data-mid="85898328" border="0" data-scale="79" src="https://freight.cargo.site/w/382/i/c7555b4cb0524f8c9c21aaf26bd153e23ff5d8db65a1e1b8244426993e501e2e/theodora.png" /> Theodora the Deal Hunter“I wonder if they have a points system I could join here.” Checks website and menu for prices and current dealsAppreciates variety in options to order for their kidsLooks for clean seating suitable for their whole family <img width="381" height="361" width_o="381" height_o="361" data-src="https://freight.cargo.site/t/original/i/f0de1d04f391757cc5153c809a82e4e6d49ad5d35f0c04348e10ece88d5e6a91/bob-3.png" data-mid="85898377" border="0" data-scale="77" src="https://freight.cargo.site/w/381/i/f0de1d04f391757cc5153c809a82e4e6d49ad5d35f0c04348e10ece88d5e6a91/bob-3.png" /> Bob the Hospitality Hound“I’m thirsty, which place can make drinks the fastest?” Loves a quick ordering and pickup process&nbsp;Values positive interaction and service with workersWants to easily figure out catering options for office orders RESEARCH Current Site Analysis In order to gain a different perspective into which aspects of their business ICMonstar presents to their customers, we analyzed their current website. ICMonstar’s existing website places a large emphasis on their mascots, making it very family-friendly. Because of this emphasis on mascots, there is a lack of focus on the actual desserts and drinks offered.&nbsp;There are also no pictures of the cafe itself, therefore potential customers are unable to gauge the aesthetics of the cafe before visiting.Many menu items were redundant and the menu itself involved a lot of scrolling while neglecting pricing information, an important factor for many potential ICMonstar customers. <img width="7292" height="4518" width_o="7292" height_o="4518" data-src="https://freight.cargo.site/t/original/i/a7abe6e5187043119cd9750d9fd973d701b1ccfce3a3bee619b3c4a656d03cf2/ic_OG.png" data-mid="107110116" border="0" src="https://freight.cargo.site/w/1000/i/a7abe6e5187043119cd9750d9fd973d701b1ccfce3a3bee619b3c4a656d03cf2/ic_OG.png" />The original ICMonstar website RESEARCH Competitive AnalysisTo gain some insight on what works and doesn’t work for branding, content, and site architecture, we conducted a competitive analysis on websites with a similar menu and market: 7Leaves, Bing Haus, Guiltea Cravings, Kung Fu Tea, and The Alley. These competitors were chosen as a mix of renowned local and international shops that we felt could give us some valuable insights into their design thinking. After some analysis, we noticed that the different competitors all shared several similarities regarding navigation labels and menu categorization: The majority of the cafes had a Menu, Locations, Hours, Social Media, and About page on their websites.Niche features such as merchandise from Kung Fu Tea and catering / fundraising from 7Leaves were noted for future use on the ICMonstar webpage.Most shops used black and white as their primary colors and reflect their aesthetic through their logo, fonts, and let their photographs take center stage. See Detailed Analysis ︎ DESIGN Sketches We started with some initial sketches in order to quickly explore different layouts to iterate on before settling on one design. For these sketches, we focused on the following pages that were essential to the final website based on client needs and ICMonstar’s competitors: <img width="8800" height="5500" width_o="8800" height_o="5500" data-src="https://freight.cargo.site/t/original/i/622c6d058ee6e654e8ebda41ca20f84698d8f364a96bc6e8227761255c14f3ca/ic_wireframes.png" data-mid="107176445" border="0" src="https://freight.cargo.site/w/1000/i/622c6d058ee6e654e8ebda41ca20f84698d8f364a96bc6e8227761255c14f3ca/ic_wireframes.png" /> DESIGN Wireframing Once we were able to focus in on a basic website structure, we started wireframing more detailed mockups, making sure to add features requested by the client as well as making sure to emphasize the aesthetics, savings, and hospitality aspects of ICMonstar.&nbsp; <img width="8800" height="5500" width_o="8800" height_o="5500" data-src="https://freight.cargo.site/t/original/i/7e99ca654ac71f7b07f5b5a25af5bc58b10f861e71d032611834e38dcd15db2f/ic_wireframes.png" data-mid="107184111" border="0" src="https://freight.cargo.site/w/1000/i/7e99ca654ac71f7b07f5b5a25af5bc58b10f861e71d032611834e38dcd15db2f/ic_wireframes.png" /> RESEARCH Wireframe Usability Testing From these wireframes, we began user testing to gain some early insights before proceeding with the prototype. We interviewed some ICMonstar customers and found that there were gaps between the user’s mental model and the conceptual model of our wireframe.&nbsp; KEY INSIGHTS Scrolling on the menu page was not immediately obvious due to the prioritization of the image gallery and combosMenu toggle was obscured by the page fold“Image galleries are the first thing I would look at” DESIGN First PrototypeDue to a tight timeframe, we had to design without a concrete style guide. Despite this, we were able to quickly focus on function first and to decide on copy and form later. The greatest challenge for me was finding a way to present ICMonstar’s large menu without having the users scroll excessively. To solve this, I divided the menu in two with a toggle for Drinks and Rolled Ice Cream and further categorizing each drink type into an expandable menu.<img width="8800" height="5500" width_o="8800" height_o="5500" data-src="https://freight.cargo.site/t/original/i/a6aabaf208cd7d3815eb023b956405a6cab6b41e6fb68d8087fb36c39cd79eac/ic_proto.png" data-mid="107185966" border="0" src="https://freight.cargo.site/w/1000/i/a6aabaf208cd7d3815eb023b956405a6cab6b41e6fb68d8087fb36c39cd79eac/ic_proto.png" /> RESEARCH Prototype Usability Testing After some additional user testing and feedback, we found that many users felt that the prototype came off as slightly uninviting and felt more like a startup’s website rather than one of an ice cream shop‘s. Other users commented on the vagueness of the “Lucky to have you” opening text, making it unclear as to what ICMonstar has to offer. However our expandable menu design was received warmly as users commended its organization and easy navigation, making it easy for them to view the offerings at a glance and expand if needed.&nbsp; Final Design &nbsp; Home Page Overhauled design to evoke the creamy colors of ice cream and milk tea, appealing to the aesthetics admirerChanged opening text to “All natural drinks and desserts” for a clearer intro to ICMonstar’s offeringsProminently displayed Promotions section to entice deal hunters and the college crowd <img width="5149" height="4900" width_o="5149" height_o="4900" data-src="https://freight.cargo.site/t/original/i/1dc0cdab46ebe3cd1a3d782167070230934a06b1e97ed6ec9b183f29d1fa8c33/icmonstar_home2_mobile.png" data-mid="109319300" border="0" src="https://freight.cargo.site/w/1000/i/1dc0cdab46ebe3cd1a3d782167070230934a06b1e97ed6ec9b183f29d1fa8c33/icmonstar_home2_mobile.png" /> Menu Moved the Drinks/Rolled Ice Cream toggle to the top and made it more salient by increasing the sizeThe image gallery was moved up as well based off user feedbackAdjusted font of the expandable menus to make it easier to scan, helping out visitors like the hospitality hound <img width="5149" height="4900" width_o="5149" height_o="4900" data-src="https://freight.cargo.site/t/original/i/9a719e5281e71b26ccb4288cea226ea2137c458c06f0b3aa5a4c1afd2717497b/icmonstar_menu2_mobile.png" data-mid="109318535" border="0" src="https://freight.cargo.site/w/1000/i/9a719e5281e71b26ccb4288cea226ea2137c458c06f0b3aa5a4c1afd2717497b/icmonstar_menu2_mobile.png" /> About Focused on showing and telling Jenna’s and ICMonstar’s story to get visitors of the page to become visitors of ICMonstarEmphasized ICMonstar’s unique offerings and press coverage to boost their reputation <img width="5149" height="4900" width_o="5149" height_o="4900" data-src="https://freight.cargo.site/t/original/i/d8b401b2c7993c886620dc3dd368dfd058fe058e187f485201d598342ebc2515/icmonstar_about_mobile.png" data-mid="109318434" border="0" src="https://freight.cargo.site/w/1000/i/d8b401b2c7993c886620dc3dd368dfd058fe058e187f485201d598342ebc2515/icmonstar_about_mobile.png" /> Interactive Prototype︎ <img width="2161" height="1621" width_o="2161" height_o="1621" data-src="https://freight.cargo.site/t/original/i/2b2904e2f69f6acf50b9d66a335fb134b169e5f451e6b00eed6af20980f62db2/iPhone-12-Pro.png" data-mid="107926754" border="0" src="https://freight.cargo.site/w/1000/i/2b2904e2f69f6acf50b9d66a335fb134b169e5f451e6b00eed6af20980f62db2/iPhone-12-Pro.png" /> <img width="2136" height="1602" width_o="2136" height_o="1602" data-src="https://freight.cargo.site/t/original/i/9171cf640179a11f9c4870483bf69ce2f04b8c85f5fbdc3b0df227a027dbffd8/ICMonstar_Laptop1.png" data-mid="107926753" border="0" src="https://freight.cargo.site/w/1000/i/9171cf640179a11f9c4870483bf69ce2f04b8c85f5fbdc3b0df227a027dbffd8/ICMonstar_Laptop1.png" /> <img width="2136" height="1602" width_o="2136" height_o="1602" data-src="https://freight.cargo.site/t/original/i/40c38b414b76693c911375ba3fb00063f4593e1e32f03a8ccd50d05d46585379/ICMonstar_Laptop2.png" data-mid="107926768" border="0" src="https://freight.cargo.site/w/1000/i/40c38b414b76693c911375ba3fb00063f4593e1e32f03a8ccd50d05d46585379/ICMonstar_Laptop2.png" /> Moving Forward There are still a plethora of features I wrote down while working on the project that could be added in later iterations. A promotions section is one addition I feel could add user engagement and encourage visitors to take advantage of the current deals and promotions going on, increasing business to the shop.&nbsp; As for the data on the impact of the new redesigned website, I’d like to monitor the engagement and time spent on certain pages, as well as the click rate of the map with directions to the shop. This should offer a strong lead on how many users have been convinced by the website enough to seek out directions to the shop. Overall, I had an amazing time working on this project, creating and designing for small local businesses is an impact I wish to have on future ventures. Thanks for making it to the end of this long read and feel free to contact me if you’d like to hear more or if you’d like to work with me! https://lampham.co/Pharmate Fri, 19 Jun 2020 21:36:48 +0000 Lam Pham - Designer https://lampham.co/Pharmate Pharmate <img width="5086" height="3178" width_o="5086" height_o="3178" data-src="https://freight.cargo.site/t/original/i/567c5d79a40f58d5bc9c0f78a13c1cac5469792a0926b81d729ecb173d925ef2/Pharmate-Banner.png" data-mid="110037246" border="0" src="https://freight.cargo.site/w/1000/i/567c5d79a40f58d5bc9c0f78a13c1cac5469792a0926b81d729ecb173d925ef2/Pharmate-Banner.png" /> Conceptualized and prototyped a self-service pharmacy kiosk to make the medicine pick up process more accessible and efficient //CASE STUDY//PRODUCT DESIGNROLE: UX/UI Designer, ,Product Designer, Researcher TEAM: Lam Pham, Ryan Manalastas, Madeline Ng, Julie Fung, Allie Pai TIMELINE: 3 months Problem Many pharmacies today deal with long wait times and unavailability during off hours making it a pain point for those with busy schedules. Additionally, older demographics are hesitant to visit pharmacies due to their language and cultural barriers, often having to recruit their loved ones to accompany them on pharmacy trips, a hassle for everyone involved.&nbsp;RESEARCH Digging into the problem I first focused on researching existing pain points within the point-of-purchase aspects of the medical industry. After some diggine, I found several articles detailing the inefficiences of medical office phone and appointment systems, confirming that there are potential improvements to make within the pharmacy visit process. Despite this problem, we found very few examples of pharmacies attempting to address these issues. There are a few pharmacy delivery startups out there but none seem to address the in-store pickup process. RESEARCH User Interviews We decided to conduct some initial user interviews to glean some insights into how the average person feels about their pharmacy visits and their experience with using kiosks.&nbsp;From these initial interviews, we found the following insights: 70% of interviewees felt that their pharmacy visits were either “too long” or “could be shorter”&nbsp; 60% of the interviewees have had experience using grocery store kiosks as well as the Amazon lockersOlder demographics felt that the kiosks should be optional since they felt some hesitation relying on technology to manage their prescriptions RESEARCH Storyboarding user journeys With the data gathered, the team created storyboards to visualize a variety of different user flows and what the desired user experience would entail. Storyboarding was very useful in engaging all members of the team to string together our personas and create a seamless kiosk experience that integrates into users’ lives.<img width="980" height="775" width_o="980" height_o="775" data-src="https://freight.cargo.site/t/original/i/0f95db12eb61a772864d806345148a9c6ccf020bdca4397ffa465a0fbde19356/pharmatestoryboard.png" data-mid="87860485" border="0" src="https://freight.cargo.site/w/980/i/0f95db12eb61a772864d806345148a9c6ccf020bdca4397ffa465a0fbde19356/pharmatestoryboard.png" /> DESIGN Prototyping From the initial user research and storyboarding we set out to create some low fidelity prototypes which would allow for rapid iteration and testing. I decided to go with a simple page by page process which would essentially hold the user’s hand throughout the entire kiosk experience. <img width="606" height="1003" width_o="606" height_o="1003" data-src="https://freight.cargo.site/t/original/i/a064140564a5ffc6be2688cd991833397ada39376bf337dca7bd3d125b94ceee/pharmate_paper2.png" data-mid="109638110" border="0" data-scale="99" src="https://freight.cargo.site/w/606/i/a064140564a5ffc6be2688cd991833397ada39376bf337dca7bd3d125b94ceee/pharmate_paper2.png" /> <img width="589" height="963" width_o="589" height_o="963" data-src="https://freight.cargo.site/t/original/i/d10095eda8874c7fbb6cf4471b9492e6e98794625413c7018dcc7941957d4a91/pharmate_paper1.png" data-mid="109638109" border="0" data-scale="100" src="https://freight.cargo.site/w/589/i/d10095eda8874c7fbb6cf4471b9492e6e98794625413c7018dcc7941957d4a91/pharmate_paper1.png" /> Paper protoype <img width="595" height="978" width_o="595" height_o="978" data-src="https://freight.cargo.site/t/original/i/2cc888f21be15e8adeccd6a1f27f7679da574ecf79f57c011ceb162459af8c34/pharmate_paper3.png" data-mid="109638111" border="0" data-scale="100" src="https://freight.cargo.site/w/595/i/2cc888f21be15e8adeccd6a1f27f7679da574ecf79f57c011ceb162459af8c34/pharmate_paper3.png" /> <img width="432" height="578" width_o="432" height_o="578" data-src="https://freight.cargo.site/t/original/i/10313ed0bb8f4cff5d106e64a548b3930416e767435cfff7b1755724571a3b45/Pharmate_kiosk_mock.png" data-mid="110054869" border="0" src="https://freight.cargo.site/w/432/i/10313ed0bb8f4cff5d106e64a548b3930416e767435cfff7b1755724571a3b45/Pharmate_kiosk_mock.png" /> Kiosk mockup RESEARCH Paper prototype testing I then had three users test out the paper prototypes, allowing me to identify if there were any areas of improvement to be made in the next iterations. From these initial tests there were moments in which the user felt confused and didn’t know what the next step was, making it clear that visual feedback is essential to bridging the user’s gulf of execution and evaluation. KEY INSIGHTSDue to a lack of clear signifiers, one user swiped their card on the screen instead of the card reader below&nbsp;It was unclear for some on where to pick up the medicine after paymentThe fake price was set to $0 which confused another user, stressing the importance of using real prices to make the testing scenario as real as possible DESIGN Mid Fidelity Prototype <img width="3952" height="3156" width_o="3952" height_o="3156" data-src="https://freight.cargo.site/t/original/i/e265518733d3b7bca60bd308d7c2e6ad603884d4ee4babfa7d699d05b5597c10/pharmatemidfi.png" data-mid="87676530" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/e265518733d3b7bca60bd308d7c2e6ad603884d4ee4babfa7d699d05b5597c10/pharmatemidfi.png" /> Initial wireframes <img width="3124" height="3129" width_o="3124" height_o="3129" data-src="https://freight.cargo.site/t/original/i/18a4e92cf0a4f7f19a1c85fc251de855230fe839a36380c89d4df6887430683a/Pharmate_kiosk_proto.png" data-mid="110054684" border="0" data-scale="80" src="https://freight.cargo.site/w/1000/i/18a4e92cf0a4f7f19a1c85fc251de855230fe839a36380c89d4df6887430683a/Pharmate_kiosk_proto.png" /> The first cardboard prototype RESEARCH Prototype testing In order to test the physical cardboard kiosk prototype, I observed and interviewed three students who had some experience using kiosks at other stores. KEY INSIGHTSUsers got confused with the different physical kiosk interactions due to a lack of visual feedbackOne user incorrectly used the universal card reader and left his ID inside until he reached the payment stageThe minimalistic approach led some users to request more information regarding the medication Final Design By testing the clickable prototype we were able to gain actual insight on how user-friendly our process was. Although the users made it through our tasks with little to no hiccups and had positive views on the overall process, we still gained valuable insights which led us to focus on two main areas for the high fidelity iteration:&nbsp; Identification Process Increased visual feedback by including lights on the physical kiosk once an identification process was chosen<img width="10123" height="3148" width_o="10123" height_o="3148" data-src="https://freight.cargo.site/t/original/i/9438e456e6d166b6e6c8d1fed6e39997510bcbd4a024f43472381186afc9a7ec/pharmate_identification.png" data-mid="113593995" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/9438e456e6d166b6e6c8d1fed6e39997510bcbd4a024f43472381186afc9a7ec/pharmate_identification.png" /> Checkout Process Added relevant information regarding medication uses and availibility<img width="10123" height="3148" width_o="10123" height_o="3148" data-src="https://freight.cargo.site/t/original/i/53731ee574c6f6b3fdd2aa7d7d8edf198026f89b8d86e2c6fe2f1df01fdbf213/pharmate_checkout.png" data-mid="113594541" border="0" src="https://freight.cargo.site/w/1000/i/53731ee574c6f6b3fdd2aa7d7d8edf198026f89b8d86e2c6fe2f1df01fdbf213/pharmate_checkout.png" /> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <img width="828" height="1010" width_o="828" height_o="1010" data-src="https://freight.cargo.site/t/original/i/bf64c974d1fdeba96bd435f1e91b92f02003dd2c7a340273c63f6ffd94bb5bd2/pharmatekiosk.png" data-mid="87676543" border="0" data-scale="93" src="https://freight.cargo.site/w/828/i/bf64c974d1fdeba96bd435f1e91b92f02003dd2c7a340273c63f6ffd94bb5bd2/pharmatekiosk.png" /> The final cardboard kiosk Moving forward Since our kiosk is an optional service for pharmacy visitors, some future steps would be to figure out how to encourage visitors to opt for the kiosk method. Onboarding more users would alleviate wait times and allow pharmacists to focus on their work. 2020 update: with the current pandemic and social distancing, tools such as this kiosk would alleviate contact with others. By placing this kiosk outside and allowing wireless pay and pickup, many visitors would feel much safer when ordering and retrieving their medicine. https://lampham.co/Point-Poppy Fri, 19 Jun 2020 21:36:48 +0000 Lam Pham - Designer https://lampham.co/Point-Poppy Point Poppy &nbsp; <img width="8800" height="5500" width_o="8800" height_o="5500" data-src="https://freight.cargo.site/t/original/i/389b3840ebf58e91253dd337d9528473cb08d15fde23f8b209a3072186c4bc17/PointPoppy.png" data-mid="104240572" border="0" src="https://freight.cargo.site/w/1000/i/389b3840ebf58e91253dd337d9528473cb08d15fde23f8b209a3072186c4bc17/PointPoppy.png" /> Encouraging people to explore California’s national parks by creating a web app to display at a glance information in an easily digestible format //DESIGN //DEVELOPMENTROLE: Developer, UX/UI DesignerTEAM: Grace Chen, Katya Noble, Aaron Chen Point Poppy is a web-based application that gives information about the national parks in California. Currently, people need to create separate Google searches for finding a park to visit, as well as separate searches for information about that park. Our app aggregates searching, exploring, and learning features when people want to visit a California national park. We provide an interactive map with locations of parks and respective park and trail descriptions, trailhead locations, images, weather information, and link for directions in a way that is intuitive to the user and encourages exploring California's beautiful national parks. <img width="1653" height="1134" width_o="1653" height_o="1134" data-src="https://freight.cargo.site/t/original/i/dd0866e233d6840160da2904bb7fa116f4a64ee683cf77399783de1d8df1d659/prototype.png" data-mid="87868676" border="0" src="https://freight.cargo.site/w/1000/i/dd0866e233d6840160da2904bb7fa116f4a64ee683cf77399783de1d8df1d659/prototype.png" /> The initial brainstorming sketches <img width="2240" height="1760" width_o="2240" height_o="1760" data-src="https://freight.cargo.site/t/original/i/168e07bd8534fe6095fac9ed68433954507cbbc74e0fcbe4617eecd743abd13e/storyboard.png" data-mid="87868683" border="0" src="https://freight.cargo.site/w/1000/i/168e07bd8534fe6095fac9ed68433954507cbbc74e0fcbe4617eecd743abd13e/storyboard.png" /> Storyboarding sketches <img width="1600" height="800" width_o="1600" height_o="800" data-src="https://freight.cargo.site/t/original/i/c65e69d4390eea54795dc2c0c090591f060556166b33dcfa32cf76ffbccc0318/pointpoppy1.png" data-mid="87868682" border="0" src="https://freight.cargo.site/w/1000/i/c65e69d4390eea54795dc2c0c090591f060556166b33dcfa32cf76ffbccc0318/pointpoppy1.png" />First Iteration, laying the framework for the site <img width="2560" height="1350" width_o="2560" height_o="1350" data-src="https://freight.cargo.site/t/original/i/3f2bab5854a71f47a61d3527367b61f5199866aa67dc6afeb3b7fa9ce1ae896c/pointpoppy3.png" data-mid="87868680" border="0" src="https://freight.cargo.site/w/1000/i/3f2bab5854a71f47a61d3527367b61f5199866aa67dc6afeb3b7fa9ce1ae896c/pointpoppy3.png" />Second iteration, adding pulled data from the National Parks API <img width="2560" height="1449" width_o="2560" height_o="1449" data-src="https://freight.cargo.site/t/original/i/81165ee013965c476aa95c36cce84bfbc20937b20bac7470f001631f3765469d/pointpoppyfinal.png" data-mid="87868679" border="0" src="https://freight.cargo.site/w/1000/i/81165ee013965c476aa95c36cce84bfbc20937b20bac7470f001631f3765469d/pointpoppyfinal.png" /> Third iteration, stylizing the site for visual appeal&nbsp; https://lampham.co/About-Me Fri, 19 Jun 2020 21:36:47 +0000 Lam Pham - Designer https://lampham.co/About-Me Hi I’m Lam! I’m a San Diego based product designer that’s passionate about designing for a positive impact through a thoughtful and data-driven approach. As an undergraduate student studying Computer Science at UC San Diego, I took a detour into the Human Computer Interaction department that’s formed me into the designer I am today. &nbsp; Since then I’ve had various design experiences such as optimizing the monthly financial workflow for accountants at Cubic,&nbsp;transforming the policy administration process at Coterie Insurance and most recently, shaping AI-enabled medical abstraction at PicnicHealth.I hope for a future where technology is ethical and accessible with a goal for improving users’ lives by solving real problems. I’m constantly inspired by creative ideas driven by thoughtful research that also promotes positive change for the world we live in. When I’m not sitting with a laptop, I love cooking comfort food, listening to vinyls, and shooting hoops! ︎Resume&nbsp; &nbsp;︎ LinkedIn&nbsp; &nbsp;︎ Email