designing remotely - dublin ux

110
@PatrickMooney Designing* Remotely #DublinUX February 2016

Upload: patrick-mooney

Post on 14-Apr-2017

714 views

Category:

Design


4 download

TRANSCRIPT

Page 1: Designing Remotely - Dublin UX

@PatrickMooney

Designing* Remotely#DublinUX

February 2016

Page 2: Designing Remotely - Dublin UX
Page 3: Designing Remotely - Dublin UX
Page 4: Designing Remotely - Dublin UX

Using the power of communications to make a better world

Page 5: Designing Remotely - Dublin UX
Page 6: Designing Remotely - Dublin UX
Page 7: Designing Remotely - Dublin UX
Page 8: Designing Remotely - Dublin UX

Our Co-Location Space

Page 9: Designing Remotely - Dublin UX
Page 10: Designing Remotely - Dublin UX
Page 11: Designing Remotely - Dublin UX
Page 12: Designing Remotely - Dublin UX
Page 13: Designing Remotely - Dublin UX
Page 14: Designing Remotely - Dublin UX

https://blog.mural.ly/2015/05/remote-design-collaboration-survey-results-part-1/

Remote Design Collaboration Survey

May 2015

Page 15: Designing Remotely - Dublin UX

https://blog.mural.ly/2015/05/remote-design-collaboration-survey-results-part-1/

3 out of 4 indicated that 80% or more of their

projects have at least one remote team member

Page 16: Designing Remotely - Dublin UX

https://blog.mural.ly/2015/05/remote-design-collaboration-survey-results-part-1/

55% work across 1 - 3 time zones

Page 17: Designing Remotely - Dublin UX

https://blog.mural.ly/2015/05/remote-design-collaboration-survey-results-part-1/

Three Groupings

Split Teams

Co-located, but physically separated

from each other

Mixed Team

Core are co-located, with several remote teams,

people

All Remote

Everyone is remote

Page 18: Designing Remotely - Dublin UX

Interpersonal Challenges

Page 19: Designing Remotely - Dublin UX

The Outsider / Feeling LonelyFeeling unconnected from your fellow co-workers

Adam Sporka - https://flic.kr/p/58Eu5m

Page 20: Designing Remotely - Dublin UX

Who?Co-workers can forget about you.

Adam Sporka - https://flic.kr/p/58Eu5m

Page 21: Designing Remotely - Dublin UX

How to impact?Hard to make an impact when you can’t be seen or heard

Adam Sporka - https://flic.kr/p/58Eu5m

Page 22: Designing Remotely - Dublin UX

What’s going on?Hard to stay in the loop/sync with those co-located

Adam Sporka - https://flic.kr/p/58Eu5m

Page 23: Designing Remotely - Dublin UX

Dealing with trust and conflict

Adam Sporka - https://flic.kr/p/58Eu5m

Page 24: Designing Remotely - Dublin UX

Taking it easy?People don’t think you are actually working

Dubai

Page 25: Designing Remotely - Dublin UX

It’s not all bad

Page 26: Designing Remotely - Dublin UX

Overcoming these challenges

Create sense of teamness

Reduce Loneliness

Page 27: Designing Remotely - Dublin UX

“Lacking a sense of Teamness”overcoming….

Page 28: Designing Remotely - Dublin UX

“Lacking a sense of Teamness”

Page 29: Designing Remotely - Dublin UX
Page 30: Designing Remotely - Dublin UX
Page 31: Designing Remotely - Dublin UX

best practice

Standard User Restricted User Guest

5 Guests per Standard User

Page 32: Designing Remotely - Dublin UX

#project-name-dev

#project-nameGuests and

Osmosoft Team

Osmosoft Team Only

best practice

Page 33: Designing Remotely - Dublin UX

#generalosmoteam

best practice

Page 34: Designing Remotely - Dublin UX

integrations

Page 35: Designing Remotely - Dublin UX

