You are on page 1of 25

Ativiti, alpha wireframe

by Nicholas Frota
July 2008

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Visitor Page

Header
Mus. Donec quam felis, ultricies nec,
pellentesque eu, pretium quis, sem. Nulla
consequat massa quis enim. Donec pede justo,

Join: Your Email


Browse New Settings Help About

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Visitor Page

Mus. Donec quam felis, ultricies nec,


pellentesque eu, pretium quis, sem. Nulla
consequat massa quis enim. Donec pede justo,

About Us Blog Join: Your Email

Right:
Ativity logo, general links

Top Left:
Idea paragraph

Bottom Left:
Join form (modal)

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Visitor Page

Email: test@test.com
Email not in the database,
About Us Blog
Name: First, Last
Join
New user.

Email: test@test.com
Email in the database,
no code set.
Email link

About Us Blog

Email: test@test.com
Email in the database,
About Us Blog
Password:
Email code Join
code set.

Jake´s Amy´s Larry´s Susan´s Rick´s Logged in, unconfirmed


email warning.
All

All Roommate Work Family

Search Actions Dashboard


Mus. Donec quam felis, ultricies nec,
pellentesque eu, pretium quis, sem. Nulla
Resend email link Use another email

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe User Page, Header

Left:
Jake´s Amy´s Larry¥s Susan¥s Rick´s
All

Roommate Work Family

Ativity logo, and Search field


All

Search Actions Dashboard

(defaults to uncompleted
actions, all actions - completed
and uncompleted below)
Right:
1st line, members
2nd line, projects
3rd line, menu

Top-right:
Logout icon

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe User Page, Header

Jake´s 1st page defaults to User, All,


Actions. user list disabled
All Roommate Work Family New Browse
Search Log Actions Help Settings

Jake´s Amy´s Larry¥s Susan¥s Rick´s Project page enables user list,
defaults to User, Actions
All

Roommate Work Family


All

Search Actions Dashboard

All Jake´s Amy´s Larry´s Susan´s Rick´s Log page defaults to All users.
All Roommate Work Family

Search Actions Dashboard

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Browse Criteria

Header
Mus. Donec quam felis, ultricies nec,
pellentesque eu, pretium quis, sem. Nulla
consequat massa quis enim. Donec pede justo,

Join: Your Email

Browse main criteria open,


Browse New Settings Help About

Featured Popular New All Tags

random tags each reload.


Lorem ipsum Dolor sit amet Commodo ligula
dolor sit amet, consectetuer consectetuer adipiscing elit. eget dolor. Aenean massa.
adipiscing elit. Aenean com Aenean commodo ligula Cum sociis natoque
ligula eget dolor. Aenean eget aenean massa. Cum penatibus et magnis dist
massa. Cum sociis natoque sociis natoque penatibus et montes, nascetur ridiculus
penatibus et magnis dis magnis dis parturient mus. Donec quam felis,
parturient montes, nascetur montes, nascetur ridiculus ultricies nec, pellentesque
ridiculus mus. Donec quam mus. Donec quam felis, eu, pretium quis, sem. Nulla
felis, ultricies... ultricies nec... consequat massa...
View View View

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe New Criteria

Browse New Settings Help About

Project Title Tags


Add tag

Title, Goals and Tags fields.


Project Goals

After Create, it goes to Actions


Create
page with 5 blank New Actions.

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Settings Criteria

Browse New Settings Help About

Set Password
Lorem ipsum dolor sit amet,

Password, Avatar dialog


consectetuer adipiscing elit.
Aenean com ligula eget dolor.
Aenean massa. Cum sociis
Repeat password natoque penatibus et magnis dis
parturient montes, nascetur
ridiculus mus. Donec quam felis,

Create

Choose Avatar

Upload Avatar
Lorem ipsum dolor sit amet,
Browse consectetuer adipiscing elit.
Aenean com ligula eget dolor.
Aenean massa. Cum sociis
Browse Upload natoque penatibus et magnis dis

if a specific project is selected,


also project settings.
Project Title Tags Members
Roomate Review x
Project Goals Groceries x
Lorem ipsum dolor sit amet, Family x
consectetuer adipiscing elit. Aenean Add tag
com ligula eget dolor. Aenean massa.
Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur
ridiculus mus. Donec quam felis,

Create

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Help Criteria

Browse New Settings Help About

