RefactoringUI Book

https://refactoringui.com/book/

by charlieirish • 8 years ago

92 30 8 years ago

refactoringui.com

azhenley3• 8 years ago

Very nice website with a good presentation. Anyone that has bought it mind sharing their thoughts on it?

The reviews on product hunt are all good: https://www.producthunt.com/posts/refactoring-ui-the-book/re...

zozbot123• 8 years ago

$80 seems a bit steep. Can anyone who has read the book share some info on whether it is worth the cost?

azhenley3• 8 years ago

I agree, that price seems too much without knowing how much I will like it ($79 and $149 USD). I'd suggest they break it up into 2-3 books at a lower price so it doesn't feel like such a commitment :) It does look very good though!

phpnode• 8 years ago

bought it earlier, read it pretty quickly. It's good, there is some gold in there and a lot of practical advice. It does feel a little bit expensive though, some sections are a little thin and this is made worse by the use of multiple blank pages between sections which makes it feel like the authors have padded it out.

On the other hand I'm likely to refer back to this book a lot over the next few years, so in that light $80 doesn't feel that bad.

I think I'd have preferred a living resource / subscription model rather than a one off book though.

bt32• 8 years ago

Worth noting that the $80 ($100 after initial intro discount expires), was a direct response to strong backlash after they published the original pricing two days back of $150 ($250).

Twitter (where Steven and Adam are active) was fierce with debate per the merits of the price[1]. The $80 "basics" package was introduced in an immediate response.

[1] https://twitter.com/steveschoger/status/1071998063391203328

swanson• 8 years ago

Instantly bought. Steve and Adam have the absolute most practical and realistic design material out there -- I've had so many false starts with other design books that emphasis the art and design backgrounds instead of their approach: building software.

I've been a software engineer writing code for my whole career and the RefactoringUI material has helped me grow my design ability more than anything else I've tried. It's great for people that want to make their work projects look better, want to build a side-project that doesn't look god awful, or become more self-reliant in the quest to be the ultimate "company of one" product maker.

Here's my portfolio that I've been developing since I started following Steve and Adam's tweets/posts/videos: https://dribbble.com/swanson

Regarding the price: I think it's totally fair, especially given how much free content RefactoringUI has put out. $80-$149 is worth it to me for the years of distilled experience (and to support more of this material getting made). If it's too much, check out the free stuff they have: https://twitter.com/i/moments/994601867987619840 https://www.youtube.com/steveschoger and save up :)

InGodsName3• 8 years ago

Are your designs in CSS? What tools did you use?

Does book also discuss software tools which we need to design?

TuringTest• 8 years ago

Alternatively, Design for Hackers offers as well some good advise for creating an acceptable design without having to exercise your artistic skills (not too much, at least).

Some areas could be covered in more depth, but in general it lives to the promise of the title, providing good rules of thumb for which you don't need a good eye to apply them. It also contains a historical tour of visual design, satisfying the need of knowing where these rules come from (e.g. why designers care so much about font families and their proportions, and where the basic design vocabulary comes from), which is a welcome approach for inquisitive minds who want to know the reasons why a rule exist.

https://designforhackers.com/

bt32• 8 years ago

If you want a taste of the book prior to a purchase, you might explore a list of Steven's tips he has historically published on twitter[1]. The positive response to many of them likely put validity to the thought of publishing a book of them together.

[1] https://twitter.com/i/moments/879086180909764608?lang=en

sonar_un• 8 years ago

Yeah. This was an instant but for me. Knowing his past materials and insight. Any designer would see this as a strong investment. I can use this in future projects and keep this as a reference. Glad it was released.

crimsonalucard6• 8 years ago

"It doesn’t take any graphic design talent to add a colored rectangle to your UI" - Adam & Steve.

Sums up my entire opinion about minimalism and graphic design. Minimal color, minimal shapes... minimal talent for maximum effect. It's not worth $80 to learn the right spot where to put a rectangle.

