under the knife: plastic surgery for classic software

Session Survey: http://www.uxpa2016.org/sessionsurvey?sessionid=230 Conference Survey: http://www.uxpa2016.org/survey www.uxpa2016.org

#UXPA2016

http://www.uxpa2016.org/survey


#UXPA2016

Jessamyn Miller



#UXPA2016



#UXPA2016

GoToMeeting Windows

Before After



#UXPA2016



#UXPA2016

A real tweet



#UXPA2016

GoToMeeting Mac July 2015



#UXPA2016

Windows Mac



#UXPA2016

Mac + Windows = baby



#UXPA2016

Timeline

• July to October 2015

• Engineering ships by Oct. 30

• Customers receive Nov. 15

Ship it!



#UXPA2016

Project charter

• Mission • Scope • Epic



#UXPA2016

Mission

For ___the ___ is ___ that unlike ___will ___.



#UXPA2016

Mission“For Mac users who feel ignored and/ or are using Windows Refresh the Modern Mac version is an improvement of updated interface that unlike the current Mac experience will help drive sales, increase active use and improve customer satisfaction.”



#UXPA2016

Set project scope

Everything we want to do

What we can handle



#UXPA2016

Everything we wanted to do• Auto-layout (faster

localization and easier de-coupling)

• Communications plan for Mac upgrade to Refresh

• Communications plan for Mac 10.7 deprecation

• Discontinue support for Mac 10.7 (advocate to upgrade to higher build or offer instant join)

• Join flow changes for mac 10.6-7 to host in browser (to allow deprecated users to continue to organize meetings)

• SPIKE to investigate if 10.7 users can use the same build

• Support Mac 10.11 El Capitan

• Control panel changes for G2MWT:

• New colors to match rest of look and feel

• New images to match rest of look and feel

• Add Sightboard support • Add Mac outlook plugin

install links (once integration team builds plugin)

• support Retina display • Deprecate OS 10.8

• Re-size panels • Dragging out panels • Add drawing tools • Active speaker

experience LITE • Dialogs and tips • Recording manager • Pre-session UI • Audience view • Video sharing • Windows reskin for

G2WT



#UXPA2016

IN

Colors Icons Buttons Tech debt

OUT

Text changes Layout changes New features



#UXPA2016

Make yourself say

“This project will be successful when…”

“This project will successful without…”



#UXPA2016

Our epic in JIRA



#UXPA2016

Assets



#UXPA2016

from Mac assets wiki

filename old assetold size

new assetnew size

descriptionnew asset @2xnew size @2x



#UXPA2016

old new

new@2x



#UXPA2016

Before After



#UXPA2016

After

Before



#UXPA2016



#UXPA2016

Text



#UXPA2016

9pt

10pt

11pt

12pt

Before



#UXPA2016

12 pt system font

10.9 Mavericks Lucida Grande

10.10 Yosemite Helvetica Neue

10.11 El Capitan SF UI Text



#UXPA2016

12pt

11pt

12pt

12pt

After



#UXPA2016

Before

After



#UXPA2016

Color



#UXPA2016

Colors sampled from GoToMeeting Windows desktop



#UXPA2016

Restricted palette • Background colors

• Neutral colors

• Action colors

• Normal/hover/press pattern

• Borders

• Text colors



#UXPA2016



#UXPA2016

feather weight



#UXPA2016

dark ’n stormy



#UXPA2016

lady grey



#UXPA2016

Orangina



#UXPA2016



#UXPA2016

July 24



#UXPA2016

July 28



#UXPA2016

August 20



#UXPA2016

August 25



#UXPA2016

August 28



#UXPA2016

September 14 FINAL



#UXPA2016

yes no

Disabled state



#UXPA2016

yes no

Background



#UXPA2016

yes no

Screensharing icon



#UXPA2016

Button size

yes no



#UXPA2016

“do no harm”



#UXPA2016

Current New



#UXPA2016

style guide



#UXPA2016



#UXPA2016

Classic Mockup Release



#UXPA2016

Grab Tab



#UXPA2016

Screensharing



#UXPA2016

Attendees



#UXPA2016

Audio



#UXPA2016

Webcams



#UXPA2016

Chat



#UXPA2016

Before



#UXPA2016

After



#UXPA2016



#UXPA2016

Jun-16

Jul-16

Aug-16

Sep-16

Oct-16

Nov-16

Dec-16

Jan-17

Feb-17

Mar-17

Apr-17

May-17

NPS

Customer satisfactionNew look and feel



#UXPA2016

Customer comments I liked the new interface looks!

I like the new interface (on Mac).

Good interface, I have a lot of experience with the platform

I like the UI improvements to the meeting control panel on Mac.

Very easy to use and interface is clean.

Flawless interface

Nice improvements since I used it last year



#UXPA2016

You can do this

• Define a mission and set a scope

• Update images

• Update colors

• Clean up text


under the knife: plastic surgery for classic software

Technology