“Interactive work that no oneinteracts with is a problem.Don’t confuse the user, providea clear call-to-action.”Excerpt fr...
QUIZ?
QUESTIONS?
@ALEXANDERREAalexander@alexanderrea.com
SKINNYwww.skinnynyc.com
THANKS!
GET IT DONE. MAKE IT WORK.The steps are easy.•   Determine the front-end technology?•   Where will it live?•   Managing po...
DECONSTRUCTREVERSE ENGINEERING
QUESTIONHAVE YOU BUILT ANYTHING?
de·con·struct /ˌdēkənˈstrəkt/ Analyze (a text or a linguistic or conceptual system)by deconstruction, typically in order t...
“Digital production is not just sending afile to the other floor to be printed. Youneed to sit down and talk to your teamabo...
“Do more planning in thebeginning so there is lesswork needed at the end.”Alexander Rea
BREAKING IT DOWNTHE ELEMENTS
THERE IS NOSILVER BULLETEVERY PROJECT IS DIFFERENT
MAKE IT WORKThe steps are easy. There are pitfalls everywhere. Never make assumptions. Everyproject is different.•   What ...
THE ELEMENTS
THE ELEMENTS OF THE PROJECT   Hosting              Front-end   Workflow     1                     3          5    Ho       ...
1. HOSTING OPTIONSYOUR CLIENT’SIT DEPARTMENTDOES NOTCARE. SORRY.
1. HOSTING SOLUTIONAMAZON’S SERVICESPROVIDED ANAMAZING ABILITY TOMEET DEMAND
7001. HOSTING SOLUTIONAMAZON’S SERVICES                                                        560PROVIDED AN             ...
1. HOSTING SOLUTION
2. BACK-END SOLUTIONWORDPRESS WAS CHOSEN FOR IT’S VERSATILITY
2. BACK-END SOLUTIONWORDPRESS WAS CHOSEN FOR IT’S VERSATILITY•   Supported by a global-community•   Built on a standards-b...
1. FRONT-END OPTIONSHTML OR FLASH
1. FRONT-END SOLUTIONHTML OR FLASH
1. MEASURE SOLUTIONGOOGLE ANALYTICS
1. WORKFLOW SOLUTIONWEBBASED AND INSTANT MESSAGING SMALL TEAMS
PITFALLS AREEVERYWHEREBUT NOT HIDDEN
BUILD ITRIGHT THEFIRST TIMEOR BUILD IT TWICE
FOLLOW AT LEAST THESE@darrelwhitelaw  @malbonnington@bastholm        @vanhoven@rachelsterne    @ischafer@baratunde       @...
EXTRAS
HELPFUL RESOURCESPSD2HTML                              DESIGNERS TOOLBOX                    A LIST APARTTurns your PSD int...
ECOSYSTEMWhen you think of your content as part of a whole you might find yourself creating abetter experience for your aud...
Pushed to Facebook user’s wall                                                                  Pushed to Twitter user’s s...
THE END
She Says 092311
She Says 092311
She Says 092311
Upcoming SlideShare
Loading in …5
×

She Says 092311

425 views
342 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
425
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