Most popular integrations

Teams using these integrations

Page 36: Designing Remotely - Dublin UX

Design Apps

Page 37: Designing Remotely - Dublin UX

integrations/hangoutGoogle Hangouts

Google Calendar BOT

Wunderlist BOT /wunderlist add | tasksBOT /done I this this today

/giphy cat

Page 38: Designing Remotely - Dublin UX

integrations/giphy cat

Page 39: Designing Remotely - Dublin UX

pricing

$0Free

for small teams or unlimited evaluation

Search and browse 10k messages

5GB Storage10 Integrations

$8Standard

per user per month

Unlimited search and messages

Guest AccessUnlimited Integrations

As Feb 2016: https://www.slack.com/pricing

slack.com

Page 40: Designing Remotely - Dublin UX

“Feeling Lonely”overcoming….

Page 41: Designing Remotely - Dublin UX

Daily Check In / Check OutIncreases openness.

Creates boundaries to the workday.

“Feeling Lonely”

Page 42: Designing Remotely - Dublin UX

“Feeling Lonely”

Google Hangouts

Skype Webex appear.in sqwiggle

Page 43: Designing Remotely - Dublin UX

Presence

Sqwiggle sends photo snapshots throughout the

day to keep you connected to your team.

Page 44: Designing Remotely - Dublin UX

Instant Video

Sqwiggle allows you to chat to anyone on your team in a split second.

Just click and talk!

Page 45: Designing Remotely - Dublin UX
Page 46: Designing Remotely - Dublin UX

pricing

$0Free

per user per month

$9Plus

per user per month

As Feb 2016: sqwiggle.com/pricing

Unlimited 1-on-1 videoAll day presence with team

5 Chat Streams

$25+Enterprise

per user per month

sqwiggle.com

Unlimited 1-on-1 videoAll day presence with team

Unlimited Chat Streams

Unlimited 1-on-1 videoAll day presence with team

Unlimited Group Chat

Page 47: Designing Remotely - Dublin UX

Remote Working Tips

Page 48: Designing Remotely - Dublin UX

Video

complex problems & build trust

Audio

clear up urgent issuesChat / Email

chatter

Co-Lo Workshop

team exploration of largeideas

Remote Working Tips

Page 49: Designing Remotely - Dublin UX

Chat / Email

Chat, interrupt, ask

questions

Share Personal

Information

Be MindfulAudio

Video

Co-Lo Workshop

Remote Working Tips

Page 50: Designing Remotely - Dublin UX

Let’s take a look at our process

Page 51: Designing Remotely - Dublin UX

TRY EXPERIMENTS

LEARN

ITERATE

DEFINE THE CHALLENGE

OBSERVE PEOPLE

FORM INSIGHTS

FRAME OPPORTUNITIES

BRAINSTO

RM IDEAS

BUILD

MEASURE

PIVOT/KEEP?

CONC

RETE

ABST

RACT

USER PROBLEM USER SOLUTION

Design Thinking Lean UX Agile

Page 52: Designing Remotely - Dublin UX

COMMUNICATION AND TEAMWORK

BRAINSTORMING, IDEATION AND

PLANNING

USER RESEARCH AND TESTING

BUILD

DESIGN AND PROTOTYPE

Page 53: Designing Remotely - Dublin UX

BRAINSTORMING, IDEATION AND

PLANNING

USER RESEARCH AND TESTING

BUILD

DESIGN AND PROTOTYPE

COMMUNICATION AND TEAMWORK

Page 54: Designing Remotely - Dublin UX

BRAINSTORMING, IDEATION AND

PLANNING

Page 55: Designing Remotely - Dublin UX

BRAINSTORMING, IDEATION AND

PLANNING

Page 56: Designing Remotely - Dublin UX
Page 57: Designing Remotely - Dublin UX

Real Time Collaboration

Page 58: Designing Remotely - Dublin UX

Visual - links turn into previews

