Thinking Like A Designer: Principles and Tools for Effective Web Design


Book Description

NOTE FROM THE AUTHOR I have a confession to make: I call myself a designer, but I never went to design school, only worked in a web agency for a couple months, and learned what I know by reading blogs and following along tutorials. I think this is one of the reasons why I love writing and blogging: it gives me a chance to give back and in turn help aspiring designers just like I was helped myself. And I also blog because I want to show that although good design can often feel magical, the process itself isn't: it's just about mastering the basics, and a lot of hard work. If I can do it, I believe you probably can as well. So what you have here is a selection of the most interesting articles I've written over the past couple years. All I hope is that they will help make a long plane ride a little bit shorter, and just maybe give you some new perspectives on design. EXCERPT FROM THE BOOK User Experience is a term you hear thrown around a whole lot lately. For some people it means the way a site looks and feels, for others it's all about a site's architecture, but for most of them it's just an empty buzzword that doesn't mean anything at all. User experience is all that and much more. It literally is what users think and feel while using your product. UX Is Everywhere If your site has a painless sign-up process, that's part of the user experience. If your site uses gorgeous photos, that's part of the user experience. If your site is unbearably slow, that's UX too. And if your site is perfect, but there's a bug in your code and you end up charging people twice as much for your product, well guess what, that's also part of their (very bad) user experience. So "user experience design" can include web design, photography, speed optimization, coding, to say nothing of copywriting, branding, security, interaction design, or information architecture. We're All User Experience Designers It logically follows that someone who calls himself a "user experience designers" should be involved in every one of those aspects. But instead, actual "user experience designers" usually come in during the early stages of a project, and use wireframes and prototypes to plan out design, architecture, and interactions. Don't get me wrong, I'm not saying it's not a real job. But I feel like it should be called something else, like maybe "Prototype Designer" or "User Experience Consultant" if the person comes in at a later stage to analyze an existing site. In my mind, the title of "User Experience Designer" does not belong to a single person. Instead, it should be embraced by everybody contributing to the project, whether they are a designer, coder, photographer, writer, or systems administrator. Because after all, their work is what ultimately defines the user's experience. "Can You Add More UX to It?" Why is that important at all? Isn't all this just a question of semantics? Well, yes, it is. But bad semantics lead to bad communication, and that in turn leads to bad results. It's not uncommon to hear clients asking if you "do UX" or asking a designer if they "focus on UX." UX soon becomes an empty buzzword that can mean whatever the client wants it to mean. User Experience Professionals have done a great job of promoting UX as a concept. But I feel it's now time that designers reclaim that term and make it clear that "UX" is not a mysterious new idea, but instead part of what every designer does every day. Buy the book to read more! CHAPTER OUTLINE Introduction + Introduction + Coders Who Can't Design, Designers Who Can't Code + Does Design Really Matter for Start-Ups? Design Principles + Design Principles + Why There Is No Such Thing as a UX Designer + Usability and the Lowest Common Denominator + Why wireframes can hurt your project. + ...and much more ...and much more




Designing Your Life


Book Description

#1 NEW YORK TIMES BEST SELLER • At last, a book that shows you how to build—design—a life you can thrive in, at any age or stage • “Life has questions. They have answers.” —The New York Times Designers create worlds and solve problems using design thinking. Look around your office or home—at the tablet or smartphone you may be holding or the chair you are sitting in. Everything in our lives was designed by someone. And every design starts with a problem that a designer or team of designers seeks to solve. In this book, Bill Burnett and Dave Evans show us how design thinking can help us create a life that is both meaningful and fulfilling, regardless of who or where we are, what we do or have done for a living, or how young or old we are. The same design thinking responsible for amazing technology, products, and spaces can be used to design and build your career and your life, a life of fulfillment and joy, constantly creative and productive, one that always holds the possibility of surprise.




Design the Life You Love


Book Description

An interactive journal that serves as a joyful, inspirational guide to building the life you've always dreamed of, using the principles and creative process of an award-winning product designer. Life, just like a design problem, is full of constraints -- time, money, age, location, and circumstances. You can’t have everything, so you have to be creative to make what you want and what you need co-exist. Design the Life You Love is a joyful, inspirational guide to building the life you’ve always wanted, using the principles and creative process of an award-winning product designer. Through four steps that reveal hidden skills and wisdom, anyone can design a life they love!







How Design Makes the World


Book Description




Product Design for the Web


Book Description

