Comments on From Pages to Patterns: An Exercise for Everyone

16 Reader Comments

Back to the Article
  1. Great article. Really informative to see the process of developing a pattern library with actual clients. How hard was it to get the clients on board with this?

    Copy & paste the code below to embed this comment.
  2. Great insight (and photos of the process). I indeed think it´s a great method. Made me remember and old article from 37 signals web site (http://37signals.com/papers/introtopatterns/). Regards

    Copy & paste the code below to embed this comment.
  3. This is a great approach, makes me wonder if you could accomplish this starting with rough sketches. Also to think about how these components work responsively too. I am a big fan of artefact cards and this approach could dovetail quite nicely from this.

    Copy & paste the code below to embed this comment.
  4. It’s quite difficult to get our mostly web-ignorant clients to move away from the easily digestible, practical idea of a site as pages.

    That being said, this article has given me a lot to work with on getting my team on board with component-drive design and development.

    It’s a shift I’ve been trying to find the right language and approach for, so this is really helpful.

    Copy & paste the code below to embed this comment.
  5. Great article, even if client is removed from this process, it would be a huge benefit for everyone else involved in the project! Thanks.

    Copy & paste the code below to embed this comment.
  6. Good article, i have seen something like a couple of years ago,Startup Framework: Suit up your startup! https://vimeo.com/81676731
    Designmodo

    Copy & paste the code below to embed this comment.
  7. Herzaman seo optimizasyon hizmetinde http://www.birseo.com

    Copy & paste the code below to embed this comment.
  8. Hmm, so the main target of this process is to boost cooperation? But if I am understanding it right, you are still starting with pages and heading to atoms? And does this process help to get right names and create project vocabulary or the point is to get atoms and than use it to build other pages?

    Copy & paste the code below to embed this comment.
  9. I think this exercise, helps a lot in making people take a step back and look from wider perspective. It is about setting the right mindsets and specially useful in rising productive discussion. regarding the naming, i think that will come naturally from the discussions. Thanks for sharing Charlotte

    Copy & paste the code below to embed this comment.
  10. Nice to have a structured, collaborative exercise for an important task that doesn’t normally get any explicit resource.

    Copy & paste the code below to embed this comment.
  11. Nice article.

    A long lost mantra is describe behaviour not properties.  Glad you are bringing it back.

    Copy & paste the code below to embed this comment.
  12. Nathan Curtis has a book out that talks about designing reusable components for UX that goes into this approach in a really in depth way.

    Particularly, he dives into the best ways to document and communicate the components, how to organize and manage really large (enterprise-size) component libraries, as well as tons of tips and best practices on working with component libraries.

    Here’s the link to the book on Amazon:
    http://www.amazon.com/Modular-Web-Design-Components-Documentation/dp/0321601351

    Copy & paste the code below to embed this comment.
  13. Nice exercise ! Rightly said ” Code it up in HTML and CSS. Set a time limit and resist the temptation to perfect things. It’s fine to throw away the code if the designs change.”
    Also I too believe describing behavior is more important than just depicting properties.

    Copy & paste the code below to embed this comment.
  14. great post thanks admin .

    Copy & paste the code below to embed this comment.
  15. i will try it on my website

    Copy & paste the code below to embed this comment.
  16. We have implemented reusable components on our website.

    Copy & paste the code below to embed this comment.
  17. Sorry, commenting is closed on this article.