Posts Tagged ‘design’

  1. 11 Sep, 2017

    Facebook, You Needy Sonofabitch

    Several months ago, I turned off notifications from Facebook on my phone. Last week, I went ahead and removed the Facebook app from my phone. Now, I genuinely enjoy Facebook. I use it for keeping up with with my family […]

  2. 30 Aug, 2017

    3 Ways to Stop Designing for Addiction

    There’s some really smart stuff in this post. Pamela recommends some actionable things we designers can do to better ensure our creations don’t harm people. Ultimately this comes down to actively thinking about this stuff, so seeing articles like this […]

  3. 17 Aug, 2017

    Things you could be doing instead of designing & building that card component for the umpteenth time

    Making that card pattern more accessible Making that card pattern more responsive Making that card pattern more performant Making that card pattern more agnostic so it can handle different content patterns Making that card pattern more resilient to extreme content […]

  4. 08 Aug, 2017

    What is Technology Doing to Us?

    I re-listened to this podcast episode after seeing that Tristan’s Ted talk was just released. The podcast episode goes a whole lot deeper than the talk, and I think the subjects discussed are critical for any digital designer working in […]

  5. 19 Mar, 2017

    No Share Buttons on Mobile Sites (Except This One Weird Case)

    Josh wrote about social buttons, and I agree. I always had a hunch that social buttons weren’t super effective, and when asked for my opinion, I’d say that I thought they’re crufty, probably don’t get interacted with all that much, and don’t […]

  6. 13 Mar, 2017

    Abstract: The Art of Design

    PSA: this series on Netflix is really good. Each episode highlights a designer in a particular field (illustration, architecture, set design, etc). The subject talks about their work, their process, and their journey, and the whole thing is incredibly well produced. I […]

  7. 30 Aug, 2016

    Clarity Conf Video Online

    I kicked off the amazing Clarity Conf, a conference dedicated to style guides and design systems, earlier this year and they just posted the video of my talk. Enjoy. Or don’t. Whatever.

  8. 17 Feb, 2016

    Frontend Design

    Somewhere between design – a world of personas, pixels, and polish – and engineering – a world of logic, loops, and linux  – lies frontend design. Frontend design involves creating the HTML, CSS, and presentational JavaScript code that makes up a user […]

  9. 25 Jun, 2015

    Sketch, Iterate, Repeat: Prototyping Your Website Design

    Andrew Smyk (@andrewsmyk) discusses how he iterates on his web designs. There’s a strong focus on getting ideas out of his head and onto paper as quickly as possible, which is excellent. I enjoy how he cuts up his sketches to play with […]

  10. 30 Apr, 2015

    Unfinished Business episode 105: ‘Seventeen coats of bullshit’ with Dan Mall and Jeffrey Zeldman

    This is a fascinating discussion between Dan Mall, Jeffrey Zeldman, and Andy Clarke about the role of aesthetics in modern web design and development. This conversation is important as there’s still a bias that responsive design is responsible for bad […]

  11. 16 Oct, 2014

    Primed and Ready to Go

    It’s absolutely essential to treat front-end development as part of the design process. However, the (foolish, artificial) line between design and development “phases” gets in the way of true collaboration between disciplines. This often isn’t due to any malicious intent, […]

  12. 21 Aug, 2014

    Designing an Effective Donate Form

    I reached out to the Pittsburgh Food Bank last year about helping them redesign their website largely because I was having a hard time figuring out how to give them money. So as part of our redesign of the Pittsburgh […]

  13. 23 Jul, 2014

    The Principles of Adaptive Design

    There’s a conversation that crops up time to time again about the definition of responsive design and treating RWD as a goal unto itself. Has it evolved beyond Ethan Marcotte’s original definition? There are so many articles out there on […]

  14. 21 Nov, 2013

    ish. 2.0

    I’m happy to introduce ish. 2.0. For the uninitiated, ish. is yet another viewport resizing tool. It’s called “ish.” because it focuses on general ranges (small-ish. medium-ish. large-ish.), rather than popular device widths. It’s our jobs as web designers to […]

  15. 18 Nov, 2013

    Scope Components, Not Pages

    Recently, the always-brilliant Scott Jehl wrote a post titled Grade components, not browsers. In his post, Scott explains that grading browser support is an ineffective way of determining what experience a particular device/browser should get. Instead, the Filament Group grades […]

  16. 24 Oct, 2013

    Float Label Pattern

    Inline form labels can cause a lot of trouble, but at the same time the constraints of mobile screens force designers to do more with less space. It puts people in a weird position. Let’s take a look at the […]

  17. 14 Oct, 2013

    Entertainment Weekly

    Earlier this year I had the tremendous opportunity to create a responsive mobile site for Entertainment Weekly. I was privileged to work with some ridiculously talented people on this project: Josh Clark was our fearless leader. He assembled the team, […]

  18. 07 Oct, 2013

    Talking Design Process on Unfinished Business

    I had a blast talking with Andy Clarke about the modern Web design process on the Unfinished Business podcast. Andy’s been talking about moving the Web design process forward for years now, and so I had a great time talking […]

  19. 07 Oct, 2013

    Development Is Design

    I recently received this email from a startup: We’re a startup in San Francisco looking to launch a 5-page website this October. We would deliver all wireframes, web content, and design PSDs. We just need a front-end pro to develop […]

  20. 03 Oct, 2013

    Establishing Design Direction

    Design is hard. Aesthetics are subjective, and all the people involved in a design project all have unique perspectives that result in strong opinions about what content and functionality should be prioritized. As part of our open redesign of the […]

  21. 23 Sep, 2013

    Designing In The Open

    My wife and I are redesigning the Greater Pittsburgh Community Food Bank’s website, and we’re really excited to be designing the whole thing in the open. I suppose a good place to start is to talk about what designing in […]

  22. 16 Sep, 2013

    Page Height, Scrolling and Responsive Web Design

    Think about the times you scroll on your mobile phone. Not necessarily on on the Web, but in general. Here are some common scrolling scenarios: Going Back in Time Going back in time is one of the most common mobile […]

  23. 05 Sep, 2013

    Starting to Write CSS

    David Walsh takes a look at Atomic Design through the lens of CSS architecture. Some interesting thoughts here.

  24. 12 Jul, 2013

    UX Podcast Interview

    I had a great time chatting with James and Per about UX design and being future friendly.

  25. 10 Jul, 2013

    Interface Inventory

    Many are familiar with the concept of a content inventory. Content audits are usually performed in the early stages of a website redesign process to take stock of all a site’s content. It’s a tedious process involving spreadsheets and caffeine, […]

  26. 08 Jul, 2013

    Designing In the Browser Treehouse Interview

    I shared my thoughts on designing in the browser with the folks at Treehouse. TLDR; it depends, but get out of Photoshop as quickly as possible.

  27. 27 Jun, 2013

    Mobile Web Problems and How to Avoid Them

    Two years ago Jen Simmons (@jensimmons) and I made a site called WTF Mobile Web, a Tumblr which highlights the frustrations mobile web users regularly experience. While the site is a bit cheeky, the goal isn’t to cut anybody down, […]

  28. 10 Jun, 2013

    Atomic Design

    Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy in paperback and/or ebook formats. We’re not designing pages, we’re designing systems of components.—Stephen Hay As the craft of Web design […]

  29. 07 Mar, 2013

    Carousel Conversion Rate Eye Tracking

    The post is in Swedish, but run it through Google Translate. Basically they did an A/B test between a carousel feature area and a non-carousel feature area. The carousel version only got a 1.96% interaction rate, while the non-carousel version […]

  30. 07 Mar, 2013

    Prioritizing Performance in Responsive Design

    Last year, Guy Podjarny ran tests on hundreds of responsive sites on Mediaqueri.es and found that a full 86% of responsive sites send about the same hefty payload to small screens as they do to large screens. In other words, […]