19 thoughts on “Designing in the Browser (Don’t Do It) & Talking UI Design Process

  1. Thanks Mike.
    I had a question maybe u can help me. I'm working on my coding abilities right now. I've learned html css and right now I'm working on Javascript. I just wanted to know what is the best practice for a guy like me to become more familiar with coding and building my website designs? There are many things coded in different websites which i don't know how they're done. How can I learn them faster?

  2. Thank Mike, again a very well and solid video. I needed this to figure out my own workflow. Thanks.

  3. Bro! I was looking at your website, and I'm actually from Stevenson Ranch too!!! That's so funny!

  4. That's true. Most people that recommend design in the browser are far from being good graphic designers or visual artists, most of them are developers that try to design. Visual designers like to drag and drop and draw, it's far easier.

  5. I have to disagree. You may feel that it's the lazy way out because you can't think as well in code as well as you can think in Photoshop, but the finished design shouldn't matter what tool you're using to design it. The tool does not make a design, the designer does. Someone who's good at visually thinking with code would be able to design in the browser with just as much clarity and beauty as a designer who's good at designing in Photoshop. It's just a different tool to use. Sounds like your brain doesn't work as well with that tool, so for you, Photoshop is the better way to go, but that doesn't for a second mean that people who are able to design a different way than you are lazy.

  6. Which web browser would you recommend or would go for when designing and developing websites? I am a mac user, and I currently use Safari.

  7. Hello Mike, despite the fact this question is completely unrelated to this video, how saturated and competitive is the web, UX, or UI job market? I remember one video you say it is and the other video you say it isn't. I was wondering if you can clear that up for me.

  8. Mike I know you are using WordPress for your new website but are you coding it custom like in the past?

  9. This is the first video that I can't agree with 100%. But for the biggest part, I do agree!
    Here is how my process works: When I started my webdesign carreer, I never designed anything except a quick scetch – I just coded because I saw myself as a coder. Then after I started watching your videos, I began to design in Fireworks. And my websites turned out so much better!
    But lately I started using frameworks (first I created my own, but now I mainly use bootstrap). And now my process always starts with a scetch/wireframe. Because my sites have to be responsive I do my wireframes in the browser in order to see how the elements will behave. The wireframes are the base for my design in fireworks (sometimes I make screenshots of my wireframes and use them as a background-layer in Fireworks). During my design process in Fireworks I always switch back to the browser in order to see, how my layout will look like when rezising (I export some elements as jpgs and put them into my code). So basically I am constantly switching from Fireworks to my browser and back. This way I do better designs than ever before and my coding-time is shorter as well!
    For me, this is the ideal process (at the moment). What do you, Mike and the others, think about this process?

  10. I'm going to have to disagree, and say that it depends on how skilled of a programmer you are. If my layout doesn't look like what I sketched, I don't succumb to the code.

    I remember having this issue with an iOS app I developed. I absolutely loathe Xcode's "Auto Layout" feature. I ended up deleting all the content I placed on the storyboard view controllers and instead programmatically laid out the design.

  11. +Mike Locke, so true: I also started by designing in the browser, but most of the time, it just ends up being subpar. I think the reason why designing in the browser has become so popular is all that lean, agile craze. Ship it ASAP!!!

  12. I notice that. When you design in the browser, it looks like blocks. A lot of eye candy details missing.

  13. Totally agree with you Mike. I find designing in software such as Photoshop much easier and allows me to experiment with different ideas more quickly before coding the website. 🙂

Comments are closed.