Agnostic

36
1.Proposal 2.Groups 3.Shout Out! 4.Cases 5.Appendix System: agnostic

Transcript of Agnostic

Page 1: Agnostic

1.Proposal2.Groups3.Shout Out!4.Cases5.Appendix

System: agnostic

Page 2: Agnostic

Four

squa

re

1.Proposal

Twit

ter

Face

book

Link

edin

Syst

em

oauth permissions

messages, updates

What user sees

Page 3: Agnostic

1.Proposalagnostic social network

uses existing social networks as enginesocial networks as

commoditiesdumb pipes

Bring Your Own communication Method

Page 4: Agnostic

A.typesB.mapC.progressive reveal

2.Groups

Page 5: Agnostic

2.Group typesPlaces

NYC, RIo, LondonInterests

knitting, dancing, tech, religion, design, activism, Sports, etc.

FrequencyTrending, Losing Touch, Mutual

InstitutionsWorkplaces, universities, family

CompoundAnd/or/Not

Page 6: Agnostic

A.typesB.mapC.progressive reveal

2.Groups

Page 7: Agnostic

Design Group

Alice

Bob

Charlie

2.Group map

Page 8: Agnostic

Design Group

Alice

Bob

Charlie

2.Group map

Alice

ALICE SEES HER DESIGN FRIENDS

Page 9: Agnostic

Design Group

Alice

Bob

Charlie

2.Group mapBob’sAlice’s friend design group

Bob

Page 10: Agnostic

Design Group

Alice

Bob

Charlie

2.Group mapCharlie’sAnother alice’s friend design group

Charlie

Page 11: Agnostic

Design Group

Alice

Bob

Charlie

2.Group mapAlice’s Friend-of-friendDesignnetworksimplified

Page 12: Agnostic

A.typesB.mapC.progressive reveal

2.Groups

Page 13: Agnostic

2.progressive revealability to customize what users see of you, based on group it belongs.* System-to-System users only

Design Family Coworkers friends

Show Twitter, Portfolio, email, but no Facebook.

Show phone, facebook,but no twitter.

Show phone, linkedin, work email, portfolio, but no facebook.

Show phone, facebook,twitter but no portfolio, work email.

Page 14: Agnostic

A.proposalB.anatomy

3.Shout Out!

Page 15: Agnostic

3.Shout Out!atomic pageno menu or discussionusers shout out:events, pleas, offers, manifestos, proposals,Questions, suggestions, Rants, lists, collections,etc.

Page 16: Agnostic

A.proposalB.anatomy

3.Shout Out!

Page 17: Agnostic

Lorem Ipsum Dolor Sit Amet Consectuer

Nicholas Frota NYC, 3 hours ago

Aenean ullamcorper, lectus vel consectetur ultricies, libero enim semper justo, non rutrum nibh sem aliquet quam. Praesent sed arcu ac tellus tincidunt lobortis. Vestibulum aliquam accumsan ante, a accumsan purus fermentum at.

Vestibulum auctor massa ut sapien viverra, ut adipiscing sapien venenatis. In ut enim feugiat, cursus metus quis, tincidunt quam. Proin quis molestie ante.

< >

......

Join Brewster%UHZVWHU�OHW·V�\RX�RUJDQL]H�\RXU�IULHQGV�LQ�

groups & create shout outs like this one to be SRVWHG�LQ�\RXU�VRFLDO�QHWZRUN�RI�FKRLFH

3.Shout Out anatomyWEbpage, responsive

Page 18: Agnostic

Lorem Ipsum Dolor Sit Amet Consectuer

Nicholas Frota NYC, 3 hours ago

Aenean ullamcorper, lectus vel consectetur ultricies, libero enim semper justo, non rutrum nibh sem aliquet quam. Praesent sed arcu ac tellus tincidunt lobortis. Vestibulum aliquam accumsan ante, a accumsan purus fermentum at.

Vestibulum auctor massa ut sapien viverra, ut adipiscing sapien venenatis. In ut enim feugiat, cursus metus quis, tincidunt quam. Proin quis molestie ante.

< >

......

Join Brewster%UHZVWHU�OHW·V�\RX�RUJDQL]H�\RXU�IULHQGV�LQ�

groups & create shout outs like this one to be SRVWHG�LQ�\RXU�VRFLDO�QHWZRUN�RI�FKRLFH

3.Shout Out anatomyStand alone:no menus or navigation

Page 19: Agnostic

Lorem Ipsum Dolor Sit Amet Consectuer

Nicholas Frota NYC, 3 hours ago

Aenean ullamcorper, lectus vel consectetur ultricies, libero enim semper justo, non rutrum nibh sem aliquet quam. Praesent sed arcu ac tellus tincidunt lobortis. Vestibulum aliquam accumsan ante, a accumsan purus fermentum at.

Vestibulum auctor massa ut sapien viverra, ut adipiscing sapien venenatis. In ut enim feugiat, cursus metus quis, tincidunt quam. Proin quis molestie ante.

< >

......

Join Brewster%UHZVWHU�OHW·V�\RX�RUJDQL]H�\RXU�IULHQGV�LQ�

groups & create shout outs like this one to be SRVWHG�LQ�\RXU�VRFLDO�QHWZRUN�RI�FKRLFH

3.Shout Out anatomycontent: text, images, gallery, videos, embeds...

Page 20: Agnostic

Lorem Ipsum Dolor Sit Amet Consectuer

Nicholas Frota NYC, 3 hours ago

Aenean ullamcorper, lectus vel consectetur ultricies, libero enim semper justo, non rutrum nibh sem aliquet quam. Praesent sed arcu ac tellus tincidunt lobortis. Vestibulum aliquam accumsan ante, a accumsan purus fermentum at.

Vestibulum auctor massa ut sapien viverra, ut adipiscing sapien venenatis. In ut enim feugiat, cursus metus quis, tincidunt quam. Proin quis molestie ante.

< >

......

Join Brewster%UHZVWHU�OHW·V�\RX�RUJDQL]H�\RXU�IULHQGV�LQ�

groups & create shout outs like this one to be SRVWHG�LQ�\RXU�VRFLDO�QHWZRUN�RI�FKRLFH

3.Shout Out anatomyPermalink: users can toss it across different social networks

Page 21: Agnostic

Lorem Ipsum Dolor Sit Amet Consectuer

Nicholas Frota NYC, 3 hours ago

Aenean ullamcorper, lectus vel consectetur ultricies, libero enim semper justo, non rutrum nibh sem aliquet quam. Praesent sed arcu ac tellus tincidunt lobortis. Vestibulum aliquam accumsan ante, a accumsan purus fermentum at.

Vestibulum auctor massa ut sapien viverra, ut adipiscing sapien venenatis. In ut enim feugiat, cursus metus quis, tincidunt quam. Proin quis molestie ante.

< >

......

Join Brewster%UHZVWHU�OHW·V�\RX�RUJDQL]H�\RXU�IULHQGV�LQ�

groups & create shout outs like this one to be SRVWHG�LQ�\RXU�VRFLDO�QHWZRUN�RI�FKRLFH

3.Shout Out anatomyViral: non-System users are asked to join.

Join Brewster%UHZVWHU�OHW·V�\RX�RUJDQL]H�\RXU�IULHQGV�LQ�

JURXSV��FUHDWH�VKRXW�RXWV�OLNH�WKLV�RQH�WR�EH�SRVWHG�LQ�\RXU�VRFLDO�QHWZRUN�RI�FKRLFH

Page 22: Agnostic

Lorem Ipsum Dolor Sit Amet Consectuer

Nicholas Frota NYC, 3 hours ago

