https://www.vincentdiep.com/home daily 0.75 2020-07-06 https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1590710755682-IU1Z8GYOVVBWFCC5P3EP/brandi-redd-aJTiW00qqtI-unsplash.jpg Home My Portfolio https://www.vincentdiep.com/process daily 0.75 2020-06-16 https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1590707363876-M4UNG267A6O7NWIGVRFX/Iterate Process https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1590707241051-TEXRGDSWZJDOMN7X5HSQ/Design Process https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1590707313863-AMF96HTFPQNS6XDBOO70/Validate Process https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1590707217337-ORZ75IY0NQ9IQ1RY0MZK/Research Process https://www.vincentdiep.com/hcdemasters daily 0.75 2020-06-16 https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1592339612395-642I7JM5NLEJ81N6A46X/research.PNG HCDE Masters Capstone - Surveys and Interviews We began with research into pain points of organizations. We gathered information by gathering contact information from Petfinder.com. We then sent out a Google Forms survey, to which we received over 600 responses. We followed up with some survey respondents and were able to interview several people. The major responses were lack of funding, and lack of available foster homes. We decided to delve into why there were not enough foster homes, and saw that many fosters were overwhelmed by the process. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1592340077880-4AW4847ZHSMWSMYGR5S6/Large+JPG-20140228_Trade+151_0046.jpg HCDE Masters Capstone - Diary Study & Journey Maps Following interviews, we were able to get 4 fosters to fully complete a 2 week diary study. Which we mapped out on Journey maps, and saw that most Fosters had around 2 pain points around the same time before leveling out and staying generally happy. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1592340359892-MDBWASYGV5ZF5DM702Y1/20140301_Trade-151_0124-copy.jpg HCDE Masters Capstone - Co-Design Workshop As the end of our research phase, we scheduled a Co-Design Workshop with our fosters. This activity occurred virtually over Zoom, we walked our users through two activities, one to further clarify their pain and gain points, and the second to start generating ideas on how to alleviate their frustrations. As a result, we found that the Fosters: Fosters struggled with delayed communication from organizations organizations do not have infrastructure to properly support fosters Community is why fosters come back, and it needs to be stronger https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1592341005654-1I7OCV5V0TMFBL0R78YB/20140301_Trade-151_0124-copy.jpg HCDE Masters Capstone - Initial Design Based on our ideation and information architecture we created a low fidelity prototype and built out the major sections we were hoping to receive feedback on when user testing. From our research and co-design session we knew it was important to include a check-in with organization flow, community section, and an area where fosters can reach out to organizations specifically for help with behavior, medical, or other needs. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1592341169514-A1LCGUIFE32LSLRWKB3O/Large+JPG-20140228_Trade+151_0046.jpg HCDE Masters Capstone - RITE Testing We conducted 2 rounds of usability testing using RITE testing to ensure that our design was going in the right direction and effectively solving the problem. We compiled and analyzed all of the data we received into a spreadsheet documenting the delighters in green and possible pain points in red. This data helped us move forward with our design iterations as we took into consideration all feedback received from the participants. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1592340782762-L79A6YXIRN840K2AL5S4/image-asset.png HCDE Masters Capstone - High Fidelity Prototype Taking feedback from our initial concept test, we revisited some navigation issues, search functionality, and generally made the features clearer. We also addressed what would be incorporated in the community section, based on the fosters expressed need to “have the support of others with similar experiences.” https://www.vincentdiep.com/downforupdates daily 0.75 2020-05-28 https://www.vincentdiep.com/boeingcareer daily 0.75 2020-06-23 https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1590704935813-PGCL7VTBJ2JPOB4W6PJ5/AirplaneWing.jpg Boeing - Specifics for the projects I worked on at Boeing are proprietary. See below for a summary of my work and r each out to hear more about the process behind them! https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1592875267868-MW6PC8DK3XB9Y7ZCW3Z0/photo-1427751840561-9852520f8ce8.jpeg Boeing https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1592875539712-FTC85U292JR7IDY6ZF4E/photo-1558655146-d09347e92766.jpeg Boeing https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1592875499569-H6ZEP1CQMC7JLWADG445/photo-1565688534245-05d6b5be184a.jpeg Boeing https://www.vincentdiep.com/forfunprojects daily 0.75 2020-06-16 https://www.vincentdiep.com/forfunprojects/hcde536beacon monthly 0.5 2020-06-16 https://www.vincentdiep.com/forfunprojects/3dprinting monthly 0.5 2020-06-16 https://www.vincentdiep.com/portfolio daily 1.0 2021-02-10 https://www.vincentdiep.com/portfolio/complianceguidance monthly 0.5 2020-07-29 https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1593716209190-3I189W6UXVLWWAH1MVZH/All_Finished.jpg Portfolio - Wizard Tool for Compliance Guidance - Final Product I worked closely with the development team, working in React, HTML and CSS, to provide UI design guidance. The final released product highlighted the key compliance requirements to get development teams off the ground, as well as providing an ordered list of other compliance tasks they would need to complete before launch. Each task included step by step instructions that the team would need to complete. Development teams were able to reduce time to release by several days within weeks of utilizing the application https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1593714433349-J3H4T4MD6S1KJW4UV7BK/OverallJourneymap Portfolio - Wizard Tool for Compliance Guidance - User Research I lead research into the pain-points that development teams were running into when trying to launch their products internally and externally. I conducted multiple interviews with development teams throughout the company, synthesizing the data into various formats including a journey map showing major blockers to the development teams success. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1596045206829-JL27LNZ3VAGFUBTOK5RR/macbook-pro-space-gray-on-the-wooden-table2.jpg Portfolio - Wizard Tool for Compliance Guidance https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1593716269438-T3GKWRSABHOSBPEUWSRF/image-asset.jpeg Portfolio - Wizard Tool for Compliance Guidance - Initial Design Further research was conducted with process owners to identify key compliance requirements within the company. I conducting a design studio with the end users, to further understand pain-points within compliance, and devise a solution. Initial designs were inspired by Turbo Tax guidance tools, identifying and walking users through the compliance tasks they were required to do. User testing was performed often, to quickly resolve any points of confusion for the user https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1593714561214-5MA1LQNN8U3HO2WR3MI8/Screen+Shot+2020-07-02+at+11.23.49+AM.png Portfolio - Wizard Tool for Compliance Guidance - Business Impact To ensure that both the users and the businesses needs were met, I worked closely with the product managers and product owner to prioritize the pain-points of the development team. As a result, The pain-point which was identified to have the greatest impact on the development teams, and the business was providing a tool to alleviate compliance downtime and roadblocks. https://www.vincentdiep.com/portfolio/flightefficiencyapplication monthly 0.5 2022-02-01 https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1596044445777-R3WEIYRAIR0K76PO0XM5/FDALogin1s.jpg Portfolio - Boeing Emerging Tech - Contact for more info The details about this product cannot be shared publicly, please contact me to learn more about this product https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/c89c39b0-053d-4ed5-bc36-7c0c99b43d4a/holding-iphone-xs.jpg Portfolio - Boeing Emerging Tech - Contact for more info The details about this product cannot be shared publicly, please contact me to learn more about this product https://www.vincentdiep.com/portfolio/hcdecapstone monthly 0.5 2020-07-23 https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1593720056821-ALR39ITZDSVUFRB3A8OP/Capture.PNG Portfolio - Foster Communication Application - Surveys and Interviews We began with research into pain points of organizations. We gathered information by gathering contact information from Petfinder.com. We then sent out a Google Forms survey, to which we received over 600 responses. We followed up with some survey respondents and were able to interview several people. The major responses were lack of funding, and lack of available foster homes. We decided to delve into why there were not enough foster homes, and saw that many fosters were overwhelmed by the process. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1593720767056-LZTFB8SCO1IG11U60BZX/image-asset.png Portfolio - Foster Communication Application - Final Design We conducted 2 rounds of Rapid Iteration testing to ensure that our design was going in the right direction and effectively solving the problem. We revisited some navigation issues, search functionality, and generally made the features clearer. We also addressed what would be incorporated in the community section, based on the fosters expressed need to “have the support of others with similar experiences.” https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1593720178042-CU7R1RA0EWRSFQI2ZPR1/Capture3.PNG Portfolio - Foster Communication Application - Diary Studies, Journey Mapping, Following interviews, we were able to get 4 fosters to fully complete a 2 week diary study. This helped us understand daily challenges and achievements in the relationship with the foster animal. Mapping out the 2 weeks on we saw that most Fosters had around 2 pain points when the foster experience ran astray. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1593720462455-6EDPC8LXR3FCZCLG1GBA/Capture2.PNG Portfolio - Foster Communication Application - Co-Design Workshop As the end of our research phase, we scheduled a Co-Design Workshop with our fosters. This activity occurred virtually over Zoom, we walked our users through two activities, one to further clarify their pain and gain points, and the second to start generating ideas on how to alleviate their frustrations. As a result, we found that the Fosters: Fosters struggled with delayed communication from organizations organizations do not have infrastructure to properly support fosters Community is why fosters come back, and it needs to be stronger https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1593720752289-EGTTQG3IJC0EUHYGQH1O/Capture6.PNG Portfolio - Foster Communication Application - Initial Design Based on our ideation and information architecture we created a low fidelity prototype and built out the major sections we were hoping to receive feedback on when user testing. From our research and co-design session we knew it was important to include a check-in with organization flow, community section, and an area where fosters can reach out to organizations specifically for help with behavior, medical, or other needs. https://www.vincentdiep.com/portfolio/trials monthly 0.5 2022-02-01 https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1612995750668-SH0N58P4C8X6I9H7SQUR/5.PNG Portfolio - Platform Solution Experience - Trial a Service One way we helped the customer explore the products was by allowing the user to create trial environments with any of the services, and allowing them to deploy the product to the platforms cloud. The easy to deploy solutions allowed customers to configure their out of the box solutions by simplifying complex services. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1612995930941-UVSCOAZQ6E1CQQCL7XBS/Capture2.PNG Portfolio - Platform Solution Experience - Quick Start To enable customers to get right in on the action, we utilized Pendo to create quick start guides, that allow users to really get into what the solution can do for them. Customers were quickly able to identify tasks they needed to do to get the most out of the products. https://www.vincentdiep.com/portfolio/localization monthly 0.5 2022-02-01 https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/59658c05-78b0-4695-b066-3ead6ee646ee/Desktop+-+5.jpg Portfolio - I18N & L10N Systems - String Management The core of the languages capabilities comes from the String Management Service. It is here that most of the translations for both Admin and End User Facing content is stored. I had to ensure that the capabilities of String Management was flexible enough to work with other services such as Agreements, Notifications, and Form Builder. This meant that I needed to create an entire ecosystem, where localized content lived, and account for changes that would be cascaded to other services. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/17561ab9-a9a6-48e3-9bdd-49a7b49266f1/Desktop+-+23.jpg Portfolio - I18N & L10N Systems - Agreements As part of I18N and L10N, Agreements had to be localized into different languages. I paired the list of languages here to ensure that languages the customer had enabled were not missed. Another important feature of this service was the capability to review older revisions of Agreements, and customize the labels for consent. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/a53b4de4-fd2a-4f80-9a16-c65aa4b40120/Full+Page+Copy+13+%281%29.jpg Portfolio - I18N & L10N Systems - Notifications With Notifications I wanted to ensure the Languages panel was the same, so that the system was familiar across the services. Each language had to have SMS, Email and sometimes Voice translated to be sent to the End Users. The Incomplete Section was important to have to ensure that there was content for every user. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/aec61607-1a36-44ce-b99e-20ce8780c151/Artboard+4+Copy+9+%281%29.jpg Portfolio - I18N & L10N Systems - Form Builder Form Builder was the latest and most complex addition to the languages system. We had to have translations not just for admin content such as labels and fields in the canvas, but also we needed to devise a system for custom content. This allowed Admins to create custom keys that were paired with translations. The keys could then be used throughout a variety of forms without requiring individual editing within the forms. https://www.vincentdiep.com/portfolio/orchestration monthly 0.5 2022-02-01 https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/d423c5a6-44bc-42e7-977a-68b834d62178/Flow+Studio+%E2%80%93+List+View+%282%29.jpg Portfolio - Identity Orchestration - Phased Approach After the acquisition of Singular Key I worked closely with Product Management and Engineering to discuss strategy and roadmap for integrating the Orchestration Service into PingOne. We took a Phased approach to this: Phase 1: GA ready - Update branding and content to Ping style. Clean up embarrassing UX and Major Bugs. Phase 2: Full Integration - Navigation, Integration, addition features to enable a better experience. Phase 3: Enhancements - Best Use cases, End to End Flow building within the Canvas, Enhanced Experiences. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1f12ef71-a8bd-4d80-bf7c-6f20f210e580/Select+Template+%281%29.jpg Portfolio - Identity Orchestration - Templated Flows One way we to make flows more accessible to users was to create templated flows. This allows low tech functions such as Analysts or Managers explore and create simple workflows. While still providing a good starting point for super users to begin creating their more complex workflows. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/b1f4841d-dbde-4825-b475-cf3cd452c048/Flow+Studio+%E2%80%93+List+View+%283%29.jpg Portfolio - Identity Orchestration - Integrating Forms A key bit of missing functionality was the ability to add custom forms. While the product did have the ability to create forms previously, it was reliant on knowledge of HTML and CSS to create. With the integration of the WYSIWYG Form Builder tool I designed, the capability of the Flows were enhanced and allowed for much more varied use cases. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/121d7291-609f-4f65-b905-522469f71b58/Flow+Studio+%E2%80%93+List+View.jpg Portfolio - Identity Orchestration - Navigating the Canvas We experimented with different ways to navigate through the canvas, especially for complex flows. We had navigation with keyboard keys as well as with the mouse, however on bigger more complex flows it became difficult to see everything on the canvas page. Through the use of a mini map, we were able to allow users to quickly navigate to different portions of the flow. https://www.vincentdiep.com/portfolio/customforms monthly 0.5 2022-02-01 https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/e8bde1f1-dc75-4d22-9888-6f4dc1200c0b/image+40.jpg Portfolio - Custom Forms - Code Free Forms An important requirement of form builder was that it was easy to use, even for people who don’t know HTML and CSS. To do this we created a WYSIWYG Editor that allowed users to build forms for a variety of Use Cases. This tool grew as new features were added based on customer needs, however remained flexible in its capabilities. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/1d02ab1e-a203-4096-a5e2-6f2a2ac4a8dc/Artboard+4+Copy+9+%281%29.jpg Portfolio - Custom Forms - Localization Form Builder was the latest and most complex addition to the languages system. We had to have translations not just for admin content such as labels and fields in the canvas, but also we needed to devise a system for custom content. This allowed Admins to create custom keys that were paired with translations. The keys could then be used throughout a variety of forms without requiring individual editing within the forms. https://images.squarespace-cdn.com/content/v1/5ecfda95dc085a7ce82100f1/a73b9f02-0a82-4765-9692-02b9bf1e88f8/Flow+Studio+%E2%80%93+List+View+%282%29.jpg Portfolio - Custom Forms - Integration with Orchestration Currently we are Integrating this with our Flow Orchestration to create an even better experience. During the Integration efforts, I saw the opportunity to add features that would enable the Power User more versatility in the forms they create. This could turn the Forms into more of a Page builder, allowing for flexibility of use throughout the Flow.