�ݺ�ߣshows by User: nhellberg

�ݺ�ߣshows by User: nhellberg / http://www.slideshare.net/images/logo.gif �ݺ�ߣshows by User: nhellberg / Sat, 11 Aug 2018 20:10:17 GMT �ݺ�ߣShare feed for �ݺ�ߣshows by User: nhellberg Content-Driven Design /slideshow/contentdriven-design/109532367 content-driven-designuxcamphh2018full-180811201017
A talk I gave at UX Camp Hamburg 2018 Speaker notes: 6 – Focus on bridging the gap between design and code 10 – Bill Bernbach, founder of DDB 11 – An idea in the 1960s. Sounds not that innovative today but at this time it was. And if we look at product and design processes in many companies it is still not very common. 12 – People working in advertising or knowing Mad Men probably know some of DDB’s iconic and radical ads from the period 14 – Thich Nhat Hanh is a writer, activist and teacher and calls this concept "interbeing". Nicole Fenton brings this quote up because it helped her to understand what makes a design project successful and even possible in the first place 15 – Major Guardian redesign in 2014 16 – This was the first sentence when talking about the major redesign of the Guardian 17 – They did several ideation workshops with colleagues in editorial and worked together with the agency iA (Oliver Reichenstein and Konstantin Weiss) 19 – „With the container model we move away from thinking about specific pages on the site and how they might be filled with content, instead we start first with the content and each page is simply seen as a series of containers“ 20 – The order is what makes most sense to the business and our audience (priority). It was discovered by testing. 23 – Announced NYT Redesign August 2018 25 – Wireframes showing how feedback influenced content presentation 26 – Variations of so called "story packages" 27 – GIF shows how the Orlando shooting story evolved over 4 days. On one hand it’s amazing how the NYT works on the other hand it’s amazing what the website is capable of. 28 – Mailchimp content style guide 29 – Principles & Voice. Mailchimp is giving its employees clear and extensive guidelines 32 – V1: fundamental sales and marketing idea: selling the benefit. V3: Selling a feature. Take greater control of how people described Slack?. “a messaging app,” not a chat tool 34 – Pretty rough, no details and not complete process. It's all about communications. Content first, ideas first. Inspiration and further reading: "Art and copy: bridging the gap between UX, design and content" by Lauren Pope /la_pope/art-and-copy-bridging-the-gap-between-ux-design-and-content-invision-design-talks "Words as Material" by Nicole Fenton https://www.nicolefenton.com/words-as-material/ "Slack Copywriting: What They Say to 9.6 Million Pageviews Every Month" by Herbert Lui https://medium.com/swlh/slack-copywriting-what-they-say-to-9-6-million-pageviews-every-month-4351888f1c2c "Design and develop better together" by Eden Vidal https://medium.com/relate/design-and-develop-better-together-a955b075d209 ]]>
A talk I gave at UX Camp Hamburg 2018 Speaker notes: 6 – Focus on bridging the gap between design and code 10 – Bill Bernbach, founder of DDB 11 – An idea in the 1960s. Sounds not that innovative today but at this time it was. And if we look at product and design processes in many companies it is still not very common. 12 – People working in advertising or knowing Mad Men probably know some of DDB’s iconic and radical ads from the period 14 – Thich Nhat Hanh is a writer, activist and teacher and calls this concept "interbeing". Nicole Fenton brings this quote up because it helped her to understand what makes a design project successful and even possible in the first place 15 – Major Guardian redesign in 2014 16 – This was the first sentence when talking about the major redesign of the Guardian 17 – They did several ideation workshops with colleagues in editorial and worked together with the agency iA (Oliver Reichenstein and Konstantin Weiss) 19 – „With the container model we move away from thinking about specific pages on the site and how they might be filled with content, instead we start first with the content and each page is simply seen as a series of containers“ 20 – The order is what makes most sense to the business and our audience (priority). It was discovered by testing. 23 – Announced NYT Redesign August 2018 25 – Wireframes showing how feedback influenced content presentation 26 – Variations of so called "story packages" 27 – GIF shows how the Orlando shooting story evolved over 4 days. On one hand it’s amazing how the NYT works on the other hand it’s amazing what the website is capable of. 28 – Mailchimp content style guide 29 – Principles & Voice. Mailchimp is giving its employees clear and extensive guidelines 32 – V1: fundamental sales and marketing idea: selling the benefit. V3: Selling a feature. Take greater control of how people described Slack?. “a messaging app,” not a chat tool 34 – Pretty rough, no details and not complete process. It's all about communications. Content first, ideas first. Inspiration and further reading: "Art and copy: bridging the gap between UX, design and content" by Lauren Pope /la_pope/art-and-copy-bridging-the-gap-between-ux-design-and-content-invision-design-talks "Words as Material" by Nicole Fenton https://www.nicolefenton.com/words-as-material/ "Slack Copywriting: What They Say to 9.6 Million Pageviews Every Month" by Herbert Lui https://medium.com/swlh/slack-copywriting-what-they-say-to-9-6-million-pageviews-every-month-4351888f1c2c "Design and develop better together" by Eden Vidal https://medium.com/relate/design-and-develop-better-together-a955b075d209 ]]> Sat, 11 Aug 2018 20:10:17 GMT /slideshow/contentdriven-design/109532367 nhellberg@slideshare.net(nhellberg) Content-Driven Design nhellberg A talk I gave at UX Camp Hamburg 2018 Speaker notes: 6 – Focus on bridging the gap between design and code 10 – Bill Bernbach, founder of DDB 11 – An idea in the 1960s. Sounds not that innovative today but at this time it was. And if we look at product and design processes in many companies it is still not very common. 12 – People working in advertising or knowing Mad Men probably know some of DDB’s iconic and radical ads from the period 14 – Thich Nhat Hanh is a writer, activist and teacher and calls this concept "interbeing". Nicole Fenton brings this quote up because it helped her to understand what makes a design project successful and even possible in the first place 15 – Major Guardian redesign in 2014 16 – This was the first sentence when talking about the major redesign of the Guardian 17 – They did several ideation workshops with colleagues in editorial and worked together with the agency iA (Oliver Reichenstein and Konstantin Weiss) 19 – „With the container model we move away from thinking about specific pages on the site and how they might be filled with content, instead we start first with the content and each page is simply seen as a series of containers“ 20 – The order is what makes most sense to the business and our audience (priority). It was discovered by testing. 23 – Announced NYT Redesign August 2018 25 – Wireframes showing how feedback influenced content presentation 26 – Variations of so called "story packages" 27 – GIF shows how the Orlando shooting story evolved over 4 days. On one hand it’s amazing how the NYT works on the other hand it’s amazing what the website is capable of. 28 – Mailchimp content style guide 29 – Principles & Voice. Mailchimp is giving its employees clear and extensive guidelines 32 – V1: fundamental sales and marketing idea: selling the benefit. V3: Selling a feature. Take greater control of how people described Slack?. “a messaging app,” not a chat tool 34 – Pretty rough, no details and not complete process. It's all about communications. Content first, ideas first. Inspiration and further reading: "Art and copy: bridging the gap between UX, design and content" by Lauren Pope /la_pope/art-and-copy-bridging-the-gap-between-ux-design-and-content-invision-design-talks "Words as Material" by Nicole Fenton https://www.nicolefenton.com/words-as-material/ "Slack Copywriting: What They Say to 9.6 Million Pageviews Every Month" by Herbert Lui https://medium.com/swlh/slack-copywriting-what-they-say-to-9-6-million-pageviews-every-month-4351888f1c2c "Design and develop better together" by Eden Vidal https://medium.com/relate/design-and-develop-better-together-a955b075d209 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/content-driven-designuxcamphh2018full-180811201017-thumbnail.jpg?width=120&height=120&fit=bounds" /><br> A talk I gave at UX Camp Hamburg 2018 Speaker notes: 6 – Focus on bridging the gap between design and code 10 – Bill Bernbach, founder of DDB 11 – An idea in the 1960s. Sounds not that innovative today but at this time it was. And if we look at product and design processes in many companies it is still not very common. 12 – People working in advertising or knowing Mad Men probably know some of DDB’s iconic and radical ads from the period 14 – Thich Nhat Hanh is a writer, activist and teacher and calls this concept "interbeing". Nicole Fenton brings this quote up because it helped her to understand what makes a design project successful and even possible in the first place 15 – Major Guardian redesign in 2014 16 – This was the first sentence when talking about the major redesign of the Guardian 17 – They did several ideation workshops with colleagues in editorial and worked together with the agency iA (Oliver Reichenstein and Konstantin Weiss) 19 – „With the container model we move away from thinking about specific pages on the site and how they might be filled with content, instead we start first with the content and each page is simply seen as a series of containers“ 20 – The order is what makes most sense to the business and our audience (priority). It was discovered by testing. 23 – Announced NYT Redesign August 2018 25 – Wireframes showing how feedback influenced content presentation 26 – Variations of so called "story packages" 27 – GIF shows how the Orlando shooting story evolved over 4 days. On one hand it’s amazing how the NYT works on the other hand it’s amazing what the website is capable of. 28 – Mailchimp content style guide 29 – Principles & Voice. Mailchimp is giving its employees clear and extensive guidelines 32 – V1: fundamental sales and marketing idea: selling the benefit. V3: Selling a feature. Take greater control of how people described Slack?. “a messaging app,” not a chat tool 34 – Pretty rough, no details and not complete process. It's all about communications. Content first, ideas first. Inspiration and further reading: "Art and copy: bridging the gap between UX, design and content" by Lauren Pope /la_pope/art-and-copy-bridging-the-gap-between-ux-design-and-content-invision-design-talks "Words as Material" by Nicole Fenton https://www.nicolefenton.com/words-as-material/ "Slack Copywriting: What They Say to 9.6 Million Pageviews Every Month" by Herbert Lui https://medium.com/swlh/slack-copywriting-what-they-say-to-9-6-million-pageviews-every-month-4351888f1c2c "Design and develop better together" by Eden Vidal https://medium.com/relate/design-and-develop-better-together-a955b075d209

Content-Driven Design from Niclas Hellberg

]]> 253 4 https://cdn.slidesharecdn.com/ss_thumbnails/content-driven-designuxcamphh2018full-180811201017-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 https://cdn.slidesharecdn.com/profile-photo-nhellberg-48x48.jpg?cb=1666110575 -