Designs are clear, buttons are easy to find. The process will go so smoothly that the customers won't think anything of it. That means your customers are using your application to get work done without having to think about it. Without feeling confused and frustrated. That's the kind of product they can recommend to friends and co-workers.
In Designing Web Applications I'll teach you a process to identify problem points, plan solutions, and add a layer of polish that will make your product shine. No matter what your role is in the application development process, you can apply these ideas to make a great product.
Basecamp, Freshbooks, MailChimp, and Facebook all have different interface design needs than a traditional marketing website. A website is visited once or twice by a single user, and maybe more often if it has frequently updated content. A web application, on the other hand, can be visited dozens of times per day, meaning you need to focus on designing for efficiency. Often web applications have complex interactions that need to be simplified for the user. This is not normally a problem on marketing websites, where the main interactions are simply reading or watching content.
Business software is only used because it helps people complete tasks. They have a job to do and they want to get in and get out. It is critical that you design for these different flows to make your user's job as easy as possible. Learn not only how to optimize for the fewest clicks, but also for a mental model that is quick to understand. When designing a web application, it is critical that you focus on user experience before you start styling the application. The sample sections are from different parts of the book covering everything from how to handle autosaving to working with lighting in your interface.
The interviews included with the book cover everything from Ryan Singer of 37signals teaching wireframing and user experience design to Patrick Mackenzie of Kalzumeus sharing the software marketing tactics that have made his clients millions of dollars. Learn how Sahil Lavingia, founder of Gumroad, designed the best payment experience on the web. These are just a small sample of the great content included in the 7 video interviews.
All the interviews include a transcript as well. I care about designing software that is a joy to use. Previously I led the software design team at a local startup, but in the last year I have been working independently designing and developing my own apps.
Designing Web Applications – ClickBank | Nathan Barry
I live in Boise, Idaho, but love to travel. You should follow me on Twitter nathanbarry so we can meet up when I come to your city. With all the great content here it might be easy to forget the book. This is the core of the entire product and is insanely valuable. Highlights and shadows, when done correctly, will bring a boring interface to life. Do it wrong and the effect fails. Where should you place labels? How should the fields be validated? This video covers great form design. Using CSS3 to design and code a login form from scratch.
Learn to use box-shadows, border-radius, and gradients. Then we dive into creating real applications. Learn to customize Bootstrap so it matches your design. Learn to follow an effective design process from one of the most respected application designers. Learn how Brennan bootstrapped a profitable web application from scratch.
Doing all the design, development, and marketing himself. Learn how to increase conversions, draw more traffic, and significantly increase the revenue from your web application. Jason discusses effective copywriting, simplifying your software, true minimum viable products, and side projects. You know, I want to make sure the book doesn't get undervalued. It really is where I spent the most time and effort. The tutorials and interviews are very useful, but let's not overlook the book itself.
You will be referring back to the best practices in this book for years to come. So, if a budget is an issue, I highly recommend getting the book by itself. I like how you put the Facebook, FreshBooks and Mailchimp logos on there in the same style other websites use when saying who uses their product. I found this pretty shitty too. I don't know if you actually liked this or not, but I did. It displayed a deep knowledge of how to manipulate design elements to implant an idea in a user's head. There's nothing dishonest about it, it's just a design element.
MikeKusold on Dec 12, Actually, I found it dishonest. It's the equivalent of small print to me. I'll do a walk through of my initial reaction when I saw those logos. Those companies have purchased this before to make their sites better! If they stand behind the product then maybe I should look into buying it. Maybe the creator of this product was part of the design team for those websites and he knows what he is talking about.
Those are just examples of web apps. That's an extremely narrow view of "dishonest" if "dishonest" means "made me make an assumption that it itself clears up in English plain text in plain view". It makes me feel like I'm about to be manipulated. Kinda ;- I think it's dishonest if done intentionally which I suspect it may have been , but it is also quite clever too.
Some initial feedback was that people didn't know what I meant by web application. So they asked that I provide examples. I mean seriously? You're supposed to be a UX designer. And you honestly can't see how that looks like social proof, that you are visually implying that these companies use your product? I want this book so bad. But your contact form is awful. You can't design the simplest form on the web. You don't actually seem to have any actual experience in designing web apps, working for one unidentified startup. I'm afraid I'd be spunking my money.
The screen shots are awful and show you can't actually design a good UX, take this as an example: Who puts a cancel button there? Seriously, that's the worst cancel button placement I've ever seen. UX is very different from graphic design. You seem to be a graphic designer, not an interaction designer. This book is one I've wanted for ever But it's got all the signs of being a stinker, the blind leading the blind. Are you drunk? What a vile, illogical, and empty rant.
OP didn't say he doesn't think it looks like social proof. He stated that it wasn't intended to function as social proof, and gave his motives for placing the logos. Seriously, I mean seriously, you couldn't have read that properly? You're supposed to be a HN poster, and you honestly can't read a post properly? Congratulations, you're an asshole! If people want to drop two coffees on something they think they'll get value from, that isn't a big deal. Additionally, the app he designed for actually exists. This is a little different from Nathan's offering because as far as I can tell, there is no end product, nor are the examples provided good indicators of good visual design or UX.
Would you mind detailing the reasons why that 'Cancel' button placement is terrible? Are you sure these people were in your target audience of designers? Vivtek on Dec 12, Different from , not different than. This is a grammar tic I got from Robert Heinlein, and I'm not even sure why it bugs me so much. That said, your selling page layout is brilliant. By putting the high-ticket options on top, you not only make the prices below them seem trivial, you evoke a sense of loss as the potential buyer travels down the page.
Oh, and the content looks good, too, ha. Seriously - I've needed a good design-for-rank-beginners book, and this one appears to be the one I want.
That gramatical error was particularly grating. When dealing with very large sums, it's difficult to make one value appear comparatively "trivial. I also contend this umbrella phenomenon because, with such a high starting price, it's likely to just alienate people. I saw that first price, assumed that it could only get higher, and nearly closed the page. Linear introduction of information can afford the seller ways to manipulate the customer, but it can backfire on them as well I didn't realize that was a mistake.
Thanks for pointing it out. I'm not sure what works better for pricing, so I am trying this layout as an option. I did pack a lot of awesome stuff into the complete package, so I want everyone to see it. Jacob4u2 on Dec 12, I've been helping as a technical editor programming perspective to another book you might be interested in as well, http: It's a good introduction to design for programmers of applications, whether they be websites or native.
Looks great! Please remove the Facebook, Mailchimp etc logos. But after reading the line below it, it's just a mis-direction, felt almost cheated. I'd highly recommend removing it. Yeah, this is very misleading. Either make it abundantly clear with a big headline, or scrap the icons. They look waaay too much like social proof logos. Looking at it again, you do have an abundantly clear headline that describes what they are. Which I didn't even see because I assumed they are social proof logos. I'd just scrap them entirely. Agree, at first I thought Nathan had accomplished something for these companies.
I thought it odd that he didn't make a bigger deal about his work for them. It was a shot to his credibility that I found he has never been involved in projects for these teams, or if he has, it's not discoverable. FWIW I didn't get that impression at all, and did not feel mislead by these icons.
It's really hard to find good concise help in this area, if Nathan's previous book: Purchasing now. I'm also looking forward to seeing the response from this landing page - Nathan's normally really kind about transparency when it comes to this sort of thing. Great job.
Couple of things: On scanning it's shady. You're a designer, you're better than that. I realise this is the favoured approach from Kalzumeus etc but I find it really cringey. Are you pitching this as 'design for hackers' ala http: The whole site comes across as a bit of a skeezy sales letter. And this is why many designers are horrible at making websites that sell. When I sold my first book, I tried a short-form, nicely designed landing page.
I even thought about doing it with my second book. But I always come back to the sales letter, because it works. I was seriously considering buying it from the HN title but was totally put off by the website. I'm sure it's a fantastic book and I'm sure I'd benefit from it, but the website left a bad taste in my mouth. Actually, while I'm on your site, let's go back to your App Design Handbook. Long scrolly site Lost World's Fairs etc etc are great but this is better shorter. Makes me think you're making up for a lack of testimonials.
But still would prefer side-side comparison. Hey everyone, this is my latest book on designing web applications that are easy to use. I've spent a ton of time not only on the book itself, but also on the video tutorials and interviews. Interviews are included with: I'd love to know what you think of the book. I read your last book and it helped me a lot. Good luck with this new one. Great job! Congratulations on shipping! Instead of listing their companies, mention some of the projects they've worked on. I know who many of these people are, but that's because I have a lot of web design books on my self with their name on them.
I try to quickly explain what each person has done. They are all awesome people who have put out some really fantastic work. Honestly, I am expecting that people will recognize the names like you did. Why there is no button or call-for-action after the last line? Another good thought. Having three packages I wasn't sure how to place it.
But I do need to add something in. Why not three buttons reiterating the prices, one next to the other? I think I'll do that along with a quick comparison between the packages so people can see the difference at a glance. I did quickly look through the sample and the book seems to be very useful, but I'd like some indication of how much of it there is. The book itself is pages. Bought within minutes!
I've been all in on a sequel book specifically for web app design. I will be purchasing this. Not sure why all the negativity in this thread. Any chance you're going to have the book printed? I like reading on paper, still. I haven't found a good printer to work with. Though I would also like to get some copies printed. On-demand printing may be a good option for you: That would be very expensive.
How do you reconcile this with your previous comment in this thread: That statement doesn't even apply in this situation. In that statement he's referring to how he's value-priced his product at around the hourly rate of a solid app developer, so purchasing the book that he's collated together through experience and time is really not that expensive, especially if you compare it to doing it yourself.
One statement refers to value of a product to his target market, one refers to simple profit calculation on his own product. I'm not into losing money on every sale. Why not bump the price up to what you'd consider a non-crummy margin, factoring in those additional prices? Ingram's standard color is meant to be cheaper http: Don't know about the quality. Colour prints are also often prohibitively expensive. Hi Nathan, I was following the release of this book and will probably buy it shortly. I think the reason that a lot of people are being so critical is that it's UX. I work in UX and everyone is or thinks they are a UX "designer".
I looked at your sample pages and web site and thought I could learn some things from you. I also thought it looked great, so I don't think you have anything to worry about. No one is going to do things exactly the same and your book doesn't come-off as being a forceful entity on rulesets, which is nice. I would also like to see some other pricing options - mostly because I want the book and PSDs only, but I don't see anything wrong with your pricing model. Anyhow, good luck, I can tell you spent a lot of time putting the material together. This is a tough crowd but in the end most criticism, even if harsh, will hopefully be constructive.
I think you should take another look at your package overview images.
See a Problem?
I see that the packages lists different contents below but I think it should be more obvious from the large images. Nice work though, seems nicely done. I think it partially has to do with the scrolling. The price is too high to not really think about the purchase for most people and that would make it much easier. Very bottom "So, are you ready to buy the book now? Wondering if you'd see more conversions by putting a purchase link there too or perhaps you've already tried it. For all the contents, videos, interviews, samples, one can imagine how much effort being allocated for this.
Being famous doesn't entitle someone to be able to charge expensively. Likewise, nothing is stopping anyone out there "nobody" or not to charge the price he or she wanted to. This is what we call internet, it's completely free market. No government or regulatory body is going to say "Hey Nathan! Deduct that with the cost of his labor, his lost opportunity to work on his apps, marketing fee and the support time cost. He will probably pocket k pure profit. Selling copies will barely cover his cost. Charge premium is a good start.
Keep improving the content is a sure way to gain you the loyalty of customers. Back to the odd marketing strategy. Why show it here? Why HN, really? Most will simply want something quick and simple to show the idea behind their hacks to the community. We are frequently being shown unfurnished prototype indeed twitter bootstrap half the time. Anyone really serious about building well designed and engineered UX web applications will probably have a well funded startup with specialist UX designer onboard.
Or someone must have been a long time practitioner of UX to be bothered about putting much focus on UX. It's not as simple as reading a book, listen to an interview, you become great in UX. It's only through years of experience, going through iteration after iteration of UX design tweaks, you will have a basic idea where to lead the good UX direction. A long the way, there are still huge chances to make UX mistakes here and there. Too simplified, or too complicated. Too plain, lack of creative input.
Too much boring UX treating every users as dummy as they can. I am sure it will be hard for the community here to start bothering UX before getting their hacks done. And worst, the next hacks are waiting I got the newsletter via email and headed to buy the book where I reacted same as the majority of commenters on HN. Good luck though, I am sure you've put a lot of effort into this.
For HN users who are wondering about the author, I came across this: Nicely done Nathan! Please keep us informed about the commercial side of this, like you did with the earlier book. It's very interesting to follow. I will definitely do that. Expect more posts on my blog with exact numbers and lessons learned. Another thought: