Random thoughts on web design
I am a computer engineer but I always have interest for design, especially for web design. In this post and it is my first blog post ever :) I want to write some my own random thoughts from my web development experiences.
- Quality is hidden at simplicity, details reveal it.
- There is no a perfect design, while saying this there is always a perfect design for a period of time. So after that period you have to change it. Because people are getting bored to see the same thing. So every design have to change in time.
- Respect to user habits. If they used to see the Sign in / Sign up links at the top right of the page then use this place. Don’t make them to search for Sign in page.
- Keep things simple, do not make users feel dizzy with lots of animations, parallax effects and images. No animations for most used parts of website, i.e. menus, forms. People are not using menus for your fancy animations, they use it to navigate in your website. They don’t have to wait animation to end to click a link at submenu.
- For me the golden rule is the "change". I see many discussion around about some designs, "this is out", "this is trending" etc. I think the point is to keep in mind that everything is changing so the design too. So keep changing your designs before your users getting bored.
- I didn’t like material design from its first day. Maybe it uses animations in many unnecessary places like inside buttons. I am not selecting a form element to see labels flying up. I click it to enter inputs. And in overall, it made a lot changes in web user habits. Changes are good and necessary but not radical changes at one move. Keep changing slowly with magic touches. (We can call radical changes as revolutions. And revolutions are always risky. But they are necessary when you think about big picture.)
- Be generous about spaces around content.
- Ask questions about the purpose of components when you design, so you can decide whether to use animations or not, which colours to use, font size, placement etc.
- Use animation when necessary, like displaying a modal, changing a slide at sliders etc. Because users used to see animations there.
- Don’t use light gray colour for form inputs because it remind a disabled element.
- Always use a more clear/bold style for mouse hover and focus. So users can feel interactions with your applications. But keep these changes simple and not flashy. For example, when clicking to a text input its border colour might change to blue without shadow or maybe a little bit shadow is ok.
- Make users feel the same comfort of their browsers. Leave the work to the browser as much as possible, like page scrolling, right click context. Every user might use different browser with different settings, so they want to see your website to works as they expected. They also want to access browser features while using your website, don’t prevent them to use these. For example, when user right click on some text they expect to see browsers default content, don’t surprise them :) (and this is one of the thing which ended Adobe Flash)