<p class="deck">I’ve never taken or had any design classes in school or university. Most of my (humble) design knowledge I’ve picked up online from random articles here and there, and from breaking down and building designs that I liked. So, when I found <a href="https://twitter.com/steveschoger">Steve</a> on Twitter and saw how he was sharing design tips targeted at developers with no design background, I followed him in the blink of an eye. I'm not exaggerating when I say that he was one of my best follows in 2018.</p> <p>I remember the day <a href="https://twitter.com/SaraSoueidan/status/981612024177287168">I asked him to make a book</a> out of all the tips he’d been sharing. I told him I’d give him my money in a heart beat. A book that contained all the useful tips he was sharing, <em>the way</em> he was sharing them, would have been a box full of gems.</p> <p>Fast forward a few months, Steve and <a href="https://twitter.com/adamwathan">Adam</a> have published their <a href="https://refactoringui.com/book/">Refactoring UI book</a>, based on all the tips Steve was sharing, plus many more. And I’m not surprised to say that the book is just as good as I expected it would be.</p> <img src="https://www.sarasoueidan.com/assets/images/refactoring-ui-book.png" alt="The Refactoring UI Book cover" /> <p>Just like his tweets, the book is <em>chock full</em> of design tips — brief, short tips written very well, straight to the point, and accompanied with visual respresentations of how to apply them and how <em>not</em> to. One tip is followed by another, without any extra talk or gibberish in between. <em>Just</em> my kind of content. <em>Just</em> my kind of book. As I was reading it, I couldn’t help but think that this is how I would write my own book, which is why I enjoyed reading it so much. And I read it <em>fast</em> because, again, there was no long or unnecessary talk — just the tips distilled down and lots of pretty visual eye candy.</p> <p>I learned a <em>lot</em> reading the book. And my favorite part is that now I <em>understand</em> design decisions made when I see them. I look at Dribbble shots and I think “Ah yeah I see what the designer did there!” and why they did it.</p> <p>If you’re a developer looking to improve your design skills to build more professionally-looking projects, or if you’re looking to understand more about design decisions made by designers on your team, then this book is a great piece to add to your library.</p> <p>I got the full bundle (thanks, Steve 💜), which also comes with PDF files containing color swatches (I love these!), UI component design samples, icons, and font recommendations. There are also a couple of videos where Steve shows you how to design or refactor a UI and make it look better using the tips from the book. A choice of either the full package or the essentials (book + videos only) is available to purchase on <a href="https://refactoringui.com/book/">the site</a>.</p> <p>So, this is what I think of the book. Would I recommend it? <em>Of course!</em> So if you do purchase it, I hope you find it just as useful as I did.</p> <p>Thank you for reading.</p>
The Refactoring UI Book
Read the full piece at https://www.sarasoueidan.com/blog/refactoring-ui/