Web designers are no longer just web designers. To create a successful web product that's as large as Etsy, Facebook, Twitter, or Pinterest-or even as small as a tiny app-you need to know more than just HTML and CSS. You need to understand how to create meaningful online experiences so that users want to come back again and again. In other words, you have to stop thinking like a web designer or a visual designer or a UX designer or an interaction designer and start thinking like a product designer. In this breakthrough introduction to modern product design, Etsy Creative Director Randy Hunt explains the skills, processes, types of tools, and recommended workflows for creating world-class web products. After reading this book, you'll have a complete understanding of what product design really is and you'll be equipped with the best practices necessary for building your own successful online products.




CSS in Depth


Book Description

Summary CSS in Depth exposes you to a world of CSS techniques that range from clever to mind-blowing. This instantly useful book is packed with creative examples and powerful best practices that will sharpen your technical skills and inspire your sense of design. Foreword by Chris Coyier, Cofounder of CodePen. Dig even deeper into the secrets of CSS with our video course CSS in Depth in Motion, available exclusively at Manning.com (www.manning.com/livevideo/css-in-depth-​in-motion)! Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. About the Technology Some websites really pop. They look great, they're visually consistent, and they feel interactive and responsive. You can bet their developers knew CSS in depth. CSS specifies everything from the structural layout of page elements to their individual look and feel. True masters know the patterns of CSS development, the techniques to implement them, and the subtle touches that result in beautiful typography, fluid transitions, and balanced graphics. Join them! About the Book CSS in Depth exposes you to a world of CSS techniques that range from clever to mind-blowing. This instantly useful book is packed with creative examples and powerful best practices that will sharpen your technical skills and inspire your sense of design. You'll gain new insights into familiar features like floats and units, and experiment with emerging ideas like responsive design and pattern libraries. Bottom line: this book will make you a better web designer and your apps will look fantastic! What's Inside Avoid common CSS pitfalls Master misunderstood concepts Use flexbox and grid layout Responsive designs for any device Code for reuse and maintainability About the Reader Written for web developers who know the basics of CSS and HTML. About the Author Keith J. Grant is a senior web developer who builds and maintains web applications and websites, including The New York Stock Exchange site. Table of Contents PART 1 - REVIEWING THE FUNDAMENTALS Cascade, specificity, and inheritance Working with relative units Mastering the box model PART 2 - MASTERING LAYOUT Making sense of floats Flexbox Grid layout Positioning and stacking contexts Responsive design PART 3 - CSS AT SCALE Modular CSS Pattern libraries PART 4 - ADVANCED TOPICS Backgrounds, shadows, and blend modes Contrast, color, and spacing Typography Transitions Transforms Animations




Smashing UX Design


Book Description

The ultimate guide to UX from the world’s most popular resource for web designers and developers Smashing Magazine is the world′s most popular resource for web designers and developers and with this book the authors provide the ideal resource for mastering User Experience Design (UX). The authors provide an overview of UX and User Centred Design and examine in detail sixteen of the most common UX design and research tools and techniques for your web projects. The authors share their top tips from their collective 30 years of working in UX including: Guides to when and how to use the most appropriate UX research and design techniques such as usability testing, prototyping, wire framing, sketching, information architecture & running workshops How to plan UX projects to suit different budgets, time constraints and business objectives Case studies from real UX projects that explain how particular techniques were used to achieve the client's goals Checklists to help you choose the right UX tools and techniques for the job in hand Typical user and business requirements to consider when designing business critical pages such as homepages, forms, product pages and mobile interfaces as well as explanations of key things to consider when designing for mobile, internationalization and behavioural change. Smashing UX Design is the complete UX reference manual. Treat it as the UX expert on your bookshelf that you can read from cover-to-cover, or to dip into as the need arises, regardless of whether you have 'UX' in your job title or not.




The Sciences of the Artificial, reissue of the third edition with a new introduction by John Laird


Book Description

Herbert Simon's classic work on artificial intelligence in the expanded and updated third edition from 1996, with a new introduction by John E. Laird. Herbert Simon's classic and influential The Sciences of the Artificial declares definitively that there can be a science not only of natural phenomena but also of what is artificial. Exploring the commonalities of artificial systems, including economic systems, the business firm, artificial intelligence, complex engineering projects, and social plans, Simon argues that designed systems are a valid field of study, and he proposes a science of design. For this third edition, originally published in 1996, Simon added new material that takes into account advances in cognitive psychology and the science of design while confirming and extending the book's basic thesis: that a physical symbol system has the necessary and sufficient means for intelligent action. Simon won the Nobel Prize for Economics in 1978 for his research into the decision-making process within economic organizations and the Turing Award (considered by some the computer science equivalent to the Nobel) with Allen Newell in 1975 for contributions to artificial intelligence, the psychology of human cognition, and list processing. The Sciences of the Artificial distills the essence of Simon's thought accessibly and coherently. This reissue of the third edition makes a pioneering work available to a new audience.