• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
16 Things Designers wish Developers 'got' (in no particular order)
 

16 Things Designers wish Developers 'got' (in no particular order)

on

  • 407 views

This is by no means exhaustive, and is reflective of my experience and some of my developer colleagues... feel free to add your own suggestions!! ...

This is by no means exhaustive, and is reflective of my experience and some of my developer colleagues... feel free to add your own suggestions!!

Collated for The Nudge Melbourne interview I did in June 2013.

Statistics

Views

Total Views
407
Views on SlideShare
218
Embed Views
189

Actions

Likes
0
Downloads
0
Comments
0

6 Embeds 189

http://thewebprincess.com 148
http://twp.on.thewebprincess.net 26
http://feeds.feedburner.com 8
http://twp.thewebprincess.net 4
http://www.newsblur.com 2
http://feedproxy.google.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    16 Things Designers wish Developers 'got' (in no particular order) 16 Things Designers wish Developers 'got' (in no particular order) Presentation Transcript

    • Things Developerswish Designers ‘got’(in no particular order)@nudgemelbourne@thewebprincess
    • Get anunderstanding ofCMS & Contenti.e. Titles can be more than oneline - Content can be in long orshort form - (i.e. design meetsreal-world use - think beyond theLorem Ipsum)@nudgemelbourne@thewebprincess
    • Existing SolutionsAsk the dev if they have an existingsolution to accommodate your designideas... (Jquery library, plugin/slideshow etc.) this saves the dev timeThis is win/win in action@nudgemelbourne@thewebprincess
    • Photoshop BestPracticeUse logical file naming and layer structureProvide fair warning for the dev aboutdesign file format if it’s not PSD - Don’tassume they’re all over (or even have accessto ID etc) (InDesign? Illustrator? Photoshop,PDF or Fireworks?) - But realistically PSD pls@nudgemelbourne@thewebprincess
    • IllustratorIf you MUST design for web inIllustrator don’t outline your text...But seriously... see below(PSD = #winning)@nudgemelbourne@thewebprincess
    • Widget UseThink about reusing widgets onpage templates rather than adifferent widget/content block onevery page - ok so this is WPspecific... but different content onevery page layout can be a p.i.t.a@nudgemelbourne@thewebprincess
    • Responsive vMobileGet across the differences betweena responsive layout over adedicated mobile design -responsive layout flows existingelements to fit - it isn’t a wholenew designDon’t limit to fixed size (i.e. mustlook like this at xxxpx etc.)@nudgemelbourne@thewebprincess
    • Realistic DeadlinesTalk first and set reasonabledeadlinesDon’t keep asking ‘When will it beready?’ (talk about deadlinesupfront, agree, trust the dev to doit - and to communicate if thingsneed stretching)@nudgemelbourne@thewebprincess
    • Value versus CostI hate telling you how much Ithink it will cost (hourly rates,time taken to do the job etc.)... Tellme what it’s worth to you... let’snegotiate on that basis...@nudgemelbourne@thewebprincess
    • Pixel Perfectioncomes at a priceIf you want your site to be EXACTLY thesame as the PSD be prepared to pay... it takestime... it takes skill especially the furtherback in IE you go.. (also fonts WILL lookdifferent across browsers)@nudgemelbourne@thewebprincess
    • On all Singing/allDancing sitesIf you have promised the client theworld... make sure you’ve talked toyour dev about just what a worldthat will be... BEFORE you make thepromise@nudgemelbourne@thewebprincess
    • FontsOn font sizes - measure in pixels NOT points -& don’t use half pixels there is no such thing!!Get across websafe fonts... helvetica neue is noton typekit or google fonts... costs dollars... andbitchy to implement via fonts.com (in myexperience)Default font size on browsers is 16px - designfor that@nudgemelbourne@thewebprincess
    • Width and HeightHow will your design look on a big screen?What happens to your background image?Stretch? Tile? Something else?Is your layout in finished pixel dimensionsi.e. at web resolution? (if not, insert wristslashing motion here)@nudgemelbourne@thewebprincess
    • GridsLet your dev know which gridyou’re using... OR ASK them whichthey’d like you to useIf you’re not using a grid... WHYNOT? (Seriously it will save youmoney and save the dev time;more win/win)@nudgemelbourne@thewebprincess
    • Give up on IE 6Seriouslyor if you insist... sit down while I tell you what thatwill cost - (think double)@nudgemelbourne@thewebprincess
    • RetinaGet familiar with what you need to provideas far as 2x images for retina displays... andprovide themget across and use the naming conventiontoo... save your dev some headachesthis may mean buying bigger stock images ormaking your elements in vector rather thanraster format@nudgemelbourne@thewebprincess
    • CommunicateAll in all, a lot of the designer/dev issues could be solved bytalking up front... and during theprocess... for it is written...“assumption is the mother of allfuckups”. (Jeff Crabtree)@nudgemelbourne@thewebprincess