https://lauracwright.me/contact daily 0.75 2020-11-03 https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fa0ac0ed3e6643689dcf8d5/1558965382740/MHeiderich_ReflexionenZwei-05-copy.jpg Contact https://lauracwright.me/about daily 0.75 2021-04-23 https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fa0aafdcef76e70157d523b/1604365065154/IMG_1882.JPG About https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fa0a58a32a6f774976dad09/1558965382740/MHeiderich_ReflexionenZwei-05-copy.jpg About https://lauracwright.me/work daily 1.0 2021-04-17 https://lauracwright.me/work/openshift monthly 0.5 2020-12-12 https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcd7cc874a40730fbaf40ec/1607810589409/Openshift_quick+start+catalog+after.png Work - Quick Starts in OpenShift The improved quick starts catalog page. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcd7d728a55f2188b8e5830/1607810597505/Openshift_quick+start+navigation+hint.png Work - Quick Starts in OpenShift A user clicks on a navigation point in the quick start to reveal a hint. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcd7c672bc7884852cb715f/1607810581424/Openshift_quick%2Bstart%2Bcatalog%2Bbefore.jpg Work - Quick Starts in OpenShift This was what the minimum viable product quick starts page looked like. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcd7fa45177ea328cd95f68/1607809902734/Openshift_quick+start+navigation+hint+flow.png Work - Quick Starts in OpenShift https://lauracwright.me/work/patternfly-rhv monthly 0.5 2020-12-12 https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcecae857846c5b8342f617/1618677502400/RHV_Admin+portal+before+PF3.png Work - PatternFly & Red Hat Virtualization For context, this is what the Red Hat Virtualization administrator portal home dashboard looked like before fully transitioning to PatternFly 3. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcecd617379aa35976570dc/1607810024327/RHV_Admin+dashboard+mid+PF4.png Work - PatternFly & Red Hat Virtualization The current Red Hat Virtualization administrator portal home dashboard is mid transition to PatternFly 4. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcece3ecaa95a391e5b5815/1607810043728/RHV_Admin+portal+full+PF4.png Work - PatternFly & Red Hat Virtualization Mockup of the Red Hat Virtualization administrator dashboard fully transitioned to PatternFly 4. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcece6e1901dd4d2ec2303e/1607810052533/RHV_Create+VM+PF4.png Work - PatternFly & Red Hat Virtualization Mockup of the ‘Create virtual machine’ dialog fully transitioned to PatternFly 4. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fceced869d6d06d552e26b6/1607810071821/RHV_VM+Portal+PF4+list+view.png Work - PatternFly & Red Hat Virtualization While creating these exploratory PatternFly 4 designs, I also took the time to explore what new features might look like in PatternFly 4. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcecb817379aa35976520f1/1607809971790/RHV_Admin+portal+full+PF3.png Work - PatternFly & Red Hat Virtualization This is what the Red Hat Virtualization administrator portal dashboard looked like after fully transitioning to PatternFly 3. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcecd1a8b174454e98c828e/1607810015088/RHV-+Login+PF4.png Work - PatternFly & Red Hat Virtualization Red Hat Virtualization login screen. Red Hat Virtualization is also known as oVirt in the open source community. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcecea876f3eb1a46d175a9/1607810063383/RHV_VM+Dashboard+PF4.png Work - PatternFly & Red Hat Virtualization Mockup of a virtual machine dashboard in the virtual machine portal fully transitioned to PatternFly 4. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcecc2964290b1c3dc47619/1618677521029/RHV_VM+portal+PF3-+Edit+Name+and+Description.png Work - PatternFly & Red Hat Virtualization Another main feature of the virtual machine portal is the virtual machine dashboard. The cards on the virtual machine dashboard could be edited and modified. As a UX designer, I had to think about various states and scenarios that the user might go through when editing their virtual machine. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcecbfd7379aa3597653948/1607809982773/RHV_Create+VM+after.png Work - PatternFly & Red Hat Virtualization The ‘Create Virtual Machine’ wizard is one of the key features of the virtual machine portal. A stepped wizard was designed to help the user more easily and efficiently create a virtual machine. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcecc531b45e152edb4f014/1607809998888/RHV_VM+portal+PF3-+Create+Disk+Modal.png Work - PatternFly & Red Hat Virtualization In this scenario, the user is creating a disk for the virtual machine. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcecc8e0496d067bdc0249c/1607810006398/RHV_VM+portal+pools+.png Work - PatternFly & Red Hat Virtualization Virtual machine pools were another feature that was added to the virtual machine portal during the transition to PatternFly 3. For context, a virtual machine pool is a group of virtual machines that are identically configured by an administrator so that individual users can check virtual machines out like a library book. The user can check out the virtual machine for a certain amount of time before the virtual machine is returned to the pool. One design problem I had to figure out a solution for designing the virtual machine pools was how to visually represent them since pooled virtual machines are characteristically different from the individual virtual machines a user creates on their own. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fcecd96509e863c681df365/1607810031731/RHV_PF4+Export+VM+modal.png Work - PatternFly & Red Hat Virtualization Export virtual machine dialog and its different error states in PatternFly 4. https://lauracwright.me/work/metrics-rhv monthly 0.5 2020-12-12 https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fced2761b45e152edb6024c/1607810409608/RHV_Metrics+installer+1.png Work - Installing the Metrics Store on Red Hat Virtualization In the first step of the installation process, the user had to create specific virtual machines that would house the metrics installer. The user can define the attributes of the virtual machines. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fced2960ff3944fc5488327/1607810418954/RHV_Metrics+installer+2.png Work - Installing the Metrics Store on Red Hat Virtualization Next, the user can select the different hosts they would like the virtual machines to run on. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fced1c5faf0bc04d1b9e477/1607810390812/RHV_CLI+metrics+store+instllation.png Work - Installing the Metrics Store on Red Hat Virtualization Source https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fced2b91b45e152edb60cfd/1607810425932/RHV_Metrics+store+installer+3.png Work - Installing the Metrics Store on Red Hat Virtualization Finally, the user can review the virtual machine and host information they selected in the previous screens before beginning the installation process. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fd540dbc4373837b9f0b744/1607811306071/Process+diagram.png Work - Installing the Metrics Store on Red Hat Virtualization Meet with the development team to understand the current command line installation process. Create a rough draft flow of the metric store installation process. Begin to determine what should be featured in the UI. Review the rough draft flow with the development team and get their feedback on it. Update the flow based on their feedback. Share an updated flow with them and get sign off from stakeholders on the flow. Start to do rough wireframes based on the refined user flow. Share installation wireframes and UI flow with stakeholders. Repeatedly share wireframes, get feedback, and update the wireframes. Reach a final iteration and share it with stakeholders. Happy stakeholders and an improved user experience, happy designer :) https://lauracwright.me/work/research-rhv monthly 0.5 2020-12-12 https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fced64a7cc0b10a0abff34f/1607810182400/RHV_Create+VM+after.png Work - Research-informed design in Red Hat Virtualization The ‘Create a New Virtual Machine’ form after a redesign informed by the user research. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fced7960ff3944fc5495832/1607810214295/RHV_VM+Portal+PF4+list+view.png Work - Research-informed design in Red Hat Virtualization An exploration of what the virtual machine portal homepage would look like with a list view. The newest version of PatternFly, Red Hat’s design system, was used for these wireframes. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fced6ac64290b1c3dc67506/1607810191046/RHV_VM+Portal+before.png Work - Research-informed design in Red Hat Virtualization The virtual machine portal homepage before user research involvement. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fced77b8b174454e98e5e09/1607810207825/RHV_VM%2BPortal%2BPF4.jpg Work - Research-informed design in Red Hat Virtualization https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fced6e4ba7003536e99fbb0/1607810200273/RHV_VM+Portal+after.png Work - Research-informed design in Red Hat Virtualization The virtual machine portal homepage after an update informed by the user research. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fced55b5c8977691e2b39d4/1607810164941/RHV_Path+to+product+team+buy+in.png Work - Research-informed design in Red Hat Virtualization Research informed design is a collaborative effort. You need to get user researchers involved since they have in depth research expertise. You want to get buy-in from project managers and developers and convince them of user research’s importance if they are unfamiliar with it. https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fced5d768c18617d4011108/1607810172438/RHV_Create+VM+before.png Work - Research-informed design in Red Hat Virtualization The ‘Create a New Virtual Machine’ form in the virtual machine portal before user research was involved. https://lauracwright.me/work/openshiftio monthly 0.5 2020-12-12 https://static1.squarespace.com/static/5f98b993373385192bd4a66d/t/5fd1595eeeaf2774ac7dc768/1607810466692/Wizard+Flow Work - The Getting Started Experience in OpenShift.io Flow diagram of how the user could progress through the installation process.