Each tutorial is a silent video


slideshow, autoplay, loop,
mimicking the user behavior
with text explanations.

More Tutorials

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe About Criteria

Browse New Settings Help About

1 Dolor sit amet, consectetuer adipiscing elit. Aenean com eget

2
About us paragraph, with
dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis,
sem. Nulla consequat massa quis enim. Donec pede justo, fringilla

intentions for Ativiti.


vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,

3
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede
mollis pretium
Integer tincidunt. Cras dapibus. Vivamus elementum semper
nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor
eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante,
dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
metus varius laoreet. Quisque rutrum.

Visit our Blog

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Log Page

All Jake´s Amy´s Larry´s Susan´s Rick´s


All Roommate Work Family
Header
Search
Browse New
Actions Dashboard

Settings Help About


defaults to All Users
Today Thursday, July 15th, 2008

6:45 PM Amy uploaded a file in First Action


4:32 PM Jake added a tag in Third Action
2:07 PM Amy added people in Seventh Action
1:23 PM Larry edited time in Second Action

Log List
11:02 AM Susan edited goals in Third Action
10:35 AM Amy discussed in Seventh Action

Yesterday Wednesday, July 14th, 2008

6:45 PM Amy uploaded a file in First Action


4:32 PM Jake added a tag in Third Action
2:07 PM Amy added people in Seventh Action
1:23 PM Larry edited time in Second Action
11:02 AM Susan edited goals in Third Action
10:35 AM Amy discussed in Seventh Action

2 days ago Tuesday, July 13th, 2008

6:45 PM Amy uploaded a file in First Action


4:32 PM Jake added a tag in Third Action
2:07 PM Amy added people in Seventh Action
1:23 PM Larry edited time in Second Action
11:02 AM Susan edited goals in Third Action
10:35 AM Amy discussed in Seventh Action

3 days ago Monday, July 12th, 2008

6:45 PM Amy uploaded a file in First Action

Navigation
4:32 PM Jake added a tag in Third Action
2:07 PM Amy added people in Seventh Action

Previous logs

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Action Page

Header
Jake´s Amy´s Larry´s Susan´s Rick´s
All

Roommate Work Family


All

Search Actions Dashboard


Browse New Settings Help About

First Action
People Time Info Document Talk

Second Action
People Time Info Document Talk

Action List
Third Action
People Time Info Document Talk

Fourth Action
People Time Info Document Talk

Fifth Action
People Time Info Document Talk

Sixth Action
People Time Info Document Talk

Seventh Action
People Time Info Document Talk

Eighth Action
People Time Info Document Talk

Ninth Action
People Time Info Document Talk

New Action

Navigation
People Time Info Document Talk

20 more actions 150 below

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Action Page

Header
Jake´s Amy´s Larry´s Susan´s Rick´s
All

All Roommate Work Family


Search Actions Dashboard
Browse New Settings Help About

Roommate Project

First Action
People Time Info Document Talk

Roommate Project

Second Action

Action List
People Time Info Document Talk

Roommate Project

Third Action
People Time Info Document Talk

Roommate Project

Fourth Action
People Time Info Document Talk

Roommate Project

Fifth Action
People Time Info Document Talk

Roommate Project

Sixth Action
People Time Info Document Talk

Roommate Project

Seventh Action
People Time Info Document Talk

Project

New Action

Navigation
People Time Info Document Talk

20 more actions 150 below

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Action Page, Action

1st row:
checkbox and Action field
First Action
2nd row, left:
People Time Info Document Talk

People, Time, Info, Document, Talk


criteria.
If blank, low contrast.
If populated, high contrast.
(criteria detection at a glance)

2nd row, right:


up, down, add icons.
Up raises action one level (disabled
if Time is populated)
Down lowers action one level
(disabled if Time is populated)
New adds a blank action right
below

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Action Page, Action subgroups

First Action Rolling over each crtiteria, its


People Time Info Document Talk
contents appear below with a tab
People contents here design, pushing the remaining
actions further down.

Second Action
People Time Info Document Talk

First Action Height is variable.


People Time Info Document Talk

Document contents here

Second Action
People Time Info Document Talk

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Action Page, People criteria

First Action
People Time Info Document Talk

Add Member autocomplete.


Team Members Add Member

Jake Susan Email or name

Amy Rick