Page 59: Designing Remotely - Dublin UX

Disorganised

Page 60: Designing Remotely - Dublin UX

Organised

Page 61: Designing Remotely - Dublin UX

Frameworks

Business Model Canvas

Empathy Map

Team Canvas

Page 62: Designing Remotely - Dublin UX

Real Time Collaboration Voting

Not limited to the size of a whiteboard

Track Changes

Spatially Sort Ideas

Visual Aids To Show Ideas

Page 63: Designing Remotely - Dublin UX

pricing

$29Starter

per month

5 usersUnlimited viewers

$120Garage

per month

As Feb 2016: mural.ly/pricing/

10 usersUnlimited viewers

Self Serve Support Email Support

$425Studio

per month

25 usersUnlimited viewers

Email Support

30 Day Free Trial

mural.ly

Page 64: Designing Remotely - Dublin UX

BRAINSTORMINGAND IDEATION

How do I get physical post-it notes into the digital world?

Page 65: Designing Remotely - Dublin UX

BRAINSTORMINGAND IDEATION

Post-it® PlusHow do I get physical

post-it notes into the digital world?

Page 66: Designing Remotely - Dublin UX

Post-it® Plus

itunes.apple.com/us/app/post-it-plus

Page 67: Designing Remotely - Dublin UX

PLANNING

Page 68: Designing Remotely - Dublin UX

PLANNING

User story mapping

Page 69: Designing Remotely - Dublin UX

Online Collaborative Endless Whiteboard

Sync’s with Trello, JIRA and Pivotal Tracker

Page 70: Designing Remotely - Dublin UX

Sync’s with Trello

Page 71: Designing Remotely - Dublin UX

Backbone / User Activities

Walking Skeleton / User Tasks

User Stories

Page 72: Designing Remotely - Dublin UX

Backbone / User Activities

Walking Skeleton / User Tasks

MVP 1

MVP 2

Unscheduled

Page 73: Designing Remotely - Dublin UX

Free

storiesonboard.com

pricing

Page 74: Designing Remotely - Dublin UX

PLANNING

Page 75: Designing Remotely - Dublin UX

Desktop and Mobile App

Easiest way I’ve found to plan across multiple timezones

Page 76: Designing Remotely - Dublin UX

BRAINSTORMING, IDEATION AND

PLANNING

USER RESEARCH AND TESTING

BUILD

DESIGN AND PROTOTYPE

COMMUNICATION AND TEAMWORK

Page 77: Designing Remotely - Dublin UX

USER RESEARCH AND TESTING

Page 78: Designing Remotely - Dublin UX

USER RESEARCH AND TESTING

Page 79: Designing Remotely - Dublin UX

USER RESEARCH AND TESTING

Page 80: Designing Remotely - Dublin UX

Desktop, mobile web and native mobile/table testing

On-Demand unmoderated remote testing with real users

Get videos and audio of your target market using your app/site

Results within 1 hour

UserTesting Features

Page 81: Designing Remotely - Dublin UX

UserTesting UsersTools available to narrow the user pool to reflect your target market

Access to a global panel

of over 1 million

Page 82: Designing Remotely - Dublin UX

Access to a global panel

of over 1 million

UserTesting Users

They use their own devices in their own homes

Option to use your own

panel

They are paid for their

time ~$10

Page 83: Designing Remotely - Dublin UX
Page 84: Designing Remotely - Dublin UX

pricing

$49 per video Basic

increases to $99 after 10 videos

Video and audio of web/app being usedDesktop, phones and tablets

Procontact them for pricing

As Feb 2016: usertesting.com/plans

Max length of 15 mins per video

usertesting.com

Max length of 60 minutes per testCreate highlight reels

Advanced screener and demographic filters

Free Trial Available

Page 85: Designing Remotely - Dublin UX

Start Up Plans

8 Credits for $400Seed Credit Pack

Both include many of the benefits of a pro account

