Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
@mbarker_84 /  #FOWD

Designing for
Content Creators
@mbarke1'_84 /  #FOWD

MYTH: 

Clients "ruin"
well-designed websites
@mbarke1'_84 /  #FOWD

TRUTH: 

Good client experience = 
Better user experience
(a_', II, 'ujn, I‘nn. I_'r_‘k(: u; my . -‘. -'! }'V‘VAV‘, T *

Designing for _ Making your site
content creators ‘ future-...
’ @mbarker_84 /  #FOWD

Who are the
content creators?
’ @mbarker_84 /  #FOWD

1. Marketers
’ @mbarker_84 /  #FOWD

1. Marketers

— Site—wide copy
— Product images
’ @mbarker_84 /  #FOWD

2. Copywriters
’' @mbarker_84 /  #FOWD

2. Copywriters

Long— or short—form copy: 
— Articles

— Blog posts

— Product descriptions
’ @mbarker_84 /  #FOWD

3. Site editors
y @mbarker_84 /  #FOWD

3. Site editors

— Selecting images
— Long— or short—form copy

— Site-wide changes,  e.  g.  colo...
’ @mbarker_84 /  #FOWD

4. Freelancers or small
business owners
’ @mbarker_84 /  #FOWD

4. Freelancers or small

business owners
- Selecting images

- Long— or short-form copy
- . ..any ...
’ @mbarker_84 /  #FOWD

5. End users
n 1
Ask questions

4 u‘or| r‘k(-‘r My . -‘: 'i}fV‘ [Ti
’ @mbarker_84 /  #FOWD

- How many people are responsible for
producing content?
’ @mbarker_84 /  #FOWD

- How many people are responsible for
producing content? 

— How many different types of content d...
’ @mbarker_84 /  #FOWD

- How many people are responsible for
producing content? 

— How many different types of content d...
’ @mbarker_84 /  #FOWD

- How many people are responsible for
producing content? 

— How many different types of content d...
’ @mbarker_84 /  #FOWD

- How many people are responsible for
producing content? 

— How many different types of content d...
@mbarker_84 /  #FOWD

CASE STUDY: 
Future Insights
0 FUTURE INSIGHTS

 

EVENTS VIDEOS MEMBERS nos ABOUT LOG1N/ SlGNUP

9
Subscribe to our newsletter to get
t A CDNFERENCE F...
@mbarker_84 /  #FOWD

The end user needs to be able to: 

— Find upcoming events
— Find event—related videos
— Browse blog...
@mbarker_84 /  #FOWD

The end user needs to be able to: 

— Find upcoming events
— Find event—related videos
— Browse blog...
@mbarker_84 /  #FOWD

What l know: 

- Several content producers

— Site contains event listings,  blog posts and
videos

...
@mbarker_84 /  #FOWD

Content creators need to be able to; 

— Add a new event type
- Assign a logo,  image and colour sch...
@mbarker_84 /  #FOWD

We need to design: 

— A way to differentiate between ‘events’ and
brands

— How content appears in ...
@mbarker_84 /  #FOWD

We need to design: 
- Images for content creators to pick from
_ I E
in n‘<Iv ; /,lrIiw, ~.mIr. »

Welcome,  Adminl View your Account Settings or Lug

Our Events

FUTURE OF FUTURE l

  ...
GET IWTILVEII AEEEDJNT

Q FUTUREINSIGMTS EVENTS VIDEDS BLDG FEIIFLE AHIIIJT

FUTURE OF

Future of Web Design is a 3-day ev...
@mbarker_84 /  #FOWD

We need to design: 

- Images for content creators to pick from
- Different colour schemes for diffe...
’ @mbarker_84 /  #FOWD

# 2
Know your tools
Q FUWREMSIGMYS EVENTS VIDEIJS AEDIJT GET INVDLVED

 

ALL FUTURE or WEB DESIGN FUYURE DFWEB APPS FUTURE Insllsms LIVE FUTU...
Research

. 
Design . 

Development



Testing



Launch
Research Design Development

K / 

Testing

1

Launch
http: //bit.1y/1AfjRtS
http: //pattern1ab. io

0 pattern lab documentation about resources demo on github

About Atomic De...
Q ruluuc msisuvs EVENTS PEDPLE ABDLIT GET IIIVDLVED

Rachel Andrew

Rachel Andrew is a lion:  ma backand -an developer,  m...
Q FIJVIJREINSIGHYS EVENTS BLDG ABDUT GET INVDLVED

: )