Aenean ullamcorper, lectus vel consectetur ultricies, libero enim semper justo, non rutrum nibh sem aliquet quam. Praesent sed arcu ac tellus tincidunt lobortis. Vestibulum aliquam accumsan ante, a accumsan purus fermentum at.

Vestibulum auctor massa ut sapien viverra, ut adipiscing sapien venenatis. In ut enim feugiat, cursus metus quis, tincidunt quam. Proin quis molestie ante.

< >

......

Join Brewster%UHZVWHU�OHW·V�\RX�RUJDQL]H�\RXU�IULHQGV�LQ�

groups & create shout outs like this one to be SRVWHG�LQ�\RXU�VRFLDO�QHWZRUN�RI�FKRLFH

3.Shout Out anatomyViral:System users are asked to toss content to their network

Toss it!Toss it to your Design friends >

Page 23: Agnostic

Lorem Ipsum Dolor Sit Amet Consectuer

Nicholas Frota NYC, 3 hours ago

Aenean ullamcorper, lectus vel consectetur ultricies, libero enim semper justo, non rutrum nibh sem aliquet quam. Praesent sed arcu ac tellus tincidunt lobortis. Vestibulum aliquam accumsan ante, a accumsan purus fermentum at.

Vestibulum auctor massa ut sapien viverra, ut adipiscing sapien venenatis. In ut enim feugiat, cursus metus quis, tincidunt quam. Proin quis molestie ante.

< >

......

Join Brewster%UHZVWHU�OHW·V�\RX�RUJDQL]H�\RXU�IULHQGV�LQ�

groups & create shout outs like this one to be SRVWHG�LQ�\RXU�VRFLDO�QHWZRUN�RI�FKRLFH

3.Shout Out anatomyViral:owner can view analytics and edit content.

Edit View AnalyticsViewed by 25 people

Page 24: Agnostic

A.technical pleaB.Travel Tips

4.Cases

Page 25: Agnostic

4.Case 1: pleaAna is having issues with her new sewing machine

she documents her problems and shouts out to her sewing group

Erica, Ana’s friend on sewing group, receives it via twitter, and toss it to a friend that had the same issue

Erica’s Friend points ana to a tumblr post he wrote detailing how to fix the problem

Page 26: Agnostic

A.technical pleaB.Travel Tips

4.Cases

Page 27: Agnostic

4.Case 2: travelMike is going to Berlin first time, and wants to know cool art/design hangouts

He filters his art group for friends that had been in berlin before and shout out his question, along with dates he’ll be there

his friends are happy to point out cool galleries and events

Mike collects all tips in his shout out and uses it to navigate the City

Page 28: Agnostic

A.Edge CasesB.Actionable MenuC.other ideasD.To Add

5.Appendix

Page 29: Agnostic

5.edge casesCelebrities/Mega HubsAccidental fameblocking and invisibilityStalking/beef/EXEs/shunning

how personal can analytics be?how agnostic can discussions be?pseudonimityrevoking access policy

Page 30: Agnostic

A.Edge CasesB.Actionable MenuC.other ideasD.To Add

5.Appendix

Page 31: Agnostic

5.actionable menuquick connect with friends: press / hold any contact avatar...

...for a radial menu to appear with best way to communicate.

just slide/release to trigger option, or release without slide to cancel it

Page 32: Agnostic

A.Edge CasesB.Actionable MenuC.other ideasD.To Add

5.Appendix

Page 33: Agnostic

5.other ideassystem scraps friend feeds for videos or articles for:

daily newspaperweekly “best of” magazinevideo programming

groups as channelsperfect for ipadtoss/shout out/actionable menu per item

Page 34: Agnostic

A.Edge CasesB.Actionable MenuC.other ideasD.To Add

5.Appendix

Page 35: Agnostic

5.to addevents & campaigns

kickstarter, meetup

Musiclast.fm, soundcloud, rdio

Fitnessnike, fitbit, mapmyrun

Techgithub, codepen.io

collectionspinterest, formspring, tumblr