Larry Edit Membership Confirm & Send

Team member’s list, defaults to


user. Edit Membership links to
Project Settings.

Confirm & Send button.

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Action Page, Time criteria

First Action
People Time Info Document Talk
Defaults to None, options disabled
None

July 2008 Alarm

1 2 3 4 5 Repeat
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

9 :00 AM

First Action Once date is selected, defaults to


People Time Info Document Talk
day after, title in high contrast and
disabled up and down buttons.
None

July 2008 Alarm

1 2 3 4 5 Repeat
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

9 :00 AM

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Action Page, Time criteria

First Action Alarm sub-criteria selected,


People

None
Time Info Document Talk
defaults to 15 minutes.
July 2008 Alarm

1 2 3 4 5 Repeat
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

9 :00 AM

Notify me 15 minutes before

First Action Alarm and Repeat sub-criteria


People Time Info Document Talk
selected, Repeat defaults to every 1
month.
None

July 2008 Alarm

1 2 3 4 5 Repeat
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

9 :00 AM

Notify me 15 minutes before

Repeat every 1 months

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Action Page, Info criteria

First Action
Blank fields
People Time Info Document Talk

Goals & Info Tags


Email or name Add tag

First Action
Populated fields
People Time Info Document Talk

Goals & Info Tags


Lorem Ipsum Dolor Review x
Groceries x
Family x
Add tag

Move to...
Roommate

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Action Page, Document criteria

First Action
Blank fields
People Time Info Document Talk

Add File Tags


Browse Add tag
Browse Upload

First Action
Populated fields
People Time Info Document Talk

Marketing Review, PDF Tags


30 pages, 135 KB Marketing x
Review x
Update Download
Add tag

July Sales 2008, Excel Tags


15 pages, 142 KB Sales x
Numbers x
Update Download 2008 x

Add tag

Add File Tags


Browse Add tag
Browse Upload

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Action Page, Talk criteria

First Action
Blank fields
People Time Info Document Talk

Write your comment

Jake

Send

First Action
Populated fields
People Time Info Document Talk

Notify me of updates
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis natoque
Jake penatibus et magnis dis parturient montes,
2 hours ago nascetur ridiculus mus. Donec quam felis,

Lorem ipsum dolor sit amet, consectetuer


adipiscing elit. Aenean commodo ligula eget

Amy
2 hours ago

Lorem ipsum dolor sit amet, consectetuer


adipiscing elit. Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis natoque
Larry
penatibus et magnis dis parturient montes,
2 hours ago
nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quis,
sem. Nulla consequat massa quis enim. Donec
pede justo, fringilla vel, aliquet nec, vulputate
eget, arcu. In enim justo, rhoncus ut, imperdiet

Lorem ipsum dolor sit amet, consectetuer


adipiscing elit. Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis natoque
Jake penatibus et magnis dis parturient montes,
2 hours ago nascetur ridiculus mus. Donec quam felis,

Lorem ipsum dolor sit amet, consectetuer


adipiscing elit. Aenean commodo ligula eget

Amy
2 hours ago

Nonlinear Nicholas Frota 917-438-0867


Matters Lorem ipsum dolor
nick@nonlinear.cc sit amet, consectetuer
www.nonlinear.cc
adipiscing elit. Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis natoque
Larry
Ativiti, alpha wireframe Save as Template Page

Jake´s Amy´s Larry´s Susan´s Rick´s


All

Roommate Work Family


All

Search Actions Dashboard

Save as Template button, Benefits


Browse New Settings Help About

tab closed
Save as Template
Benefits

Jake´s Amy´s Larry´s Susan´s Rick´s


All

Roommate Work Family


All

Search Actions Dashboard


Browse New Settings Help About

Save as Template

1
Benefits

Benefits tab open (onmouseover)


Dolor sit amet, consectetuer adipiscing elit. Aenean com eget

2
dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis,
sem. Nulla consequat massa quis enim. Donec pede justo, fringilla
vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,

3
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede
mollis pretium
Integer tincidunt. Cras dapibus. Vivamus elementum semper
nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor
eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante,
dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
metus varius laoreet. Quisque rutrum.

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe Save as Template Page

ding
Pe n

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc
Ativiti, alpha wireframe

Thank You!

Nonlinear Nicholas Frota 917-438-0867


Matters nick@nonlinear.cc www.nonlinear.cc