OFFICE LIVE WORKSPACES FUTURE VISION

Blue-sky product vision for the next wave of Office Live Workspaces.

RoleUX Designer II
Timeline2008
ScopeOffice Live / Future Vision / Interaction Design

Microsoft Office Live Workspaces Future Vision cover

Previous case Next case

Brief

Create a compelling animated vision for the next wave of Office Live Workspaces.

Role: UX Designer II
Constraint: The future experience needed to make ambitious social and predictive ideas understandable enough for product evangelism.
Outcome: Produced a future-vision narrative that made complex innovation concepts communicable.

At a glance

Quick view

Scroll the device for role, team, tools, platform, and project scope.

my role

UX Designer II

client

Microsoft

team

1 UX Designer (me)
1 Technical Fellow / Visionary

tools used

Feature Design Lead Design Strategy User Experience Wireframing Prototyping Presentations

platform

Cross-platform product experience

Flows

Each lane isolates the clearest evidence so reviewers can scan the work in order.

Map legend

Scan top to bottom: phase, evidence volume, and why it matters.

Context 17items

Background and constraints

Exploration 33items

Options and solution paths

Direction 3items

Chosen path and rationale

Design 2items

Finalized UI and specs

Validation 2items

Testing and refinement

Outcome 2items

What changed

Context · Background and constraints

Legacy Case Gallery

3 shown · +7 more

Open set

Exploration · Options and solution paths

Cooool Merge

32 frames across 6 sets

Open set

Outcome · What changed

Home Shell

2 frames

Open set

Tools

Tools used on project

The working set used to research, prototype, align, and ship this case.

PowerPoint
Photoshop
Office
Animate

Story

Hypothesis

A tightly structured future-vision narrative would make ambitious interaction concepts easier for the organization to understand and support.

Insights

The concept combined social-network microinteractions, timely predictions, and a wide range of innovation ideas from a technical fellow.

Story

Decision points

Direction Chosen path and rationale

Gather requirements daily, shape the concepts in wireframes, then turn them into an animated PowerPoint vision for internal…
Validation Testing and refinement

Daily requirement capture and wireframe reviews with a technical fellow kept the vision accurate.
Engineering Handoff, specs, implementation

Visual design, interaction framing, and animation came together in a PowerPoint demonstration for org-wide sharing.

Story

What changed

Blue-sky product vision for Office Live Workspaces
Daily requirement capture with a technical fellow / visionary
Animated PowerPoint used for org-wide evangelism
Visualized social microinteractions and predictive behaviors

Highlights

A quick scan of the moments that best explain the problem, the pivot, and the payoff.

See it in Action

A quick walkthrough of the decision path, interface behavior, and delivery proof behind OFFICE LIVE WORKSPACES FUTURE VISION.

Open in YouTube

Captions and speed controls remain available in-player for fast recruiter review.

Artifacts

Recruiter-ready briefs, findings, specs, and readouts that show how decisions translated into shipped outcomes.

Evidence Index All sets, phases, and artifact references for this case
Download (JSON · 38 KB) Evidence export
Artifact Checklist Spreadsheet-ready list of phase, set, and caption
Download (CSV · 20 KB) Evidence export

OFFICE LIVE WORKSPACES FUTURE VISION

Brief