Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
BEST PRACTICES VS REALITY
How to create amazing websites
under un-amazing circumstances

NICA LORBER
@nicelobster
NICA LORBER
Creative Director & Web Strategist
chapterthree.com
•

You get inspired

•

You meet cool people

•

You learn new techniques

•

You get psyched about the future

•

And you...
!
BEST PRACTICES
Yet, the internet is a very big place.
Can there really be one set of BEST PRACTICES to rule them all?
WHAT MATTERS:
RESULTS
on time • on budget • happy client
WEBSITES

WEB APPS

MOBILE APPS
DRUPAL "
WEBSITE "

#
THIS IS OUR CONTEXT
PICK THE RIGHT “BEST PRACTICE” FOR YOU

ASK:

1. What are the goals?
2. What’s my timeline?
3. What’s the budget?
4. Who i...
WHAT ARE SOME OF THESE BEST PRACTICES?
BEST PRACTICE: CONTENT FIRST
THE REALITY: THIS CLIENT DOESN’T EXIST
SO WHAT’S THE SOLUTION?
CREATE STRUCTURE WHERE YOU CAN,
AND FLEXIBLE SYSTEMS FOR THE REST
Identify opportunities for structured content
"
"

"

"
"
"
"
COMMON STRUCTURED CONTENT
BLOG

IN THE NEWS

PRESS RELEASE

•Title

•Article

•Title

•Author
•Body
•Categories
•Image/Vid...
CREATE FLEXIBLE DESIGN SYSTEMS

#
“Chunks,
not blobs”
EXAMPLE:
GOALS

CONTENT CHUNKS

•Communicate

•Video/key

•Increase
•Entice

value of services

brand trust

people to delve furthe...
NOTE…
Few clients still spend that much time on their content even when given these flexible systems.
The content problem i...
BEST PRACTICE: MOBILE FIRST
THE REALITY:
Many clients don’t have the money resources to do this.
SO WHAT’S THE SOLUTION?
HELP CLIENTS SHORT TERM
WITH THEIR BURNING NEEDS.
!

CRAFT MORE THOUGHTFUL SOLUTIONS
WHEN THEY HAVE RESOURCES.
WHAT IS THE PROBLEM?

HOW CAN WE ADD VALUE?
FORM LONG TERM PARTNERSHIPS
WE ARE HELPING CCA WITH:
" MOBILE DESIGN
" USABILITY TESTING
" CONTENT STRATEGY
" NEXT: IA OVE...
CONTENT STRATEGY
BEST PRACTICE: 

DESIGN IN THE BROWSER
THE REALITY:
REFINE IN THE BROWSER
The design process still stands
" DEFINE GOALS
" RESEARCH
" SITE MAP
" ARCHITECT
" VISUAL DESIGN
DESIGN IN THE BROWSER IS GREAT FOR:
•

Highly interactive sites

•

Responsive design refinement

•

Quickly responding to ...
BUT IT’S NOT ALWAYS NECESSARY
Many sites are straight forward and don’t need it.
Rapid Drupal architecting without underst...
This is the architecture equivalent of Agile development.
PICK THE RIGHT “BEST PRACTICE” FOR YOU

ASK:

1. What are the goals?
2. What’s my timeline?
3. What’s the budget?
4. Who i...
WHAT IS THE PROBLEM?

HOW CAN WE ADD VALUE?
WHAT IS A BUSINESS?

http://book.personalmba.com/5-parts-of-every-business/ - by Josh Kaufman
HOW DO WE HELP WITH THESE PROCESSES?

WE HAVE TO GROW - WE ARE BECOMING
MORE THAN WEB DESIGNERS AND DEVELOPERS
http://book...
WE ARE:
• BUSINESS STRATEGISTS
• MARKETERS
• PARTNERS
GOALS NOT TOOLS
ANALYSIS

EXECUTION

STRATEGY
KPIs
GOALS
http://moz.com/blog/setting-goals-not-tools-as-the-foundation-of-...
PICK THE RIGHT “BEST PRACTICE” FOR YOU

ASK:

1. What are the goals?
2. What’s my timeline?
3. What’s the budget?
4. Who i...
THANK YOU

NICA LORBER
Creative Director & Web Strategist
chapterthree.com

$ nicelobster
Best practices vs. reality: How to create amazing websites under un-amazing circumstances
Best practices vs. reality: How to create amazing websites under un-amazing circumstances
Best practices vs. reality: How to create amazing websites under un-amazing circumstances
Best practices vs. reality: How to create amazing websites under un-amazing circumstances
Upcoming SlideShare
Loading in …5
×

Best practices vs. reality: How to create amazing websites under un-amazing circumstances

1,345 views

Published on

t's a reality that web designers, developers, and UXers live with every day: there is a tension between the best practices touted by industry leaders and the reality of getting the job done. Common challenges include:
- A content-first approach to web design doesn't work if the client has no content.
- A mobile-first approach doesn't work if the client only has the budget to deal with desktop.
- Compelling content can't exist if the client doesn't have the resources to create it.

And yet, great websites are still produced. We overcome hurdles like these on every single project. Over time we've gotten better at dealing with a lack of copy, images, key messaging, staff resources, and time.

So what's our solution?

Flexibility.

Understanding the "real" problem is the starting point for figuring out how to deliver the highest value. We have a rock-solid process that we regularly adapt to solve our clients' actual problems.

Published in: Design, Technology, Business
  • Be the first to comment

