I worked as a sole UX Designer within the company. My work required collaboration with product management, SDE and QA team to design and manage their web-based client-facing and internal applications. I was a primary liaison between the company and the external design consultancy firm named based in San Francisco.
Gather requirements, develop wireframes using Visio/Axure, design visual mock-ups, define IA and solve complex interactions, develop low/high fidelity prototypes using Axure, conduct review cycles with internal teams and user-tests with clients, create storyboards and sitemaps, document use-cases, flow diagrams and functional requirements for SDE/QA teams. Overall, coordinate launch of new product and feature releases.
I along with UEVision designed DocuSign's core product - electronic signing experience, DocuSign ID Card, Login Screen as updated in its Winter '11 release. I was involved with this project start-to-finish which began in June 2010 and ended in January 2011. More information about the release:
Other product features I workin on include envelope sending process, dashboards, address book, account settings page, advanced and global search, feedback forms and forums, other internal and partner brand-able applications. All the prototyped designs went live with Spring '11 and subsequent releases with slight modifications while implementation.
. is a market leader and global standard for electronic signature and contract execution services through its SAAS-based platform. It possessed more than 70% of the market share for SAAS e-signatures, as of 2009. Recent industry distinctions include - WTIA Commercial Product of the Year 2010, Red Herring's 2009 top 100 private technology companies in North America, Washington's top 10 best companies to work for and many others.
(from top to bottom) 1. Bold title indicating action required, 2. Highlighted section to differentiate DocuSign's default text from sender's message, 3. Bold button indicating most important action to proceed to next step, 4. Help sections for novice users, and 5. The footer (diminished for lesser valuable instructions).
PS: Most of the elements are images and not all email clients and browsers support this formatting.
1. User is presented a modal screen; document is in the background (feel-good factor for users), 2. Document names requiring signature, 3. Step-wise instructions of the process (Other alternative considered - elaborate the instructions and make this step as a separate page), 4. Three bold numerals (indicating just a short 1-2-3 step procedure), 5. Distinguished Consumer Disclosure (part of legal obligation) step, 6. Highlighted step with navigation Start arrow to indicate next step to proceed, 7. Small font sized other options to diminish their importance (business need of making user to sign rather than consider other options), 8. Color Scheme and use of Icons.
1. Breadcrumbs on the top (other alternatives considered - show at the bottom or at top and bottom both or no show) to show current and future steps (visibility of system status), 2. Start Navigation (guide novice users), 3. Progress bar (no significance but a feel good factor), 4. Floating toolbars for other options and zoom control (other alternatives considered - affixed toolbars on top or both - top and bottom), 5. Smaller thumbnails contracting panel with different visual cues according to pages (other alternatives considered - bigger thumbnails, panel on the left, pagination on the top), 6. Color Schemes and use of Icons.
1. Variety of DocuSign offered font-styles using vertical scrolling in right panel (other alternatives considered - carousel, radio buttons, links, fonat names with a preview space), 2. User can also draw his signature by clicking on 'Write your signature" link (other alternative considered - section, tabs, accordions), 3. Color Scheme.
- 1. Filled up form for quicker registration, 2. Download options (alternatives considered - buttons, download link with a dialog), 3. Space for viral marketing, 4. A 'close' button (a placebo button as user has already successfully finished the process), 5. Color Scheme and use of Icons.
1. A separate page (other alternatives considered - a roll-over dialog in the Home Page but user has many ways to login other than from Home Page), 2. Login Form on the top left,
3. Maintenance or other administrative notice section below, 4. Large space for marketing or advertisement,
5. Color Scheme.
1.Vertical Card (other alternatives considered - Horizontal or Square), 2. Picture on the left (greatest authentication factor - hence placed first), 3. Neatly sectioned the information (made use of white space as not all had titles to differentiate using lines, colors, or an accordion), 4. Color scheme.