Relly Annett-Baker

Relly Annex: -Baker llves in ariyimn with her ...
I @mbarker_84 /  #FOWD

# 3
Build good relationships with
developers
Q mun:  msmrns EVENTS PEDPLE Aanm GET INVHLVED

Rachel Andrew

RA: he|  Andrrw is a non:  ma bxkm-4 -an dcnlopov,  mmma Ip...
2.‘ u '
‘ .  - br1stol&wales

catr: ;:: .p2 

How to Help v Shop Resources '

v-- w -v

/ 

lllI9), l,Lfl, 'I]; —«', '”191...
' .  bristol&wales

Q3: -r1‘ v an 1;: -1- 4»
l .  .

‘*1. .  . .  -I.  n u .  1 About Us How to Help v Shop Resources v Co...
i.  .' bristol&wales

»"'1"l. ' T’ ‘E7 "l"' " 7 About How to Help Shop Caring for your Resources Contact , I1-mm: 
‘€'J’¢'...
3%? ’ @mbarker_84 /  #FOWD

Possible solutions
3%? ’ @mbarker_84 /  #FOWD

Possible solutions

— Vertical menu
g @mbarker_84 /  #FOWD

Possible solutions

— Vertical menu
— Off-canvas /  hamburger menu
fl @mbarker_84 /  #FOWD

Possible solutions

— Vertical menu

— Off-canvas /  hamburger menu
— Add a dropdown for ‘More. ..’
. ; bristol&wales

fig. ‘-v-4 -u» 4: -. rr—r— -r
l c“ » »

4’‘‘tL; ‘:t, . 5'5’ ,1 ; 

About Us

How to Help V

Shop

Contac...
§I
n

“ bristol&wales

cat *-“ ‘" *  ‘
L . ~_.  ‘A4 «_ ‘as .  ..  About Us How to Help v Shop Resources - Contact i I1-11-...
alt: -x-jlluw :1-g-. -amcsrfilzi s‘| il'J'. ' ¢5liIi': Li' ‘menu Donate

working together to give cats a second chance_. 

...
3%? ’ @mbarker_84 /  #FOWD

Possible solutions
@ @mbarker_84 /  #FOWD

Possible solutions

— Communicate and educate
@ @mbarker_84 /  #FOWD

Possible solutions

— Communicate and educate
— Provide a style guide
fl @mbarker_84 /  #FOWD

Possible solutions

— Communicate and educate
— Provide a style guide
— Use CSS for image overlays
flu

‘ ‘bristol&wales

cat 'W"r:  *-
a. . 2.;  vs.  _ . . About Us How to Help v Shop Contact More v
>  ——?  i — W

Vllloli...
’ @mbarker_84 /  #FOWD

# 4
Use a style guide
Style Guide Example: 
A List Apart
http: //bit. ly/1VTjtwo
Cats for adoption

Help us help cats in need

Every week we receive new cats
into our care in need of loving
homes.  By ad...
Help us help cats in need

Can you give a cat or kitten a happy
tail?  Every week we receive new
cats into our care in nee...
g @mbarker_84 /  #FOWD

Possible solutions
— Use flexbox to create equal length columns
Help us help cats in need

Can you give a cat or kitten a happy
tail?  Every week we receive new
cats into our care in nee...
Help us help cats in need

 

Can you give a cat or kitten a happy
tail?  Every week we receive new
cats into our care in ...
@ @mbarker_84 /  #FOWD