Best practices vs. reality: How to create amazing websites under un-amazing circumstances

  1. 1. BEST PRACTICES VS REALITY How to create amazing websites under un-amazing circumstances NICA LORBER @nicelobster
  2. 2. NICA LORBER Creative Director & Web Strategist chapterthree.com
  3. 3. • You get inspired • You meet cool people • You learn new techniques • You get psyched about the future • And you learn…
  4. 4. ! BEST PRACTICES
  5. 5. Yet, the internet is a very big place. Can there really be one set of BEST PRACTICES to rule them all?
  6. 6. WHAT MATTERS: RESULTS on time • on budget • happy client
  7. 7. WEBSITES WEB APPS MOBILE APPS
  8. 8. DRUPAL " WEBSITE " # THIS IS OUR CONTEXT
  9. 9. PICK THE RIGHT “BEST PRACTICE” FOR YOU ASK: 1. What are the goals? 2. What’s my timeline? 3. What’s the budget? 4. Who is my team? 5. What are their strengths?
  10. 10. WHAT ARE SOME OF THESE BEST PRACTICES?
  11. 11. BEST PRACTICE: CONTENT FIRST
  12. 12. THE REALITY: THIS CLIENT DOESN’T EXIST
  13. 13. SO WHAT’S THE SOLUTION?
  14. 14. CREATE STRUCTURE WHERE YOU CAN, AND FLEXIBLE SYSTEMS FOR THE REST
  15. 15. Identify opportunities for structured content " " " " " " "
  16. 16. COMMON STRUCTURED CONTENT BLOG IN THE NEWS PRESS RELEASE •Title •Article •Title •Author •Body •Categories •Image/Video •Comments title •Article source •Image (optional) •Logo of source (optional) •Date •Author •Body •Date •Link to download •Press contact •Categories EVENTS WHITE PAPERS VIDEOS LEADERSHIP •Title •Title •Title •Thumbnail •Location •Author •Video •Name •Time •Date range •Date (s) •Description •Register •Teaser •Download Imbed •Thumbnail •Categories •Date •Title •Bio •Social media links
  17. 17. CREATE FLEXIBLE DESIGN SYSTEMS # “Chunks, not blobs”
  18. 18. EXAMPLE:
  19. 19. GOALS CONTENT CHUNKS •Communicate •Video/key •Increase •Entice value of services brand trust people to delve further •Text chunks (2 - 8) •Imagery •Client CTAs •Sign up for a live demo •Contact •30 US day trial image + text optional endorsement quote •Related content •blogs, white papers, videos, webinars, data sheets
  20. 20. NOTE… Few clients still spend that much time on their content even when given these flexible systems. The content problem is often rooted deep within the structure of the organization.
  21. 21. BEST PRACTICE: MOBILE FIRST
  22. 22. THE REALITY: Many clients don’t have the money resources to do this.
  23. 23. SO WHAT’S THE SOLUTION?
  24. 24. HELP CLIENTS SHORT TERM WITH THEIR BURNING NEEDS. ! CRAFT MORE THOUGHTFUL SOLUTIONS WHEN THEY HAVE RESOURCES.
  25. 25. WHAT IS THE PROBLEM? HOW CAN WE ADD VALUE?
  26. 26. FORM LONG TERM PARTNERSHIPS WE ARE HELPING CCA WITH: " MOBILE DESIGN " USABILITY TESTING " CONTENT STRATEGY " NEXT: IA OVERHAUL
  27. 27. CONTENT STRATEGY
  28. 28. BEST PRACTICE: 
 DESIGN IN THE BROWSER
  29. 29. THE REALITY: REFINE IN THE BROWSER
  30. 30. The design process still stands " DEFINE GOALS " RESEARCH " SITE MAP " ARCHITECT " VISUAL DESIGN
  31. 31. DESIGN IN THE BROWSER IS GREAT FOR: • Highly interactive sites • Responsive design refinement • Quickly responding to user testing • Or if that is your fastest and most effective tool
  32. 32. BUT IT’S NOT ALWAYS NECESSARY Many sites are straight forward and don’t need it. Rapid Drupal architecting without understanding the detailed functionality the whole website can have significant trade offs…
  33. 33. This is the architecture equivalent of Agile development.
  34. 34. PICK THE RIGHT “BEST PRACTICE” FOR YOU ASK: 1. What are the goals? 2. What’s my timeline? 3. What’s the budget? 4. Who is my team? 5. What are their strengths?
  35. 35. WHAT IS THE PROBLEM? HOW CAN WE ADD VALUE?
  36. 36. WHAT IS A BUSINESS? http://book.personalmba.com/5-parts-of-every-business/ - by Josh Kaufman
  37. 37. HOW DO WE HELP WITH THESE PROCESSES? WE HAVE TO GROW - WE ARE BECOMING MORE THAN WEB DESIGNERS AND DEVELOPERS http://book.personalmba.com/5-parts-of-every-business/ - by Josh Kaufman
  38. 38. WE ARE: • BUSINESS STRATEGISTS • MARKETERS • PARTNERS
  39. 39. GOALS NOT TOOLS ANALYSIS EXECUTION STRATEGY KPIs GOALS http://moz.com/blog/setting-goals-not-tools-as-the-foundation-of-your-marketing-whiteboard-friday Mackenzie Fogelson
  40. 40. PICK THE RIGHT “BEST PRACTICE” FOR YOU ASK: 1. What are the goals? 2. What’s my timeline? 3. What’s the budget? 4. Who is my team? 5. What are their strengths?
  41. 41. THANK YOU NICA LORBER Creative Director & Web Strategist chapterthree.com $ nicelobster

×