As Feb 2016: usertesting.com/plans

20 Credits for $900Startup Credit Pack

10 employees or fewer 25 employees or fewer

Page 86: Designing Remotely - Dublin UX

peek.usertesting.com

Page 87: Designing Remotely - Dublin UX

USER RESEARCH AND TESTING

Page 88: Designing Remotely - Dublin UX

UK Based

Smaller pool of global users

Slower, “quarantine panel” to prevent “professional testers”

Offering a free video test

whatusersdo.com

bit.ly/free-video-dublinux

Page 89: Designing Remotely - Dublin UX

BRAINSTORMING, IDEATION AND

PLANNING

USER RESEARCH AND TESTING

BUILD

DESIGN AND PROTOTYPE

COMMUNICATION AND TEAMWORK

Page 90: Designing Remotely - Dublin UX

DESIGN AND PROTOTYPE

Page 91: Designing Remotely - Dublin UX

Wireframe & Prototype

UI Design

Interaction Design

DESIGN AND PROTOTYPE

Page 92: Designing Remotely - Dublin UX

Project Comet

Principle

Origami

DESIGN AND PROTOTYPE

Page 93: Designing Remotely - Dublin UX

Lo-Fi

Hi-Fi

Lo-Interactive

Mid-Interactive

Rich UI

Wireframe Prototype

Hi-Interactive

Interaction

Basic UIDESIGN AND PROTOTYPE

Page 94: Designing Remotely - Dublin UX

DESIGN AND PROTOTYPE

Page 95: Designing Remotely - Dublin UX

Go from Lo-Fi Wireframe to Hi-

Fi Prototype

Publish and Share

Page 96: Designing Remotely - Dublin UX

Go from Wireframe

Page 97: Designing Remotely - Dublin UX

..to Hi-Fidelity MockUp

Page 98: Designing Remotely - Dublin UX

..to Interactive Prototype

in the browser

Pushed out to Axure

Share

Page 99: Designing Remotely - Dublin UX

..to Interactive Prototype

on the device

Page 100: Designing Remotely - Dublin UX

Advanced PrototypingConditional Logic, animation, calculations, dynamic content, drag and drop etc.

Page 101: Designing Remotely - Dublin UX
Page 102: Designing Remotely - Dublin UX

Advanced PrototypingConditional Logic, animation, calculations, dynamic content, drag and drop etc.

Page 103: Designing Remotely - Dublin UX

Axure Team

Local copy Local copy

Your Cloud SVN

Page 104: Designing Remotely - Dublin UX

Beta Release

Team Projects can be hosted on Axure Share

Pen tool

axure.com/beta

Streamlined UI

Page 105: Designing Remotely - Dublin UX

pricing

$289 Standard

per license (OSX + Windows)

Sketch + WireframeFlow Diagram

$589Pro

per license (OSX + Windows)

As Feb 2016: axure.com/buy

Basic + Advanced Prototyping

axure.com

Axure Share

Notes and DocumentationTeam Projects

+

Page 106: Designing Remotely - Dublin UX

COMMUNICATION AND TEAMWORK

BRAINSTORMING, IDEATION AND

PLANNING

USER RESEARCH AND TESTING

BUILD

DESIGN AND PROTOTYPE

Page 107: Designing Remotely - Dublin UX

COMMUNICATION AND TEAMWORK

BRAINSTORMING, IDEATION AND

PLANNING

USER RESEARCH AND TESTING

DESIGN AND PROTOTYPE

Project Comet

Principle

Origami

Google Hangouts

appear.in

sqwiggle

webex

Skype

Post-it® Plus

Page 108: Designing Remotely - Dublin UX

Super Fast Broadband

Page 109: Designing Remotely - Dublin UX

Adam Sporka - https://flic.kr/p/58Eu5m

Page 110: Designing Remotely - Dublin UX

@PatrickMooney

Designing* Remotely

Thank you!

PatrickMooney.me

Connect with me