Possible solutions

— Use CSS to fix image dimensions
Help us help cats in need

Can you give a cat or kitten a happy
tail?  Every week we receive new
cats into our care in nee...
fl @mbarker_84 /  #FOWD

Possible solutions

— Use CSS to fix image dimensions
— Consider applying CSS filters or gradients
Iloombovuliotmvlpnnylllhududav louvbdglnpnmnl-lutnlngln Iloonhovflnnlnnlbmtonoqn-1

Bloomberg /  News
Business

Mrnkcltt

...
’ @mbarker_84 /  #FOWD

# 5
Design with real content
”Ifyou're redesigning a new site,  I recommend using
the gnarliest,  most edge-case-y content on the current
site for your...
@mbarker_84 /  #FOWD

Personalisation
1. Ask questions
2. Know your tools

3. Build good relationships
with developers

4. Use a style guide
5. Design with real...
@I, Ijn, I‘nnIjrf, k(a;  am . -‘. -'! }'V‘VAV‘, T ‘

Thankyeu
Próxima SlideShare
Cargando en…5
×

Designing for Content Creators

763 visualizaciones

Publicado el

In the past few years we’ve seen User Experience become a central focus of web design, and many of us are now designing with the end user foremost in mind. But if we want the sites we build to continue delivering a great user experience, we also need to consider the content authors: The people who will be using our product day-in, day-out, regularly adding new content in ways we can’t anticipate. Michelle will talk about some of the things she’s learned while redesigning the soon-to-be-launched futureinsights.com, and how empowering the content creators with flexible design can create a better experience for everyone.

Publicado en: Diseño
  • Sé el primero en comentar

Designing for Content Creators

  1. 1. @mbarker_84 / #FOWD Designing for Content Creators
  2. 2. @mbarke1'_84 / #FOWD MYTH: Clients "ruin" well-designed websites
  3. 3. @mbarke1'_84 / #FOWD TRUTH: Good client experience = Better user experience
  4. 4. (a_', II, 'ujn, I‘nn. I_'r_‘k(: u; my . -‘. -'! }'V‘VAV‘, T * Designing for _ Making your site content creators ‘ future-proof
  5. 5. ’ @mbarker_84 / #FOWD Who are the content creators?
  6. 6. ’ @mbarker_84 / #FOWD 1. Marketers
  7. 7. ’ @mbarker_84 / #FOWD 1. Marketers — Site—wide copy — Product images
  8. 8. ’ @mbarker_84 / #FOWD 2. Copywriters
  9. 9. ’' @mbarker_84 / #FOWD 2. Copywriters Long— or short—form copy: — Articles — Blog posts — Product descriptions
  10. 10. ’ @mbarker_84 / #FOWD 3. Site editors
  11. 11. y @mbarker_84 / #FOWD 3. Site editors — Selecting images — Long— or short—form copy — Site-wide changes, e. g. colour scheme, or moving, adding or deleting sections
  12. 12. ’ @mbarker_84 / #FOWD 4. Freelancers or small business owners
  13. 13. ’ @mbarker_84 / #FOWD 4. Freelancers or small business owners - Selecting images - Long— or short-form copy - . ..any of the above
  14. 14. ’ @mbarker_84 / #FOWD 5. End users
  15. 15. n 1 Ask questions 4 u‘or| r‘k(-‘r My . -‘: 'i}fV‘ [Ti
  16. 16. ’ @mbarker_84 / #FOWD - How many people are responsible for producing content?
  17. 17. ’ @mbarker_84 / #FOWD - How many people are responsible for producing content? — How many different types of content does the site need?
  18. 18. ’ @mbarker_84 / #FOWD - How many people are responsible for producing content? — How many different types of content does the site need? - Where are they sourcing images from?
  19. 19. ’ @mbarker_84 / #FOWD - How many people are responsible for producing content? — How many different types of content does the site need? - Where are they sourcing images from? - What editorial powers will they need?
  20. 20. ’ @mbarker_84 / #FOWD - How many people are responsible for producing content? — How many different types of content does the site need? - Where are they sourcing images from? - What editorial powers will they need? - Will the content change over time?
  21. 21. @mbarker_84 / #FOWD CASE STUDY: Future Insights
  22. 22. 0 FUTURE INSIGHTS EVENTS VIDEOS MEMBERS nos ABOUT LOG1N/ SlGNUP 9 Subscribe to our newsletter to get t A CDNFERENCE FUR WEB _- . updates on the latest blog posts: DES| GNERS&DEVELUPERS ‘ f IN 2E! lS&BEYOND. U + Q FUTUREOF . ~.°. *:: .!1E. *.3;. :3.°. :*. .. WEBDESIGN Conferences for the Designers and Developers ofthe Web, Mobile, and Internet ofThings 5.. ... . Live Q&A with Ienny Tong
  23. 23. @mbarker_84 / #FOWD The end user needs to be able to: — Find upcoming events — Find event—related videos — Browse blog content relevant to their interest
  24. 24. @mbarker_84 / #FOWD The end user needs to be able to: — Find upcoming events — Find event—related videos — Browse blog content relevant to their interest
  25. 25. @mbarker_84 / #FOWD What l know: - Several content producers — Site contains event listings, blog posts and videos - Not always easy to find images - Content will change often
  26. 26. @mbarker_84 / #FOWD Content creators need to be able to; — Add a new event type - Assign a logo, image and colour scheme - Assign content to that event
  27. 27. @mbarker_84 / #FOWD We need to design: — A way to differentiate between ‘events’ and brands — How content appears in the filtering system
  28. 28. @mbarker_84 / #FOWD We need to design: - Images for content creators to pick from
  29. 29. _ I E in n‘<Iv ; /,lrIiw, ~.mIr. » Welcome, Adminl View your Account Settings or Lug Our Events FUTURE OF FUTURE l FUTURE OF M , _ LIVE 1 v ‘ 'aI T an I . UX - WEB DESIGN - UI - NTMI . IZSS . FlIflNT—ENI] - JAVASIZRIPT . APIS . UX - TEIIJLKITS . IIESIBNIIISPIITATIIJII - IJESIENINSPIRATIIJII - TIIITLKITS - REAL-TIME - FITDNTVENII - REAL-TIME I . INTEFINET Ill TIIINES . PITDIJUCT AND STIIATEBV . PRUJEET MANAGEMENT - INTERNET DF THINGS ULTIMATE W©| I22|K DEVELOPER EVENT - HR - BUSINESS - EIIIIIJINE ATEAM - JAVASERIPT - PRDIJLIET ANIJ STRATEGY I . IEADEIISNIF - STITATEBV . DIGITAL - FITITNT-END ~ BACK-END
  30. 30. GET IWTILVEII AEEEDJNT Q FUTUREINSIGMTS EVENTS VIDEDS BLDG FEIIFLE AHIIIJT FUTURE OF Future of Web Design is a 3-day event for designers, front-end developers, and people worklngto make the web awesome. Vou'll leave the conference Insplred, with valuable contacts and the knowledge to grow and succeed In this fast changing dljtel landscape. Upcoming Events | | NEW YORK CITY SAN FRANCISCO LONDON
  31. 31. @mbarker_84 / #FOWD We need to design: - Images for content creators to pick from - Different colour schemes for different brands
  32. 32. ’ @mbarker_84 / #FOWD # 2 Know your tools
  33. 33. Q FUWREMSIGMYS EVENTS VIDEIJS AEDIJT GET INVDLVED ALL FUTURE or WEB DESIGN FUYURE DFWEB APPS FUTURE Insllsms LIVE FUTURE or WORK MonE. .. Showing All Events in AllCities 2015 Sorrhy Spoakeril z v issurceos IIIFIIRM TD INSPIRE: PERFECTIIIG VIIIIJII CREATIVE VIDRKFLDVI VIIIY YIIJIIIIPIIESS IS THE FIIAMEYIIJIIK
  34. 34. Research . Design . Development Testing Launch
  35. 35. Research Design Development K / Testing 1 Launch
  36. 36. http: //bit.1y/1AfjRtS http: //pattern1ab. io 0 pattern lab documentation about resources demo on github About Atomic Design Atomic design is a methodology used to construct web design systems. There are five distinct stages in atomic design:
  37. 37. Q ruluuc msisuvs EVENTS PEDPLE ABDLIT GET IIIVDLVED Rachel Andrew Rachel Andrew is a lion: ma backand -an developer, mthorand 1peaker. Her books include the bestselling css Anthology forsimpoint mu m is . regularcontributortn . number ofpubllcntlons am. on and mm. 5». mm mm business and tachnolog on her DIMI on u racheIendrew. co. ul<. In addition to offering consultancy unrlces through the company she founded In zool — edggdnlysemmm — mm is also one ol the developers at the content management system, Patch. RELATED CONTENT GDNFIGDRATIDII MANAGEMENT YIITN TNE NEW GSS IJVDUT PLIPPET FDR IIEVELDPERS 2; mini. PLISIIING TNE BDDIIDARIES VIITNDLIT BREAKING TNE WEB
  38. 38. Q FIJVIJREINSIGHYS EVENTS BLDG ABDUT GET INVDLVED : ) Relly Annett-Baker Relly Annex: -Baker llves in ariyimn with her husband, Pwl Anneu, and their Mo sons. Asaresultshefllrivesontheseaelrindan beguaranuedmswidon Legoaxleast once a day. As well as being a oopywriur, she is employed as live-in domestic stafi by two can who ohen supervise her typing and make editorial sugnsunns such as ‘I think it's dinner time’. When not being purred inm submission she wrius copy and content for clients, magazine articles for tidesas diverse .5 . net rnegexine and Scrapbook Inspirations and Is currently writing a chlldren’s novel. RELATED CONTENT ZDZD VISIIIN: THE WEB. ITS CDNTEIIT AND A NEAR FLITDRE SCIENCE FICTIIIII E. » , >‘A"II"Vrl‘. r'II'r-V FUTURE PERFECT TEIISE: CREATING GDDB CDNTENT DII All IIAPERFECT WEB : ?vC'Ily»’~'inL-i’Yr: i:: Lr*'
  39. 39. I @mbarker_84 / #FOWD # 3 Build good relationships with developers
  40. 40. Q mun: msmrns EVENTS PEDPLE Aanm GET INVHLVED Rachel Andrew RA: he| Andrrw is a non: ma bxkm-4 -an dcnlopov, mmma Ipukcr. mr books intludn mu blnulting css Anmoingy forsimpoint mu m is . rngulucantrilnnnrtn . numblr ofpubllcnloru am. on ma mm. 5». mm mm bnnlnou And mchnolng on her own sin n rA: Mhndrev4.<n. uk. In addition to offering oonsulunty utvlu: through the oompnny she founded In zoo‘ — edggdulysemmm — mm is Also one oi the developers M the mutant mnugement system, Path. RELATED CONTENT EDIFIEURATIDN HAIIAEIMENT WITH TNI HEW ESS | JV| 'llJi PLIPPET Fflfl IIEVEHIPERS 2; mm. PIJSHINE TNE BULINDAIIIES WITHDIJT BREAKING TIGE WEE
  41. 41. 2.‘ u ' ‘ . - br1stol&wales catr: ;:: .p2 How to Help v Shop Resources ' v-- w -v / lllI9), l,Lfl, 'I]; —«', '”19135331?! r”: K:'v»; {lYl= ‘ ff= .l‘(-‘« -. » . ~l; l-mu-ii €lil= .lIl¢(3l. Cats for adoption | Help us help cats in need Jim" : o):1I= l: E . . ' l 7l‘. fl
  42. 42. ' . bristol&wales Q3: -r1‘ v an 1;: -1- 4» l . . ‘*1. . . . -I. n u . 1 About Us How to Help v Shop Resources v Contact M-)ur. ,l'(=
  43. 43. i. .' bristol&wales »"'1"l. ' T’ ‘E7 "l"' " 7 About How to Help Shop Caring for your Resources Contact , I1-mm: ‘€'J’¢'; .. 3|’: s. uUs V cat 7
  44. 44. 3%? ’ @mbarker_84 / #FOWD Possible solutions
  45. 45. 3%? ’ @mbarker_84 / #FOWD Possible solutions — Vertical menu
  46. 46. g @mbarker_84 / #FOWD Possible solutions — Vertical menu — Off-canvas / hamburger menu
  47. 47. fl @mbarker_84 / #FOWD Possible solutions — Vertical menu — Off-canvas / hamburger menu — Add a dropdown for ‘More. ..’
  48. 48. . ; bristol&wales fig. ‘-v-4 -u» 4: -. rr—r— -r l c“ » » 4’‘‘tL; ‘:t, . 5'5’ ,1 ; About Us How to Help V Shop Contact More v - Caring for your cat Resources Events
  49. 49. §I n “ bristol&wales cat *-“ ‘" * ‘ L . ~_. ‘A4 «_ ‘as . .. About Us How to Help v Shop Resources - Contact i I1-11-l('< v v v 5! r’ Yll!9Ill{l_i1;«'j*il9lg; Xil. i,l: lr“i! ;‘v»gYI= * <: =.l‘(= i 7.! :1-_(-(sin-il <: it= _I'm(; -s. Cats for adoption I
  50. 50. alt: -x-jlluw :1-g-. -amcsrfilzi s‘| il'J'. ' ¢5liIi': Li' ‘menu Donate working together to give cats a second chance_. Olnlmlunmtit-wit-n l . ,'-'Lilly-. l|s»—; ,ila]: Hsniisi-1,1! l1%l‘sI§. l ADOPT l FOSTER l DONATE | we » 2 ~
  51. 51. 3%? ’ @mbarker_84 / #FOWD Possible solutions
  52. 52. @ @mbarker_84 / #FOWD Possible solutions — Communicate and educate
  53. 53. @ @mbarker_84 / #FOWD Possible solutions — Communicate and educate — Provide a style guide
  54. 54. fl @mbarker_84 / #FOWD Possible solutions — Communicate and educate — Provide a style guide — Use CSS for image overlays
  55. 55. flu ‘ ‘bristol&wales cat 'W"r: *- a. . 2.; vs. _ . . About Us How to Help v Shop Contact More v > ——? i — W VlllolilflI}3j"iug(= liil= ll“it glfla at-. ll_“»‘-. l :1:mol| lI'. l <2l‘Ir-. lIl6(= }, Cats for adoption ‘ Help us help cats in need Jun)" E . _',
  56. 56. ’ @mbarker_84 / #FOWD # 4 Use a style guide
  57. 57. Style Guide Example: A List Apart http: //bit. ly/1VTjtwo
  58. 58. Cats for adoption Help us help cats in need Every week we receive new cats into our care in need of loving homes. By adopting a cat or kitten from BWCR you’re helping (Wu cats - as adopting a cat frees up a much-needed space in foster care. Find Out How -) Latest news Can you help a cat in need by fostering in your home? We’re always looking for caring households to look after our moggies while they're awaiting their new home. Find Out More -) A Word From Our New Patron We are pleased to announce that we have a new patron who will be supporting BWCR and the work we do re~homing cats. Councillor Rikki Teml is Chairman of Filton Town Council, and a big We rely 100% on the kindness of the public to help us take care of animals in need. We are grateful for any donation, however small which helps continue the vital work we do.
  59. 59. Help us help cats in need Can you give a cat or kitten a happy tail? Every week we receive new cats into our care in need of loving homes. By adopting a cat or kitten from EWCR you’re actually helping two cats - as adopting a cat frees up a muclrneeded space in foster care. Why not visit our adoption pages today, to find a cat to be that special friend in your life? Find Out How -) Can you help a cat in need by fostering in your home? We’re always looking for caring households to look after our moggies while they‘re awaiting their new home. Find Out More -) E‘! 1 l We rely 100% on the kindness of the public to help us take care of animals in need. We are grateful for any donation, however small which helps continue the vital work we do.
  60. 60. g @mbarker_84 / #FOWD Possible solutions — Use flexbox to create equal length columns
  61. 61. Help us help cats in need Can you give a cat or kitten a happy tail? Every week we receive new cats into our care in need of loving homes. By adopting a cat or kitten from BWCR you’re actually helping two cats — as adopting a cat frees up a much-needed space in foster care. Why not visit our adoption pages today, to find a cat to be that special friend in your life? Find Out How -) Can you help a cat in need by fostering in your home? We're always looking for caring households to look after our moggies while they're awaiting their new home. Find Out More -) We rely 100% on the kindness of the public to help us take care of animals in need. We are grateful for any donation, however small which helps continue the vital work we do.
  62. 62. Help us help cats in need Can you give a cat or kitten a happy tail? Every week we receive new cats into our care in need of loving homes. By adopting a cat or kitten from BWCR you're actually helping two cats - as adopting a cat frees up a much-needed space in foster care. Why not visit our adoption pages today, to find a cat to be that special friend in your life? Find Out How -) Can you help a cat in need by fostering in your home? We’re always looking for caring households to look after our moggies while they’re awaiting their new home. Find Out More -) I. We rely 100% on the kindness of the public to help us take care of animals in need. We are grateful for any donation, however small, which helps continue the vital work we do.
  63. 63. @ @mbarker_84 / #FOWD Possible solutions — Use CSS to fix image dimensions
  64. 64. Help us help cats in need Can you give a cat or kitten a happy tail? Every week we receive new cats into our care in need of loving homes. By adopting a cat or kitten from BWCR you’re actually helping two cats - as adopting a cat frees up a much-needed space in foster care. Why not visit our adoption pages today, to find a cat to be that special friend in your life? Find Out How -) Can you help a cat in need by fostering in your home? We're always looking for caring households to look after our moggies while they're awaiting their new home. Find Out More -) We rely 100% on the kindness of the public to help us take care of animals in need. We are grateful for any donation, however small, which helps continue the vital work we do.
  65. 65. fl @mbarker_84 / #FOWD Possible solutions — Use CSS to fix image dimensions — Consider applying CSS filters or gradients
  66. 66. Iloombovuliotmvlpnnylllhududav louvbdglnpnmnl-lutnlngln Iloonhovflnnlnnlbmtonoqn-1 Bloomberg / News Business Mrnkcltt lll‘vl<[l1lt; Video ~ saudio‘ru'dé. s't§_ékpiIes 7 _ ‘at Record High’ii1 August _as Exports Eell . " ‘ Wew / Saudi Arabia's oil war with Russia Politics / Big Oil Rolls Oul Al Gore Over Ethanol , . , Archive: ‘Very Good UK and China Poised for Deal on World's costliest Nuclear Plant Archive ux nebims Prospect’ ot Hlnkley Deal Fears on Chinese Nuclear
  67. 67. ’ @mbarker_84 / #FOWD # 5 Design with real content
  68. 68. ”Ifyou're redesigning a new site, I recommend using the gnarliest, most edge-case-y content on the current site for your sample content. ” Rory Douglas, A List Apart http: //bit. ly / 1F sxzki
  69. 69. @mbarker_84 / #FOWD Personalisation
  70. 70. 1. Ask questions 2. Know your tools 3. Build good relationships with developers 4. Use a style guide 5. Design with real content
  71. 71. @I, Ijn, I‘nnIjrf, k(a; am . -‘. -'! }'V‘VAV‘, T ‘ Thankyeu

×