SlideShare ist ein Scribd-Unternehmen logo
1 von 24
Downloaden Sie, um offline zu lesen
GET REAL FAST
USING REAL CONTENT AS DESIGN ELEMENT
UX CAMP COPENHAGEN | APRIL 2015
Think! Digital 2
NANNA ENGBERG
SENIORKONSULENT, THINK! DIGITAL
Think! Digital
ABOUT THINK! DIGITAL
3
Think! Digital is a Copenhagen
based digital design agency
that creates connected
experiences, products and
services.
Digital IS business.
CONTENT…
THE EASY STUFF
Content is not cheap. But sometimes people treat it like it is something you get from a vending machine.
Try to count HOW many hours are actually spent creating content (how fast can you plan, ideate and create real valuable content?). And the think about
how much content is crappy and not really working for you. Many hours have been spent making that too (but not as many as the good content. Trust me).
All that time could have been spent making the RIGHT, GREAT content, converting users and creating peace on earth.
Think! Digital
CONTENT CAME LATE
5
Why is that? Maybe because content came late into peoples attention. AND because eye candy, great design and transitions will seduce you so much more
when you plan and decide the project compared to two lines of text.
Don’t forget the transitions, the candy or the great design. But give them something real to work with - make those 2 lines of text first.
Think! Digital
FOCUS ON DIGITAL CONTENT
6
Beginning of digital times Today
Focus hav been on getting content out there. Making it available.
Now we focus upon making it stand out in the mass of content out there, and to try to get the message out.
And design moves towards simple designs which focus on messages. Great.
Think! Digital
USERS COME FOR CONTENT
7
djsahasjhfajhfcwefuehfffshdfdhsfbahfcheafbwjhafbwjhafbwjafb
jwqabdfjwbdjwabdfjwbfjkqefjdjsgheirghaæcmoækhlskjhlhktsr
hhkshnkshjnksjhtkhjktg
Buy
“ “
And it makes so much sense. users come for content, not design. Design aids the messaging and the brand, so we need to think those to as a pair.
Think! Digital
LOREM IPSUM MUST DIE
8
Lorem ipsum
• dolor sit amet
• consectetur
• adipiscing elit
Phasellus ut vestibulum nibh,
a porta tellus. In sit amet
ipsum eleifend, consectetur
elit blandit, vehicula ipsum.
Etiam mattis vulputate ipsum,
eu aliquam tortor interdum
ac. Aliquam erat volutpat.
Product title goes here
Product details
Product image
More product stuff
Make sure you have an actual message at hand, when you are designing :)
Classic wireframe for product page and classic example of why lorem ipsum must die skal dø og at vi måske hellere skulle bruge krudtet på at finde ud af
hvad det er vi gerne vil sælge (og hvad brugerne efterspørger) og så sikre os at vores art directors kan arbejde med det.
Think! Digital
IT DESTROYS THE MESSAGE
9
Diana-Maria
brilliantring
65-77 mm
• EAN 566778899
Hvidguld.
How do titles actually look in product
database?
Do data base contain any (relevant) details?
What level of description do we have?
language, search criteria and needs of the end user is only supported by the picture (and pictures are probably most important content online when it
comes to creating needs, awareness etc - so that’s good. Text however, aids the user when decisions and conversions are made.
Not really relevant og good content for user nor Google. Title is taken directly from database, and text refers to 2 different product numbers. Description is
directed at kids, but are they REALLY the target user of an ecommerce site?
Content and design has not been coupled. Which sucks, because this could have been great. Content performs badly in this coloured wireframe, the
colours are intriguing, but this whole design would have been different had they had actual content (news articles, notifications, job posts, artist lookups).
User journeys are a great tool to define a lot of things in the design process, including whoch content and messages are relevant in which touch points,
when and why.
Think! Digital
THE SIMPLEST GET REAL PROCESS
• Always start with
• Who are the users and what do we want them to do?
• Where in the user journey do they meet our service?
• What are their needs, expectations and characteristics
• What type of content and message will make them get on in their journey?
• Then ask yourself:
• What level and type of content do we have at hand?
• e.g. product titles and descriptions for ecommerce
• Text guidelines and articles for member sites
• Video and infographics for media sites
• Does it match user needs or do we need something else - what?
• (If so: Who will get it - and how?)
14
DESIGN WITH REAL
CONTENT - FAST
Case: B2B newsletters - Q8 & Q8 Oils
Think! Digital
INSIGHTS AND PROFILING FIRST
16
Think! Digital
CONVERTED TO MESSAGES AND STRUCTURE
17
Think! Digital
EXAMPLE CONTENT
18
Kampagnebudskab
Kom igennem høsten uden maskinproblemer
Hej Svend
Snart bliver der travlhed ude i markerne. Få styr på din beholdning af
smøreolie allerede nu, så maskinerne er klar.
Ring døgnet rundt og bestil hos Kundeservice på 70128888.
Du er også velkommen til at ringe til mig, hvis du har brug for nye
smøreolier eller har andre spørgsmål.
God høst!
[billede + 22334455/svend.otto.langemark@q8.dk)
Vigtigste produkt (Salg)
Bestil diesel og smøreolie
Vi har nye motorolier til Stage/Tier 3 og 4 motorer med op til 500 timers
skifteinterval:
Q8 T 760 10W-40 - Syntetisk motorolie (SHPD)
Q8 T 760 15W-40 – mineralsk baseret motorolie (SHPD)
Ring og bestil på 70128888
Branchenyhedsmodul
Lavere afgift på smøreolier
Regeringens finanslov for 2015 medfører omlægning af en række
afgifter.
Det betyder bl.a. at afgiften på smøreolier falder med 0,61 kr., dvs.
fra 3,02 kr til 2, 406 kr. Pr. liter
Service
Brug færre olier til dine maskiner
Husk at vi gerne hjælper dig med at finde frem til præcis det sæt af
olier, der passer til din maskinpark. Vi holder også øje med, om der
kommer nye olier der passer bedre til dine maskiner.
Andre tilbud
Pressol Fedtpresser
I praktisk kuffert med 2 batterier og oplader kun 1050,-
Få 60 fedtpatroner Ruysdal WR + 1 accufedtpresser, kun 2.800,-
Footer
Ring og lad os få en snak om de olier, du skal bruge.
Think! Digital
DESIGN WITH ACTUAL CONTENT
SEVERAL MODULES IN A FLEXIBLE TEMPLATE
TC | KC kunder Potentielle kunderDC kunder Oils kunder
Think! Digital 20
Q8 <nyhedsbrev@q8.dk>
Titel på nyhedsbrev
20. Marts, 2015 kl.11:10
DC KUNDER FOKUS PÅ SERVICE OG SAMARBEJDE
DC#Distriktchefskunder
Større&kunder.
I&kampanger&re1et&mod&disse&oplyses&ingen&
priser&da&de&al7d&har&forhandlet&sig&7l&egne&
priser.
Rela3on#3l#Q8
Mange&af&de&store&kunder&er&på&fornavn&med&
distrikschefen.&Han&er&deres&ansigt&på&Q8&og&
giver&kunderne&en&tæ1ere&rela7on&7l&Q8.&Q8&ses&
oBe&mere&som&en&samarbejdspartner&end&blot&
leverandør.&
Selvom&de&fortræksvis&handler&store&mængder&
diesel&bør&den&service&de&modtager&i&forbindelse&
med&eks.&at&finde&den&rig7ge&smøreolie&ikke&
undervurderes.
Fokusområder:
Reten7on
• Hvordan&kan&Q8&gøre&mit&arbejde&le1ere
• Informa7on&om&nye&services&og&produkter
• Branche&relevante&informa7oner&der&
afspejler&Q8s&eksper7se&på&området
• Q8&som&partner&mere&end&leverandør
Salg
• Special&7lbud&/&Kampagne&7lbud&
• Informa7on&om&online&salg
• Klar#CTA#med#telefon#nr.#3l#distrikschef#
kundeservice
Svend&Mogensen
Landmand,&Vojens
“Jeg%sæ(er%stor%pris%på%Q8’s%service.%Fak8sk%
plejede%jeg%at%handle%hos%Shell%fordi%det%
virkede%besværligt%at%bes8lle%hos%Q8.%Så%hjalp%
Q8%mig%med%at%finde%få%olier%der%passer%8l%alle%
mine%maskiner,%nu%handler%jeg%alt%hos%Q8..”
Dis7later&
Q8&købekort
Smøreolier
Fyringsolie
Andet
350.000&l/år
T
2T400&l/år
meget&lidt
Produkter Forbrug
Eksempel#på#en#distriktchefskunde
Think! Digital 21
Q8 <nyhedsbrev@q8.dk>
Titel på nyhedsbrev
20. Marts, 2015 kl.11:10
DC KUNDER FOKUS PÅ SERVICE OG SAMARBEJDE
DC#Distriktchefskunder
Større&kunder.
I&kampanger&re1et&mod&disse&oplyses&ingen&
priser&da&de&al7d&har&forhandlet&sig&7l&egne&
priser.
Rela3on#3l#Q8
Mange&af&de&store&kunder&er&på&fornavn&med&
distrikschefen.&Han&er&deres&ansigt&på&Q8&og&
giver&kunderne&en&tæ1ere&rela7on&7l&Q8.&Q8&ses&
oBe&mere&som&en&samarbejdspartner&end&blot&
leverandør.&
Selvom&de&fortræksvis&handler&store&mængder&
diesel&bør&den&service&de&modtager&i&forbindelse&
med&eks.&at&finde&den&rig7ge&smøreolie&ikke&
undervurderes.
Fokusområder:
Reten7on
• Hvordan&kan&Q8&gøre&mit&arbejde&le1ere
• Informa7on&om&nye&services&og&produkter
• Branche&relevante&informa7oner&der&
afspejler&Q8s&eksper7se&på&området
• Q8&som&partner&mere&end&leverandør
Salg
• Special&7lbud&/&Kampagne&7lbud&
• Informa7on&om&online&salg
• Klar#CTA#med#telefon#nr.#3l#distrikschef#
kundeservice
Svend&Mogensen
Landmand,&Vojens
“Jeg%sæ(er%stor%pris%på%Q8’s%service.%Fak8sk%
plejede%jeg%at%handle%hos%Shell%fordi%det%
virkede%besværligt%at%bes8lle%hos%Q8.%Så%hjalp%
Q8%mig%med%at%finde%få%olier%der%passer%8l%alle%
mine%maskiner,%nu%handler%jeg%alt%hos%Q8..”
Dis7later&
Q8&købekort
Smøreolier
Fyringsolie
Andet
350.000&l/år
T
2T400&l/år
meget&lidt
Produkter Forbrug
Eksempel#på#en#distriktchefskunde
Think! Digital 22
Q8 <nyhedsbrev@q8.dk>
Titel på nyhedsbrev
20. Marts, 2015 kl.11:10
DC KUNDER FOKUS PÅ SERVICE OG SAMARBEJDE
DC#Distriktchefskunder
Større&kunder.
I&kampanger&re1et&mod&disse&oplyses&ingen&
priser&da&de&al7d&har&forhandlet&sig&7l&egne&
priser.
Rela3on#3l#Q8
Mange&af&de&store&kunder&er&på&fornavn&med&
distrikschefen.&Han&er&deres&ansigt&på&Q8&og&
giver&kunderne&en&tæ1ere&rela7on&7l&Q8.&Q8&ses&
oBe&mere&som&en&samarbejdspartner&end&blot&
leverandør.&
Selvom&de&fortræksvis&handler&store&mængder&
diesel&bør&den&service&de&modtager&i&forbindelse&
med&eks.&at&finde&den&rig7ge&smøreolie&ikke&
undervurderes.
Fokusområder:
Reten7on
• Hvordan&kan&Q8&gøre&mit&arbejde&le1ere
• Informa7on&om&nye&services&og&produkter
• Branche&relevante&informa7oner&der&
afspejler&Q8s&eksper7se&på&området
• Q8&som&partner&mere&end&leverandør
Salg
• Special&7lbud&/&Kampagne&7lbud&
• Informa7on&om&online&salg
• Klar#CTA#med#telefon#nr.#3l#distrikschef#
kundeservice
Svend&Mogensen
Landmand,&Vojens
“Jeg%sæ(er%stor%pris%på%Q8’s%service.%Fak8sk%
plejede%jeg%at%handle%hos%Shell%fordi%det%
virkede%besværligt%at%bes8lle%hos%Q8.%Så%hjalp%
Q8%mig%med%at%finde%få%olier%der%passer%8l%alle%
mine%maskiner,%nu%handler%jeg%alt%hos%Q8..”
Dis7later&
Q8&købekort
Smøreolier
Fyringsolie
Andet
350.000&l/år
T
2T400&l/år
meget&lidt
Produkter Forbrug
Eksempel#på#en#distriktchefskunde
Think! Digital 23
Q8 <nyhedsbrev@q8.dk>
Titel på nyhedsbrev
20. Marts, 2015 kl.11:10
DC KUNDER FOKUS PÅ SERVICE OG SAMARBEJDE
DC#Distriktchefskunder
Større&kunder.
I&kampanger&re1et&mod&disse&oplyses&ingen&
priser&da&de&al7d&har&forhandlet&sig&7l&egne&
priser.
Rela3on#3l#Q8
Mange&af&de&store&kunder&er&på&fornavn&med&
distrikschefen.&Han&er&deres&ansigt&på&Q8&og&
giver&kunderne&en&tæ1ere&rela7on&7l&Q8.&Q8&ses&
oBe&mere&som&en&samarbejdspartner&end&blot&
leverandør.&
Selvom&de&fortræksvis&handler&store&mængder&
diesel&bør&den&service&de&modtager&i&forbindelse&
med&eks.&at&finde&den&rig7ge&smøreolie&ikke&
undervurderes.
Fokusområder:
Reten7on
• Hvordan&kan&Q8&gøre&mit&arbejde&le1ere
• Informa7on&om&nye&services&og&produkter
• Branche&relevante&informa7oner&der&
afspejler&Q8s&eksper7se&på&området
• Q8&som&partner&mere&end&leverandør
Salg
• Special&7lbud&/&Kampagne&7lbud&
• Informa7on&om&online&salg
• Klar#CTA#med#telefon#nr.#3l#distrikschef#
kundeservice
Svend&Mogensen
Landmand,&Vojens
“Jeg%sæ(er%stor%pris%på%Q8’s%service.%Fak8sk%
plejede%jeg%at%handle%hos%Shell%fordi%det%
virkede%besværligt%at%bes8lle%hos%Q8.%Så%hjalp%
Q8%mig%med%at%finde%få%olier%der%passer%8l%alle%
mine%maskiner,%nu%handler%jeg%alt%hos%Q8..”
Dis7later&
Q8&købekort
Smøreolier
Fyringsolie
Andet
350.000&l/år
T
2T400&l/år
meget&lidt
Produkter Forbrug
Eksempel#på#en#distriktchefskunde
Think! Digital
UX CAMP APP
Design an app that lets you see all
presentations (and updates) from
UX Camp CPH
1. Form group 3-4 people
2. Grab foil piece, post-its & a marker
3. Describe user needs (yours) (5 mins)
4. Define main content & structure on foil (10 mins)
5. Detail content and design on foil (10 min)
6. Present group suggestion in plenum

Weitere ähnliche Inhalte

Ähnlich wie Design withrealcontent ux_campcph2015

Need to reboot your content creation strategy? Start with "No"
Need to reboot your content creation strategy? Start with "No"Need to reboot your content creation strategy? Start with "No"
Need to reboot your content creation strategy? Start with "No"Keith Boyd
 
What is service design?
What is service design?What is service design?
What is service design?Dhyana Scarano
 
Ola Marwan English Portfolio.pdf
Ola Marwan English Portfolio.pdfOla Marwan English Portfolio.pdf
Ola Marwan English Portfolio.pdfOla Marwan
 
Complete guide on how to start hat business (1)
Complete guide on how to start hat business (1)Complete guide on how to start hat business (1)
Complete guide on how to start hat business (1)Brush Your Ideas
 
Creating UI Marketers Won't F*Up
Creating UI Marketers Won't F*UpCreating UI Marketers Won't F*Up
Creating UI Marketers Won't F*UpLOIC BURDET
 
The Email Circle of Life
The Email Circle of LifeThe Email Circle of Life
The Email Circle of LifeMarketo
 
Mass Service Customization Creates Opportunities For Firms...
Mass Service Customization Creates Opportunities For Firms...Mass Service Customization Creates Opportunities For Firms...
Mass Service Customization Creates Opportunities For Firms...Julie Jones
 
scrum_po__Publish_dec09_2017_hyd_
scrum_po__Publish_dec09_2017_hyd_scrum_po__Publish_dec09_2017_hyd_
scrum_po__Publish_dec09_2017_hyd_Anubhav Sinha
 
Ol6usznar6ep1hrbnkbq signature-69b8a2529115854f5ef1d60cf111c6e0918e8e42b50824...
Ol6usznar6ep1hrbnkbq signature-69b8a2529115854f5ef1d60cf111c6e0918e8e42b50824...Ol6usznar6ep1hrbnkbq signature-69b8a2529115854f5ef1d60cf111c6e0918e8e42b50824...
Ol6usznar6ep1hrbnkbq signature-69b8a2529115854f5ef1d60cf111c6e0918e8e42b50824...Sirlei de Fatima Barreiro Jabali
 
14 Tips to Entrepreneurs to start the Right Stuff
14 Tips to Entrepreneurs to start the Right Stuff14 Tips to Entrepreneurs to start the Right Stuff
14 Tips to Entrepreneurs to start the Right StuffPatrick Stähler
 
14 Tips to Entrepreneurs to start the Right Stuff
14 Tips to Entrepreneurs to start the Right Stuff14 Tips to Entrepreneurs to start the Right Stuff
14 Tips to Entrepreneurs to start the Right StuffGagan Malhotra
 
Scaling Product Development at a
Scaling Product Development at a Scaling Product Development at a
Scaling Product Development at a James Birchler
 
Mypitch Overview
Mypitch OverviewMypitch Overview
Mypitch Overviewmypitch
 
Doug, YouTube & Insta Launch
Doug, YouTube & Insta LaunchDoug, YouTube & Insta Launch
Doug, YouTube & Insta LaunchJosh McCarthy
 
An open letter to marketers, AI won’t steal your job
An open letter to marketers, AI won’t steal your jobAn open letter to marketers, AI won’t steal your job
An open letter to marketers, AI won’t steal your jobDarcie Thompson-Fields
 
Concepts Of A Software Engineering Organization
Concepts Of A Software Engineering OrganizationConcepts Of A Software Engineering Organization
Concepts Of A Software Engineering OrganizationAlejandra Rodriguez
 
UX South Africa 2014 - Keynote
UX South Africa 2014 - KeynoteUX South Africa 2014 - Keynote
UX South Africa 2014 - KeynotePhil Barrett
 
Putting Strategy into your Content Creation - Content Marketing
Putting Strategy into your Content Creation - Content MarketingPutting Strategy into your Content Creation - Content Marketing
Putting Strategy into your Content Creation - Content Marketinge-Strategy
 

Ähnlich wie Design withrealcontent ux_campcph2015 (20)

Need to reboot your content creation strategy? Start with "No"
Need to reboot your content creation strategy? Start with "No"Need to reboot your content creation strategy? Start with "No"
Need to reboot your content creation strategy? Start with "No"
 
What is service design?
What is service design?What is service design?
What is service design?
 
Ola Marwan English Portfolio.pdf
Ola Marwan English Portfolio.pdfOla Marwan English Portfolio.pdf
Ola Marwan English Portfolio.pdf
 
Complete guide on how to start hat business (1)
Complete guide on how to start hat business (1)Complete guide on how to start hat business (1)
Complete guide on how to start hat business (1)
 
Creating UI Marketers Won't F*Up
Creating UI Marketers Won't F*UpCreating UI Marketers Won't F*Up
Creating UI Marketers Won't F*Up
 
The Email Circle of Life
The Email Circle of LifeThe Email Circle of Life
The Email Circle of Life
 
Mass Service Customization Creates Opportunities For Firms...
Mass Service Customization Creates Opportunities For Firms...Mass Service Customization Creates Opportunities For Firms...
Mass Service Customization Creates Opportunities For Firms...
 
scrum_po__Publish_dec09_2017_hyd_
scrum_po__Publish_dec09_2017_hyd_scrum_po__Publish_dec09_2017_hyd_
scrum_po__Publish_dec09_2017_hyd_
 
Ol6usznar6ep1hrbnkbq signature-69b8a2529115854f5ef1d60cf111c6e0918e8e42b50824...
Ol6usznar6ep1hrbnkbq signature-69b8a2529115854f5ef1d60cf111c6e0918e8e42b50824...Ol6usznar6ep1hrbnkbq signature-69b8a2529115854f5ef1d60cf111c6e0918e8e42b50824...
Ol6usznar6ep1hrbnkbq signature-69b8a2529115854f5ef1d60cf111c6e0918e8e42b50824...
 
Web design rules for PR
Web design rules for PRWeb design rules for PR
Web design rules for PR
 
14 Tips to Entrepreneurs to start the Right Stuff
14 Tips to Entrepreneurs to start the Right Stuff14 Tips to Entrepreneurs to start the Right Stuff
14 Tips to Entrepreneurs to start the Right Stuff
 
14 Tips to Entrepreneurs to start the Right Stuff
14 Tips to Entrepreneurs to start the Right Stuff14 Tips to Entrepreneurs to start the Right Stuff
14 Tips to Entrepreneurs to start the Right Stuff
 
Scaling Product Development at a
Scaling Product Development at a Scaling Product Development at a
Scaling Product Development at a
 
B.griffin, innovate uk experience-led design
B.griffin, innovate uk   experience-led designB.griffin, innovate uk   experience-led design
B.griffin, innovate uk experience-led design
 
Mypitch Overview
Mypitch OverviewMypitch Overview
Mypitch Overview
 
Doug, YouTube & Insta Launch
Doug, YouTube & Insta LaunchDoug, YouTube & Insta Launch
Doug, YouTube & Insta Launch
 
An open letter to marketers, AI won’t steal your job
An open letter to marketers, AI won’t steal your jobAn open letter to marketers, AI won’t steal your job
An open letter to marketers, AI won’t steal your job
 
Concepts Of A Software Engineering Organization
Concepts Of A Software Engineering OrganizationConcepts Of A Software Engineering Organization
Concepts Of A Software Engineering Organization
 
UX South Africa 2014 - Keynote
UX South Africa 2014 - KeynoteUX South Africa 2014 - Keynote
UX South Africa 2014 - Keynote
 
Putting Strategy into your Content Creation - Content Marketing
Putting Strategy into your Content Creation - Content MarketingPutting Strategy into your Content Creation - Content Marketing
Putting Strategy into your Content Creation - Content Marketing
 

Kürzlich hochgeladen

TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDSTYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDSedrianrheine
 
world Tuberculosis day ppt 25-3-2024.pptx
world Tuberculosis day ppt 25-3-2024.pptxworld Tuberculosis day ppt 25-3-2024.pptx
world Tuberculosis day ppt 25-3-2024.pptxnaveenithkrishnan
 
Presentation2.pptx - JoyPress Wordpress
Presentation2.pptx -  JoyPress WordpressPresentation2.pptx -  JoyPress Wordpress
Presentation2.pptx - JoyPress Wordpressssuser166378
 
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASSLESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASSlesteraporado16
 
Zero-day Vulnerabilities
Zero-day VulnerabilitiesZero-day Vulnerabilities
Zero-day Vulnerabilitiesalihassaah1994
 
Bio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptxBio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptxnaveenithkrishnan
 
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced HorizonsVision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced HorizonsRoxana Stingu
 
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024Jan Löffler
 
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdfLESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdfmchristianalwyn
 
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...APNIC
 
Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024Shubham Pant
 
Introduction to ICANN and Fellowship program by Shreedeep Rayamajhi.pdf
Introduction to ICANN and Fellowship program  by Shreedeep Rayamajhi.pdfIntroduction to ICANN and Fellowship program  by Shreedeep Rayamajhi.pdf
Introduction to ICANN and Fellowship program by Shreedeep Rayamajhi.pdfShreedeep Rayamajhi
 
Computer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteComputer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteMavein
 
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptx
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptxA_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptx
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptxjayshuklatrainer
 
Niche Domination Prodigy Review Plus Bonus
Niche Domination Prodigy Review Plus BonusNiche Domination Prodigy Review Plus Bonus
Niche Domination Prodigy Review Plus BonusSkylark Nobin
 

Kürzlich hochgeladen (15)

TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDSTYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
 
world Tuberculosis day ppt 25-3-2024.pptx
world Tuberculosis day ppt 25-3-2024.pptxworld Tuberculosis day ppt 25-3-2024.pptx
world Tuberculosis day ppt 25-3-2024.pptx
 
Presentation2.pptx - JoyPress Wordpress
Presentation2.pptx -  JoyPress WordpressPresentation2.pptx -  JoyPress Wordpress
Presentation2.pptx - JoyPress Wordpress
 
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASSLESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
 
Zero-day Vulnerabilities
Zero-day VulnerabilitiesZero-day Vulnerabilities
Zero-day Vulnerabilities
 
Bio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptxBio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptx
 
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced HorizonsVision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
 
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
 
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdfLESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
 
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
 
Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024
 
Introduction to ICANN and Fellowship program by Shreedeep Rayamajhi.pdf
Introduction to ICANN and Fellowship program  by Shreedeep Rayamajhi.pdfIntroduction to ICANN and Fellowship program  by Shreedeep Rayamajhi.pdf
Introduction to ICANN and Fellowship program by Shreedeep Rayamajhi.pdf
 
Computer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteComputer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a Website
 
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptx
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptxA_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptx
A_Z-1_0_4T_00A-EN_U-Po_w_erPoint_06.pptx
 
Niche Domination Prodigy Review Plus Bonus
Niche Domination Prodigy Review Plus BonusNiche Domination Prodigy Review Plus Bonus
Niche Domination Prodigy Review Plus Bonus
 

Design withrealcontent ux_campcph2015

  • 1. GET REAL FAST USING REAL CONTENT AS DESIGN ELEMENT UX CAMP COPENHAGEN | APRIL 2015
  • 2. Think! Digital 2 NANNA ENGBERG SENIORKONSULENT, THINK! DIGITAL
  • 3. Think! Digital ABOUT THINK! DIGITAL 3 Think! Digital is a Copenhagen based digital design agency that creates connected experiences, products and services. Digital IS business.
  • 4. CONTENT… THE EASY STUFF Content is not cheap. But sometimes people treat it like it is something you get from a vending machine. Try to count HOW many hours are actually spent creating content (how fast can you plan, ideate and create real valuable content?). And the think about how much content is crappy and not really working for you. Many hours have been spent making that too (but not as many as the good content. Trust me). All that time could have been spent making the RIGHT, GREAT content, converting users and creating peace on earth.
  • 5. Think! Digital CONTENT CAME LATE 5 Why is that? Maybe because content came late into peoples attention. AND because eye candy, great design and transitions will seduce you so much more when you plan and decide the project compared to two lines of text. Don’t forget the transitions, the candy or the great design. But give them something real to work with - make those 2 lines of text first.
  • 6. Think! Digital FOCUS ON DIGITAL CONTENT 6 Beginning of digital times Today Focus hav been on getting content out there. Making it available. Now we focus upon making it stand out in the mass of content out there, and to try to get the message out. And design moves towards simple designs which focus on messages. Great.
  • 7. Think! Digital USERS COME FOR CONTENT 7 djsahasjhfajhfcwefuehfffshdfdhsfbahfcheafbwjhafbwjhafbwjafb jwqabdfjwbdjwabdfjwbfjkqefjdjsgheirghaæcmoækhlskjhlhktsr hhkshnkshjnksjhtkhjktg Buy “ “ And it makes so much sense. users come for content, not design. Design aids the messaging and the brand, so we need to think those to as a pair.
  • 8. Think! Digital LOREM IPSUM MUST DIE 8 Lorem ipsum • dolor sit amet • consectetur • adipiscing elit Phasellus ut vestibulum nibh, a porta tellus. In sit amet ipsum eleifend, consectetur elit blandit, vehicula ipsum. Etiam mattis vulputate ipsum, eu aliquam tortor interdum ac. Aliquam erat volutpat. Product title goes here Product details Product image More product stuff Make sure you have an actual message at hand, when you are designing :) Classic wireframe for product page and classic example of why lorem ipsum must die skal dø og at vi måske hellere skulle bruge krudtet på at finde ud af hvad det er vi gerne vil sælge (og hvad brugerne efterspørger) og så sikre os at vores art directors kan arbejde med det.
  • 9. Think! Digital IT DESTROYS THE MESSAGE 9 Diana-Maria brilliantring 65-77 mm • EAN 566778899 Hvidguld. How do titles actually look in product database? Do data base contain any (relevant) details? What level of description do we have?
  • 10. language, search criteria and needs of the end user is only supported by the picture (and pictures are probably most important content online when it comes to creating needs, awareness etc - so that’s good. Text however, aids the user when decisions and conversions are made.
  • 11. Not really relevant og good content for user nor Google. Title is taken directly from database, and text refers to 2 different product numbers. Description is directed at kids, but are they REALLY the target user of an ecommerce site?
  • 12. Content and design has not been coupled. Which sucks, because this could have been great. Content performs badly in this coloured wireframe, the colours are intriguing, but this whole design would have been different had they had actual content (news articles, notifications, job posts, artist lookups).
  • 13. User journeys are a great tool to define a lot of things in the design process, including whoch content and messages are relevant in which touch points, when and why.
  • 14. Think! Digital THE SIMPLEST GET REAL PROCESS • Always start with • Who are the users and what do we want them to do? • Where in the user journey do they meet our service? • What are their needs, expectations and characteristics • What type of content and message will make them get on in their journey? • Then ask yourself: • What level and type of content do we have at hand? • e.g. product titles and descriptions for ecommerce • Text guidelines and articles for member sites • Video and infographics for media sites • Does it match user needs or do we need something else - what? • (If so: Who will get it - and how?) 14
  • 15. DESIGN WITH REAL CONTENT - FAST Case: B2B newsletters - Q8 & Q8 Oils
  • 16. Think! Digital INSIGHTS AND PROFILING FIRST 16
  • 17. Think! Digital CONVERTED TO MESSAGES AND STRUCTURE 17
  • 18. Think! Digital EXAMPLE CONTENT 18 Kampagnebudskab Kom igennem høsten uden maskinproblemer Hej Svend Snart bliver der travlhed ude i markerne. Få styr på din beholdning af smøreolie allerede nu, så maskinerne er klar. Ring døgnet rundt og bestil hos Kundeservice på 70128888. Du er også velkommen til at ringe til mig, hvis du har brug for nye smøreolier eller har andre spørgsmål. God høst! [billede + 22334455/svend.otto.langemark@q8.dk) Vigtigste produkt (Salg) Bestil diesel og smøreolie Vi har nye motorolier til Stage/Tier 3 og 4 motorer med op til 500 timers skifteinterval: Q8 T 760 10W-40 - Syntetisk motorolie (SHPD) Q8 T 760 15W-40 – mineralsk baseret motorolie (SHPD) Ring og bestil på 70128888 Branchenyhedsmodul Lavere afgift på smøreolier Regeringens finanslov for 2015 medfører omlægning af en række afgifter. Det betyder bl.a. at afgiften på smøreolier falder med 0,61 kr., dvs. fra 3,02 kr til 2, 406 kr. Pr. liter Service Brug færre olier til dine maskiner Husk at vi gerne hjælper dig med at finde frem til præcis det sæt af olier, der passer til din maskinpark. Vi holder også øje med, om der kommer nye olier der passer bedre til dine maskiner. Andre tilbud Pressol Fedtpresser I praktisk kuffert med 2 batterier og oplader kun 1050,- Få 60 fedtpatroner Ruysdal WR + 1 accufedtpresser, kun 2.800,- Footer Ring og lad os få en snak om de olier, du skal bruge.
  • 19. Think! Digital DESIGN WITH ACTUAL CONTENT SEVERAL MODULES IN A FLEXIBLE TEMPLATE TC | KC kunder Potentielle kunderDC kunder Oils kunder
  • 20. Think! Digital 20 Q8 <nyhedsbrev@q8.dk> Titel på nyhedsbrev 20. Marts, 2015 kl.11:10 DC KUNDER FOKUS PÅ SERVICE OG SAMARBEJDE DC#Distriktchefskunder Større&kunder. I&kampanger&re1et&mod&disse&oplyses&ingen& priser&da&de&al7d&har&forhandlet&sig&7l&egne& priser. Rela3on#3l#Q8 Mange&af&de&store&kunder&er&på&fornavn&med& distrikschefen.&Han&er&deres&ansigt&på&Q8&og& giver&kunderne&en&tæ1ere&rela7on&7l&Q8.&Q8&ses& oBe&mere&som&en&samarbejdspartner&end&blot& leverandør.& Selvom&de&fortræksvis&handler&store&mængder& diesel&bør&den&service&de&modtager&i&forbindelse& med&eks.&at&finde&den&rig7ge&smøreolie&ikke& undervurderes. Fokusområder: Reten7on • Hvordan&kan&Q8&gøre&mit&arbejde&le1ere • Informa7on&om&nye&services&og&produkter • Branche&relevante&informa7oner&der& afspejler&Q8s&eksper7se&på&området • Q8&som&partner&mere&end&leverandør Salg • Special&7lbud&/&Kampagne&7lbud& • Informa7on&om&online&salg • Klar#CTA#med#telefon#nr.#3l#distrikschef# kundeservice Svend&Mogensen Landmand,&Vojens “Jeg%sæ(er%stor%pris%på%Q8’s%service.%Fak8sk% plejede%jeg%at%handle%hos%Shell%fordi%det% virkede%besværligt%at%bes8lle%hos%Q8.%Så%hjalp% Q8%mig%med%at%finde%få%olier%der%passer%8l%alle% mine%maskiner,%nu%handler%jeg%alt%hos%Q8..” Dis7later& Q8&købekort Smøreolier Fyringsolie Andet 350.000&l/år T 2T400&l/år meget&lidt Produkter Forbrug Eksempel#på#en#distriktchefskunde
  • 21. Think! Digital 21 Q8 <nyhedsbrev@q8.dk> Titel på nyhedsbrev 20. Marts, 2015 kl.11:10 DC KUNDER FOKUS PÅ SERVICE OG SAMARBEJDE DC#Distriktchefskunder Større&kunder. I&kampanger&re1et&mod&disse&oplyses&ingen& priser&da&de&al7d&har&forhandlet&sig&7l&egne& priser. Rela3on#3l#Q8 Mange&af&de&store&kunder&er&på&fornavn&med& distrikschefen.&Han&er&deres&ansigt&på&Q8&og& giver&kunderne&en&tæ1ere&rela7on&7l&Q8.&Q8&ses& oBe&mere&som&en&samarbejdspartner&end&blot& leverandør.& Selvom&de&fortræksvis&handler&store&mængder& diesel&bør&den&service&de&modtager&i&forbindelse& med&eks.&at&finde&den&rig7ge&smøreolie&ikke& undervurderes. Fokusområder: Reten7on • Hvordan&kan&Q8&gøre&mit&arbejde&le1ere • Informa7on&om&nye&services&og&produkter • Branche&relevante&informa7oner&der& afspejler&Q8s&eksper7se&på&området • Q8&som&partner&mere&end&leverandør Salg • Special&7lbud&/&Kampagne&7lbud& • Informa7on&om&online&salg • Klar#CTA#med#telefon#nr.#3l#distrikschef# kundeservice Svend&Mogensen Landmand,&Vojens “Jeg%sæ(er%stor%pris%på%Q8’s%service.%Fak8sk% plejede%jeg%at%handle%hos%Shell%fordi%det% virkede%besværligt%at%bes8lle%hos%Q8.%Så%hjalp% Q8%mig%med%at%finde%få%olier%der%passer%8l%alle% mine%maskiner,%nu%handler%jeg%alt%hos%Q8..” Dis7later& Q8&købekort Smøreolier Fyringsolie Andet 350.000&l/år T 2T400&l/år meget&lidt Produkter Forbrug Eksempel#på#en#distriktchefskunde
  • 22. Think! Digital 22 Q8 <nyhedsbrev@q8.dk> Titel på nyhedsbrev 20. Marts, 2015 kl.11:10 DC KUNDER FOKUS PÅ SERVICE OG SAMARBEJDE DC#Distriktchefskunder Større&kunder. I&kampanger&re1et&mod&disse&oplyses&ingen& priser&da&de&al7d&har&forhandlet&sig&7l&egne& priser. Rela3on#3l#Q8 Mange&af&de&store&kunder&er&på&fornavn&med& distrikschefen.&Han&er&deres&ansigt&på&Q8&og& giver&kunderne&en&tæ1ere&rela7on&7l&Q8.&Q8&ses& oBe&mere&som&en&samarbejdspartner&end&blot& leverandør.& Selvom&de&fortræksvis&handler&store&mængder& diesel&bør&den&service&de&modtager&i&forbindelse& med&eks.&at&finde&den&rig7ge&smøreolie&ikke& undervurderes. Fokusområder: Reten7on • Hvordan&kan&Q8&gøre&mit&arbejde&le1ere • Informa7on&om&nye&services&og&produkter • Branche&relevante&informa7oner&der& afspejler&Q8s&eksper7se&på&området • Q8&som&partner&mere&end&leverandør Salg • Special&7lbud&/&Kampagne&7lbud& • Informa7on&om&online&salg • Klar#CTA#med#telefon#nr.#3l#distrikschef# kundeservice Svend&Mogensen Landmand,&Vojens “Jeg%sæ(er%stor%pris%på%Q8’s%service.%Fak8sk% plejede%jeg%at%handle%hos%Shell%fordi%det% virkede%besværligt%at%bes8lle%hos%Q8.%Så%hjalp% Q8%mig%med%at%finde%få%olier%der%passer%8l%alle% mine%maskiner,%nu%handler%jeg%alt%hos%Q8..” Dis7later& Q8&købekort Smøreolier Fyringsolie Andet 350.000&l/år T 2T400&l/år meget&lidt Produkter Forbrug Eksempel#på#en#distriktchefskunde
  • 23. Think! Digital 23 Q8 <nyhedsbrev@q8.dk> Titel på nyhedsbrev 20. Marts, 2015 kl.11:10 DC KUNDER FOKUS PÅ SERVICE OG SAMARBEJDE DC#Distriktchefskunder Større&kunder. I&kampanger&re1et&mod&disse&oplyses&ingen& priser&da&de&al7d&har&forhandlet&sig&7l&egne& priser. Rela3on#3l#Q8 Mange&af&de&store&kunder&er&på&fornavn&med& distrikschefen.&Han&er&deres&ansigt&på&Q8&og& giver&kunderne&en&tæ1ere&rela7on&7l&Q8.&Q8&ses& oBe&mere&som&en&samarbejdspartner&end&blot& leverandør.& Selvom&de&fortræksvis&handler&store&mængder& diesel&bør&den&service&de&modtager&i&forbindelse& med&eks.&at&finde&den&rig7ge&smøreolie&ikke& undervurderes. Fokusområder: Reten7on • Hvordan&kan&Q8&gøre&mit&arbejde&le1ere • Informa7on&om&nye&services&og&produkter • Branche&relevante&informa7oner&der& afspejler&Q8s&eksper7se&på&området • Q8&som&partner&mere&end&leverandør Salg • Special&7lbud&/&Kampagne&7lbud& • Informa7on&om&online&salg • Klar#CTA#med#telefon#nr.#3l#distrikschef# kundeservice Svend&Mogensen Landmand,&Vojens “Jeg%sæ(er%stor%pris%på%Q8’s%service.%Fak8sk% plejede%jeg%at%handle%hos%Shell%fordi%det% virkede%besværligt%at%bes8lle%hos%Q8.%Så%hjalp% Q8%mig%med%at%finde%få%olier%der%passer%8l%alle% mine%maskiner,%nu%handler%jeg%alt%hos%Q8..” Dis7later& Q8&købekort Smøreolier Fyringsolie Andet 350.000&l/år T 2T400&l/år meget&lidt Produkter Forbrug Eksempel#på#en#distriktchefskunde
  • 24. Think! Digital UX CAMP APP Design an app that lets you see all presentations (and updates) from UX Camp CPH 1. Form group 3-4 people 2. Grab foil piece, post-its & a marker 3. Describe user needs (yours) (5 mins) 4. Define main content & structure on foil (10 mins) 5. Detail content and design on foil (10 min) 6. Present group suggestion in plenum