Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Fixing Lorem Ipsum with Content Prototyping @ SmartWeb in Bucharest

10a4285792e47c507ab4782b6716c0d1?s=47 Marko Dugonjić
September 23, 2014

Fixing Lorem Ipsum with Content Prototyping @ SmartWeb in Bucharest

Are you building a website focused on providing news and announcements that should be published on a regular basis, but still don’t have any real articles? Lots of products and services that should be organised into meaningful categories and multiple content types, but still don’t know which, how many and how deep? Don’t know what content to expect from the client and how long it will take them to deliver it? Hate designing with Lorem Ipsum?

Fortunately, there is something you can do about it. Learn how to set up a framework for content development to help facilitate the delivery of concise and useful information that will turn your client’s visitors into confident and engaged customers.

10a4285792e47c507ab4782b6716c0d1?s=128

Marko Dugonjić

September 23, 2014
Tweet

Transcript

  1. FIXING LOREM IPSUM with CONTENT PROTOTYPING ! — ! Marko

    Dugonjić SmartWeb • Bucharest • 23. 09. 2014.
  2. @markodugonjic

  3. None
  4. Creative Nights

  5. Source: h p://blog.njuskalo.hr/brojke-koje-pricaju-pricu (visits)

  6. 3.000.000 MONTHLY VISITS ! ! ! 4.500.000 POPULATION OF CROATIA

  7. MENU • Designing in the Blind Ge ing the Initial

    Content Content Prototyping Designing the Content
  8. DESIGNING in the BLIND 4

  9. “We are the industry leaders.” “We are commi ed to

    excellence.” “Our customers are our greatest value.” logo.gif 3 months before…
  10. Night Shi 1 week before…

  11. Site Index Quick Guides Infographics Process Description Terms, Conditions, Guarantee

    Terms Explanations Customer Support Content About the Company 3 days before…
  12. UNKNOWN CONTENT = GENERIC DESIGN

  13. “ 80% of a website’s development is spent talking about

    what links go in the navigation. — Dave Rupert Paravel
  14. LOGO COLORS CORNERS SHADOWS

  15. Editing is easier than writing from scratch.

  16. The Fear

  17. VISUAL DESIGN FRONT-END DEVELOPMENT CONTENT CMS INTEGRATION

  18. Everybody Unhappy

  19. GETTING the INITIAL CONTENT 3

  20. Google Alert Brochures and Reports Find the FAQ Why? Why?

    Why? Ask friends to Ask Questions Steal the Competition Content Bring your Camera
  21. CONTENT PROTOTYPING 2

  22. Unstyled CMS

  23. Share Responsibility

  24. Facilitate Authoring

  25. Content Lifespan

  26. PERMANENT CONTENT

  27. Enter Everything you Already Have ! ! !

  28. Enter Everything you Already Have Create Content Templates ! !

  29. Enter Everything you Already Have Create Content Templates ! !

    Gradual Disclosure ! ! ! !
  30. None
  31. None
  32. None
  33. Gradual Disclosure Beginners’ Guides ! ! !

  34. Step 1 Step 2 Step 3 Step 4 Step 5

  35. Gradual Disclosure Beginners’ Guides Purchasing Process ! !

  36. 1 2 3 4

  37. None
  38. Gradual Disclosure Beginners’ Guides Purchasing Process Glossary !

  39. A E C D B F J H I G

    K O M N L P T R S Q U V W X Z Y
  40. Gradual Disclosure Beginners’ Guides Purchasing Process Glossary Company History

  41. 1880 1920 1950 2000 1990

  42. Gradual Disclosure Beginners’ Guides Purchasing Process Glossary Company History Employees’

    Profiles
  43. 3 3 3

  44. Enter Everything you Already Have Create Content Templates Hi-Res Photos

    ! Gradual Disclosure Beginners’ Guides Purchasing Process Glossary Company History Employees’ Profiles
  45. Enter Everything you Already Have Create Content Templates Hi-Res Photos

    Trim the Strings Deadline
  46. TEMPORARY CONTENT

  47. Publishing Schedule Recurring Seasonal Activities A List of Topics 3

    Articles per Category Deadline
  48. DESIGNING the CONTENT 1

  49. Typography ! ! ! !

  50. Food DANGER! SEX SPORT movies Gardening

  51. Typography Key Facts ! ! !

  52. NEW CPU SPEED

  53. MILLISECONDS IMPROVEMENT 500

  54. Typography Key Facts Layout Based on Information Density ! !

  55. None
  56. Typography Key Facts Layout Based on Information Density Image Variations

    and Ratios !
  57. None
  58. Typography Key Facts Layout Based on Information Density Image Variations

    and Ratios Revise Main Navigation
  59. Development Agency Zagreb | raza.hr Home Entrepreneurial Guides Business Glossary

    Education (Seminars) Services for Entrepreneurs Action Grants Support programs Development projects
  60. Typography Key Facts Layout Based on Information Density Image Variations

    and Ratios Revise Main Navigation Homepage Hierarchy
  61. PRODUCTS PRODUCTS SERVICES ABOUT SERVICES ABOUT

  62. containerist.org @KonstantinWeiss

  63. ❤ BONUS

  64. Expectations are Set Early On The Client Understands the User

    Accessibility > Aesthetics Structure and Consistency Form Follows Function Interesting Information
  65. None
  66. “ […] we improved the overall communication with our customers

    and learned how to explain complex concepts in simple words. — Frane Šesnić CEO, Development Agency Zagreb
  67. MULTUMESC!