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.

Transcript

1. FIXING LOREM IPSUM with CONTENT PROTOTYPING ! — ! Marko Dugonjić SmartWeb • Bucharest • 23. 09. 2014.
2. @markodugonjic
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 ! ! ! !
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
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 ! !
56. Typography Key Facts Layout Based on Information Density Image Variations and Ratios !
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
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!