PedroBatista2• 8 years ago

Don't know about the book thing, but great minimalism requires much more knowledge about design because you have less stuff to mask the clunkiness and your lack of ability.

crimsonalucard6• 8 years ago

I would argue the opposite. You have less stuff to help you display your clunkiness and lack of ability.

It's like Mona Lisa vs. HN front page.

One is minimal and can be done with no talent and the other requires 10x more talent to create.

cityzen• 8 years ago

Do you have any designs you can share to support your opinion? I look at the website for this book and I find that it looks really nice. There is nothing "flashy" but it just looks very polished and clean. I struggle with getting from "pretty good" to "really good". Fortunately most end users are happy with "pretty good".

crimsonalucard6• 8 years ago

It's just my opinion. If you feel this helps buy it. For me how you layout simple geometry and text is a trivial problem.

Here's a good example of minimalism to illustrate my point: https://qph.fs.quoracdn.net/main-qimg-8dfbbdd6a69a5f0e605e5d...

I get what this picture is trying to do, I get it's aesthetic. But I also know that almost ZERO effort was spent making it. Many "designs" have a less obvious aspect of this issue and I believe that this book is just dealing with issues that are more or less obvious.

But that's just my humble opinion.

azhenley3• 8 years ago

Any chance of a physical book being released? I still prefer to do my reading old school!

bfoks• 8 years ago

In the FAQ: "We're planning to explore a possible physical version next year, but right now everything is only available digitally."

vortico• 8 years ago

Kinda odd that in their one example (https://refactoring-ui.nyc3.cdn.digitaloceanspaces.com/landi...), the version on the left appears more interactive (since the hit-boxes are well-defined), minimal (since it avoids useless drop shadow), easier to recognize the content's organization (since the contrast between elements is higher), and functional (since it's more compact without sacrificing aesthetics). The low-contrast layout on the right with lots of mouse-dead-zones is a trend, not better design.

Would you trust anything this book has to say?

Waterluvian• 8 years ago

Yeah I saw that example and thought that the left was better. Which got me thinking about how subjective design can be. Which also reinforces the struggle I have to take a lot of design seriously.

There's a lot of really important parts of design. Stuff that when I'm told about, it's immediately obvious and makes sense. But then there's all this nonsense mixed in, often followed by a "you'll just have to trust me" kind of response from the designer.

young_unixer• 8 years ago

I too prefer the one on the left. However, the one on the right looks more laid back and appropriate for a fun/game kind of application, and the one on the left looks more technical and serious, at least from my uneducated point of view.

gfodor• 8 years ago

And of course, you can make a similar list of complaints about the right:

- Visual "desiderata" in the form of noisy and distracting grid lines

- Poor information hierarchy that reduces the contrast between the content and the search box

- The lack of separation between content and action buttons also draws the spotlight off of the content

If you subscribe to Tufte's school of thought on proper visual information design de-emphasizing and/or removing as much as possible in favor of focusing on data and content the right is objectively better.

I'm with you on the drop shadow though :)

ryantbrown• 8 years ago

The subjectivity of design has always baffled me. I looked at the example and immediately thought "wow, the one on the right looks so much better". I truly don't understand how the one on the left could be preferred.

It does seem like you're arguing against the "usability", which I think is a stretch. The hover state provides interactivity, the right has far less going on (minimal), the drop shadow does nothing either way and more compact does not mean more functional, I would argue the exact opposite actually.

InGodsName3• 8 years ago

How big is the material?

Can anyone put this on torrent for us to preview before purchasing? Thanks.

I wonder if it's really possible that after reading this book and watching videos, I'll be able to create stripe like UI.

Well, if that would be possible designers wouldn't cost that much as they cost now.

What's am i missing?

InGodsName3• 8 years ago

Those who are looking for this book.

Tip: it's not on piratbay or libgen

RefactoringUI Book

Related Stories