{"id":837,"date":"2023-06-06T22:26:07","date_gmt":"2023-06-06T22:26:07","guid":{"rendered":"https:\/\/www.trevorhcurtis.com\/?page_id=837"},"modified":"2023-09-07T23:03:25","modified_gmt":"2023-09-07T23:03:25","slug":"dropbox-sign-up-in","status":"publish","type":"page","link":"https:\/\/www.trevorhcurtis.com\/case-studies\/dropbox-sign-up-in\/","title":{"rendered":"Dropbox Sign Up \/ In"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"837\" class=\"elementor elementor-837\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-80e8598 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"80e8598\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b233efd\" data-id=\"b233efd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-53a6667 elementor-widget elementor-widget-qi_addons_for_elementor_info_cards\" data-id=\"53a6667\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_info_cards.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"qodef-shortcode qodef-m  qodef-qi-info-cards qodef-layout--top qodef-link-overlay qodef--icon-pack\">\n\t\t\t<div class=\"qodef-m-icon-wrapper\">\n\t\t\t\t\t<div class=\"qodef-m-icon-holder\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-user-lock\"><\/i>\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"qodef-m-content\">\n\t\t\t<h5 class=\"qodef-m-subtitle\">\n\t\tCase Study\t<\/h5>\n\t\t\t\t\t<p class=\"qodef-m-text\">This case study focuses on the redesign and optimization of \/login and \/register on Dropbox.com through a series of experiments. It also discusses the addition of Google One Tap and customized social button functionality to these pages. As the Lead Designer on the Sign Up \/ Sign In [SUSI] team at Dropbox it is my goal to address usability issues, increase sign-ups, and create an intuitive and engaging experience for users as they create or log into their accounts.<\/p>\n\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f9eeabc elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"f9eeabc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c12254f\" data-id=\"c12254f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c682baf elementor-widget elementor-widget-spacer\" data-id=\"c682baf\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.16.0 - 17-10-2023 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-868e870 elementor-widget elementor-widget-heading\" data-id=\"868e870\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.16.0 - 17-10-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h3 class=\"elementor-heading-title elementor-size-default\">Problem statement<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c28c2fe elementor-widget elementor-widget-text-editor\" data-id=\"c28c2fe\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.16.0 - 17-10-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p style=\"font-weight: 400;\">The \/login and \/register pages on Dropbox.com were based on an older design system and required an update to the current Dropbox Web Guidelines. The primary goal of this project was to unify and bring consistency to the design of these experiences, reduce friction and errors when signing up for a new account or signing into an existing account, and to increase trust and security by updating the process of verifying users.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35c989e elementor-widget elementor-widget-spacer\" data-id=\"35c989e\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dca86d5 elementor-widget elementor-widget-qi_addons_for_elementor_image_gallery\" data-id=\"dca86d5\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_image_gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"qodef-shortcode qodef-m  qodef-qi-image-gallery qodef-qi-fslightbox-popup qodef-popup-gallery   qodef-qi-grid qodef-layout--qi-columns  qodef-col-num--1   qodef-responsive--predefined\">\n\t<div class=\"qodef-grid-inner\">\n\t\t<div class=\"qodef-e qodef-image-wrapper qodef-grid-item\">\n\t<div class=\"qodef-e-inner\">\n\t\t\t\t\t<a class=\"qodef-popup-item\" itemprop=\"image\" href=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Sign-In-Page.jpg\" data-type=\"image\" data-fslightbox=\"gallery-276\">\n\t\t\t\t\t\t<img loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Sign-In-Page.jpg\" class=\"attachment-full size-full\" alt=\"The previous Dropbox Sign In desktop design\" decoding=\"async\" srcset=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Sign-In-Page.jpg 1920w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Sign-In-Page-300x169.jpg 300w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Sign-In-Page-1024x576.jpg 1024w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Sign-In-Page-768x432.jpg 768w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Sign-In-Page-1536x864.jpg 1536w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Sign-In-Page-600x338.jpg 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n<div class=\"qodef-e qodef-image-wrapper qodef-grid-item\">\n\t<div class=\"qodef-e-inner\">\n\t\t\t\t\t<a class=\"qodef-popup-item\" itemprop=\"image\" href=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Register-Page.jpg\" data-type=\"image\" data-fslightbox=\"gallery-276\">\n\t\t\t\t\t\t<img loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Register-Page.jpg\" class=\"attachment-full size-full\" alt=\"The previous Dropbox Register desktop design\" decoding=\"async\" srcset=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Register-Page.jpg 1920w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Register-Page-300x169.jpg 300w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Register-Page-1024x576.jpg 1024w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Register-Page-768x432.jpg 768w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Register-Page-1536x864.jpg 1536w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Previous-Register-Page-600x338.jpg 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4ad228 elementor-widget elementor-widget-spacer\" data-id=\"d4ad228\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ffecf0 elementor-widget elementor-widget-heading\" data-id=\"6ffecf0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Research and analysis<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f60651 elementor-widget elementor-widget-qi_addons_for_elementor_tabs_horizontal\" data-id=\"1f60651\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_tabs_horizontal.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"qodef-shortcode qodef-m  qodef-qi-tabs-horizontal qodef-qi-clear qodef-layout--simple qodef-title-hover--underline-draw qodef-title-underline-from-left\">\n\t<ul class=\"qodef-tabs-horizontal-navigation\">\n\t\t<li>\n\t<h5 class=\"qodef-tab-title\">\n\t\t<a href=\"#qodef-tab-3424933\">\n\t\t\t<span class=\"q-text\">\n\t\t\t\tUser Research\t\t\t<\/span>\n\t\t<\/a>\n\t<\/h5>\n<\/li>\n<li>\n\t<h5 class=\"qodef-tab-title\">\n\t\t<a href=\"#qodef-tab-2f8c7ee\">\n\t\t\t<span class=\"q-text\">\n\t\t\t\tCompetitive analysis\t\t\t<\/span>\n\t\t<\/a>\n\t<\/h5>\n<\/li>\n<li>\n\t<h5 class=\"qodef-tab-title\">\n\t\t<a href=\"#qodef-tab-2af802d\">\n\t\t\t<span class=\"q-text\">\n\t\t\t\tAnalytics reviews\t\t\t<\/span>\n\t\t<\/a>\n\t<\/h5>\n<\/li>\n\t<\/ul>\n\t<div class=\"qodef-tabs-horizontal-content\" id=\"qodef-tab-3424933\">\n\t<p>I spoke with customers in focused sessions about the login and signup process on Dropbox, asking them about any challenges, concerns, or observations they had about the current experience. I noted there were concerns that the \/login and \/register experience was not consistent with the look and feel of Dropbox.com overall. Users were confused by the different appearance of other login experiences for products like Dropbox Paper and Replay.<\/p><\/div>\n<div class=\"qodef-tabs-horizontal-content\" id=\"qodef-tab-2f8c7ee\">\n\t<p>In comparing Dropbox \/login and \/register to other SaaS services I noted that many competitors were allowing for additional secure forms of authentication like email links, QR codes, and two-factor authentication. New options like these could be added to the experience and we could test customer trust and success rates for both logging in and setting up new accounts.<\/p><\/div>\n<div class=\"qodef-tabs-horizontal-content\" id=\"qodef-tab-2af802d\">\n\t<p>SEO conflicts had arisen because of a collision with the term \u201cDropbox Sign\u201d and the actual Sign In page at Dropbox.com; Customers searching for Dropbox Sign were actually begin referred to the Sign In page for a Dropbox account. Copy would need to be updated in order to prevent this problem from growing worse. Visits and successful registration\/login numbers were declining. Sign-ups had been declining steadily for several consecutive quarters.<\/p><\/div>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-708006b elementor-widget elementor-widget-spacer\" data-id=\"708006b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcd7e27 elementor-widget elementor-widget-heading\" data-id=\"dcd7e27\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Key findings<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d0c3ec elementor-widget elementor-widget-text-editor\" data-id=\"8d0c3ec\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong>Google sign up\/in emerged as the preferred third-party experience among users.<\/strong> I proceeded with the addition of Google One Tap and a customized social button experiment to offer a one-click experience for signing up to Dropbox, or to sign in to an existing account that was tied to a Google email address.<\/p>\n<p><strong>Page speed and the visual experience would be improved by only loading the current design system code rather than relying on older styles from a previous design.<\/strong> This would improve security and user trust in Dropbox by offering a consistent experience that matched the other areas of the website. It would allow me to design a unified SUSI experience to be used on other products like Dropbox Paper and Replay.<\/p>\n<p>Exploring copy improvements and getting legal approval to remove a checkbox requirement to agree to terms of service would streamline the experience and reduce the number of clicks required to sign up.<\/p>\n<p><strong>Google One Tap could be used in other vital SUSI experiences, such as on the Dropbox Homepage or during the file sharing process inside the Dropbox product.<\/strong> Further consistency both in and out of the product would increase user confidence and enhance Dropbox\u2019s reputation of privacy and security.<\/p>\n<p><span style=\"font-weight: 400;\">Going password-free with additional options like email links and QR codes would give users who had been dormant for several months a way to log in and reset their password without intervention from customer support. Responses to password reset prompts would be greatly reduced.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e212631 elementor-widget elementor-widget-spacer\" data-id=\"e212631\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d62d337 elementor-widget elementor-widget-heading\" data-id=\"d62d337\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Design delivery<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-708515a elementor-widget elementor-widget-text-editor\" data-id=\"708515a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>I thoroughly updated the \/login and \/register experience to adhere to Dropbox Web Guidelines strictly, properly displaying text fields, buttons, helper text, and other elements to match the design system guidelines.<\/p><p>I removed confusing or unnecessary error messages by exploring a two-step authentication process, which I called Progressive SUSI, that intelligently determined if a user already had an existing account based on their email address. This led to the creation of a single flow for all login and register functionality I called Unified SUSI.<\/p><p>Dropbox utilizes a lot of whimsical illustrations to great effect in marketing materials, but the key-card illustration on the former page designs was taking up valuable visual real estate and distracting from the task at-hand. I removed the illustration and found the design became much cleaner and more focused, a deliberate simplification I wanted to test as part of the design experiment.<\/p><p>I produced detailed mockups and guidelines for the new experience including proper spacing, colors, error states, and more. I worked closely with front-end developers to build experiments that were rolled out on Dropbox.com over a period of two months. After 30 days all flows were evaluated for effectiveness.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed25d12 elementor-widget elementor-widget-spacer\" data-id=\"ed25d12\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab9abff elementor-widget elementor-widget-qi_addons_for_elementor_image_gallery\" data-id=\"ab9abff\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_image_gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"qodef-shortcode qodef-m  qodef-qi-image-gallery qodef-qi-fslightbox-popup qodef-popup-gallery   qodef-qi-grid qodef-layout--qi-columns  qodef-col-num--1   qodef-responsive--predefined\">\n\t<div class=\"qodef-grid-inner\">\n\t\t<div class=\"qodef-e qodef-image-wrapper qodef-grid-item\">\n\t<div class=\"qodef-e-inner\">\n\t\t\t\t\t<a class=\"qodef-popup-item\" itemprop=\"image\" href=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In.jpg\" data-type=\"image\" data-fslightbox=\"gallery-712\">\n\t\t\t\t\t\t<img loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In.jpg\" class=\"attachment-full size-full\" alt=\"New desktop, tablet, and mobile design for Dropbox Sign In page\" decoding=\"async\" srcset=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In.jpg 1920w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-300x169.jpg 300w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-1024x576.jpg 1024w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-768x432.jpg 768w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-1536x864.jpg 1536w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-600x338.jpg 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n<div class=\"qodef-e qodef-image-wrapper qodef-grid-item\">\n\t<div class=\"qodef-e-inner\">\n\t\t\t\t\t<a class=\"qodef-popup-item\" itemprop=\"image\" href=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Register.jpg\" data-type=\"image\" data-fslightbox=\"gallery-712\">\n\t\t\t\t\t\t<img loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Register.jpg\" class=\"attachment-full size-full\" alt=\"New desktop, tablet, and mobile design for the Dropbox Register page\" decoding=\"async\" srcset=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Register.jpg 1920w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Register-300x169.jpg 300w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Register-1024x576.jpg 1024w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Register-768x432.jpg 768w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Register-1536x864.jpg 1536w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Register-600x338.jpg 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n<div class=\"qodef-e qodef-image-wrapper qodef-grid-item\">\n\t<div class=\"qodef-e-inner\">\n\t\t\t\t\t<a class=\"qodef-popup-item\" itemprop=\"image\" href=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Desktop.png\" data-type=\"image\" data-fslightbox=\"gallery-712\">\n\t\t\t\t\t\t<img loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Desktop.png\" class=\"attachment-full size-full\" alt=\"\" decoding=\"async\" srcset=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Desktop.png 1920w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Desktop-300x169.png 300w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Desktop-1024x576.png 1024w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Desktop-768x432.png 768w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Desktop-1536x864.png 1536w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Desktop-600x338.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n<div class=\"qodef-e qodef-image-wrapper qodef-grid-item\">\n\t<div class=\"qodef-e-inner\">\n\t\t\t\t\t<a class=\"qodef-popup-item\" itemprop=\"image\" href=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Mobile.png\" data-type=\"image\" data-fslightbox=\"gallery-712\">\n\t\t\t\t\t\t<img loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Mobile.png\" class=\"attachment-full size-full\" alt=\"\" decoding=\"async\" srcset=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Mobile.png 1920w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Mobile-300x169.png 300w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Mobile-1024x576.png 1024w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Mobile-768x432.png 768w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Mobile-1536x864.png 1536w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Dropbox-Sign-In-Mobile-600x338.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a4d80c elementor-widget elementor-widget-spacer\" data-id=\"1a4d80c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a96a8f5 elementor-widget elementor-widget-heading\" data-id=\"a96a8f5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Performance optimization<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-249a57b elementor-widget elementor-widget-text-editor\" data-id=\"249a57b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Google One Tap was easy to include on the website, but deciding where to put it was challenging. I tried different positions, for instance inline inside of sign-in and sign-up forms, and found that a placement on the top right of the page performed best. This is also what other websites implementing Google One Tap were doing, and it proved to be the best choice.<\/p>\n<p>When I saw that significantly more people were successfully logging in and signing up using the new form design and Google One Tap, I recommended showing the test design to a larger share of 75% of users. I saw a 20%+ increase in sign-ups and a 3% increase in successful sign-ins over the entire two month experiment period. This was quite surprising considering I had also updated the login and register pages to look better on mobile devices. Mobile web sign-in and sign-up were typically much lower due to use of the Dropbox mobile app.<\/p>\n<p>The changes I made to the login and register pages helped improve the experience for mobile users, who were previously using an older-looking login page. The new pages work better for all mobile users.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f05b5f elementor-widget elementor-widget-spacer\" data-id=\"2f05b5f\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be702f9 elementor-widget elementor-widget-qi_addons_for_elementor_image_gallery\" data-id=\"be702f9\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_image_gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"qodef-shortcode qodef-m  qodef-qi-image-gallery qodef-qi-fslightbox-popup qodef-popup-gallery   qodef-qi-grid qodef-layout--qi-columns  qodef-col-num--1   qodef-responsive--predefined\">\n\t<div class=\"qodef-grid-inner\">\n\t\t<div class=\"qodef-e qodef-image-wrapper qodef-grid-item\">\n\t<div class=\"qodef-e-inner\">\n\t\t\t\t\t<a class=\"qodef-popup-item\" itemprop=\"image\" href=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Google-One-Tap-Example.png\" data-type=\"image\" data-fslightbox=\"gallery-786\">\n\t\t\t\t\t\t<img loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Google-One-Tap-Example.png\" class=\"attachment-full size-full\" alt=\"\" decoding=\"async\" srcset=\"https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Google-One-Tap-Example.png 1920w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Google-One-Tap-Example-300x169.png 300w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Google-One-Tap-Example-1024x576.png 1024w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Google-One-Tap-Example-768x432.png 768w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Google-One-Tap-Example-1536x864.png 1536w, https:\/\/www.trevorhcurtis.com\/wp-content\/uploads\/2023\/06\/Google-One-Tap-Example-600x338.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7182b92 elementor-widget elementor-widget-spacer\" data-id=\"7182b92\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a30113b elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"a30113b\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d95192f\" data-id=\"d95192f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f1effcb elementor-widget elementor-widget-heading\" data-id=\"f1effcb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Evaluation and results<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64741b5 elementor-widget elementor-widget-text-editor\" data-id=\"64741b5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The combination of a complete design refresh, adding Google One Tap and customized social button functionality, and moving towards a Unified and Progressive SUSI experience resulted in massive gains of 30%+ YoY in sign-ups for Dropbox accounts. More users were signing in through mobile web once the new design launched.<\/p><p><strong>The \/login and \/register improvements completely reversed a multi-quarter downward trend in new sign-ups, resulting in a surprise uptick in paid subscriber count, which was noted in a Dropbox financial results call.<\/strong> My team\u2019s efforts were recognized company-wide for bringing in new users and reactivating dormant Dropbox accounts in 2023.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1e3f3f1 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"1e3f3f1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a3e02b3\" data-id=\"a3e02b3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f6dd334 elementor-widget elementor-widget-spacer\" data-id=\"f6dd334\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f1d763 elementor-widget elementor-widget-heading\" data-id=\"4f1d763\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Key takeaways<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfc3dcc elementor-widget elementor-widget-text-editor\" data-id=\"cfc3dcc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"font-weight: 400;\">Optimizing a sign up \/ in experience can not only enhance the success rate of getting into or setting up a new product, but it can increase the trust that customers have in the consistency and security of systems.<\/p><p style=\"font-weight: 400;\">Even small changes in copy or reducing the number of steps in a process can have huge benefits to users as well as to companies that genuinely value customer experience. It boosts conversion and reduces the need for assistance.<\/p><p><span style=\"font-weight: 400;\">Google\u2019s authentication and verification tools are an excellent and flexible way to offer visitors a simple experience signing up for and into a product. I would enjoy implementing those tools in another product in the future.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0861868 elementor-widget elementor-widget-spacer\" data-id=\"0861868\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Case Study This case study focuses on the redesign and optimization of \/login and \/register on Dropbox.com through a series of experiments. It also discusses the addition of Google One Tap and customized social button functionality to these pages. As the Lead Designer on the Sign Up \/ Sign In [SUSI] team at Dropbox it [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":744,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.trevorhcurtis.com\/wp-json\/wp\/v2\/pages\/837"}],"collection":[{"href":"https:\/\/www.trevorhcurtis.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.trevorhcurtis.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.trevorhcurtis.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trevorhcurtis.com\/wp-json\/wp\/v2\/comments?post=837"}],"version-history":[{"count":358,"href":"https:\/\/www.trevorhcurtis.com\/wp-json\/wp\/v2\/pages\/837\/revisions"}],"predecessor-version":[{"id":2251,"href":"https:\/\/www.trevorhcurtis.com\/wp-json\/wp\/v2\/pages\/837\/revisions\/2251"}],"up":[{"embeddable":true,"href":"https:\/\/www.trevorhcurtis.com\/wp-json\/wp\/v2\/pages\/744"}],"wp:attachment":[{"href":"https:\/\/www.trevorhcurtis.com\/wp-json\/wp\/v2\/media?parent=837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}