She Says 092311

  1. 1. “Interactive work that no oneinteracts with is a problem.Don’t confuse the user, providea clear call-to-action.”Excerpt from Boulder Digital Works #10rulesCaT NYC 2010
  2. 2. QUIZ?
  3. 3. QUESTIONS?
  4. 4. @ALEXANDERREAalexander@alexanderrea.com
  5. 5. SKINNYwww.skinnynyc.com
  6. 6. THANKS!
  7. 7. GET IT DONE. MAKE IT WORK.The steps are easy.• Determine the front-end technology?• Where will it live?• Managing post-launch?• Structure? Will there be dev and staging?• How will production be managed?
  8. 8. DECONSTRUCTREVERSE ENGINEERING
  9. 9. QUESTIONHAVE YOU BUILT ANYTHING?
  10. 10. de·con·struct /ˌdēkənˈstrəkt/ Analyze (a text or a linguistic or conceptual system)by deconstruction, typically in order to expose itshidden internal assumptions and contradictionsand subvert its apparent significance or unity(in general use) Dismantle
  11. 11. “Digital production is not just sending afile to the other floor to be printed. Youneed to sit down and talk to your teamabout the technology needs at the startof the project. Have your technologistsin the creative and strategy sessions.It’s not a bolt-on at the end.”Alexander Rea
  12. 12. “Do more planning in thebeginning so there is lesswork needed at the end.”Alexander Rea
  13. 13. BREAKING IT DOWNTHE ELEMENTS
  14. 14. THERE IS NOSILVER BULLETEVERY PROJECT IS DIFFERENT
  15. 15. MAKE IT WORKThe steps are easy. There are pitfalls everywhere. Never make assumptions. Everyproject is different.• What does this thing do?• Where will this live and for how long?• Does the content need to be updated often?• Determine the front-end technology?• Where will it live?• Managing post-launch?• Structure? Will there be dev and staging?• How will production be managed?
  16. 16. THE ELEMENTS
  17. 17. THE ELEMENTS OF THE PROJECT Hosting Front-end Workflow 1 3 5 Ho Fr Wo Back-end Measure Scale 2 4 6 Ba Me Sc
  18. 18. 1. HOSTING OPTIONSYOUR CLIENT’SIT DEPARTMENTDOES NOTCARE. SORRY.
  19. 19. 1. HOSTING SOLUTIONAMAZON’S SERVICESPROVIDED ANAMAZING ABILITY TOMEET DEMAND
  20. 20. 7001. HOSTING SOLUTIONAMAZON’S SERVICES 560PROVIDED AN 420AMAZING ABILITY TO 280MEET DEMAND 140 0 AVERAGE TRAFFIC 24 HOUR TRAFFIC FROM MEDIA BUY
  21. 21. 1. HOSTING SOLUTION
  22. 22. 2. BACK-END SOLUTIONWORDPRESS WAS CHOSEN FOR IT’S VERSATILITY
  23. 23. 2. BACK-END SOLUTIONWORDPRESS WAS CHOSEN FOR IT’S VERSATILITY• Supported by a global-community• Built on a standards-based framework• Ability for non-developers to update
  24. 24. 1. FRONT-END OPTIONSHTML OR FLASH
  25. 25. 1. FRONT-END SOLUTIONHTML OR FLASH
  26. 26. 1. MEASURE SOLUTIONGOOGLE ANALYTICS
  27. 27. 1. WORKFLOW SOLUTIONWEBBASED AND INSTANT MESSAGING SMALL TEAMS
  28. 28. PITFALLS AREEVERYWHEREBUT NOT HIDDEN
  29. 29. BUILD ITRIGHT THEFIRST TIMEOR BUILD IT TWICE
  30. 30. FOLLOW AT LEAST THESE@darrelwhitelaw @malbonnington@bastholm @vanhoven@rachelsterne @ischafer@baratunde @rickwebb@grokstar @cindygallop
  31. 31. EXTRAS
  32. 32. HELPFUL RESOURCESPSD2HTML DESIGNERS TOOLBOX A LIST APARTTurns your PSD into a functioning A variety of templates including For people who make websites.HTML page. They can add web browser frames and web-safeJavaScript and even do WordPress areas. Articles covering topics such astemplates. Founded in 2005, they code, content and culture.claim to now have 50,000 clients. Helpful when you need to mock something up inside of a browser Though targeted towardsGreat for rapid-prototypes and window to simulate the actual user developers the articles are writtengetting a proof-of-concept in front experience. in a friendly manner to the nonof the client fast. technical and could provide some www.designerstoolbox.com solid educational reading.Excellent customer service. www.alistpart.comInexpensive with a quickturnaround.www.psd2html.com
  33. 33. ECOSYSTEMWhen you think of your content as part of a whole you might find yourself creating abetter experience for your audience.• Detail drill-down (TBD)
  34. 34. Pushed to Facebook user’s wall Pushed to Twitter user’s stream Shared and OpenGraphed on Facebook Shared on Twitter Indexed by search engines COMMENTS Shared on Facebook BODY TEXT OpenGraphed on Facebook Indexed by search engines IMAGE NAMES Subscribed and shared RSS Indexed by search engines CONTENT URL SITEMAP Liked on Facebook Shared on Facebook HEADLINE OpenGraphed on Facebook Shared on Twitter Submitted to Google Indexed by search engines Submitted to Bing! Shortened by Bit.ly Indexed by search engines Linked to from external sites Shared on Facebook OpenGraphed on Facebook Shared on TwitterSKINNY Content Ecosystem 1.0By Alexander Rea Indexed by search engines SKINNY Content Ecosystem 1.0 by Alexander Rea is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.
  35. 35. THE END

×