10 Important UI Design Considerations for Web Apps
“When I finished building my first web app (CompVersions, which allows you to collect feedback from clients), I was surprised at the number of user interface decisions and considerations I hadn’t accounted for at the beginning of my journey. I’d like to share some of those things with you.
Many of these design considerations might seem superficially obvious, but once you’re going through the design and development process, it’s easy to forget about them because they’re like condiments you hardly notice them when they’re there, but if they’re missing, your food just doesn’t taste right.
Blank State
The blank state is how your app will look and function when the user hasn’t entered any data yet (except perhaps their email address after signing up for an account). This is the first interaction and scenario that your user will encounter with your app and it can make or break their first experience and impression.”
Are You Making These Mistakes In Your Web Designs?
“With today’s snazzy and competitive Web 2.0 and social media world, universal design is many times forgotten. It’s bewildering as to why since there are many social, technical, financial, and legal reasons which support universal design practices. Let’s discuss some of the more prevalent issues in websites today, and how they relate to the main universal design principles.
The Principles
First, let’s review the seven universal design principles including some web-related examples. Keep in mind that these principles are applied, of course, to many industries outside of computer and web, such as civil engineering (buildings, walkways), entertainment (movie theaters, theme parks), and transportation (buses, trains).” [Go to full article]
7 Guidelines For Designing High-Performance Mobile User Experiences
“A positive first impression is essential to relationships. People look for trust and integrity, and they expect subsequent encounters to reflect and reinforce their first impression. The same principles apply to brands and their products. Design plays an important role in building lasting relationships with end users and, thus, in supporting the brand’s promise.
Users expect mobile services to be relevant and user-friendly and to perform well. The limitations of the medium, however, impose significant challenges to designing products that meet all of those expectations. While often underestimated, performance is a crucial contributor to a trustworthy mobile user experience. Therefore, it should be considered a key driver in the design process.
In this article, we’ll discuss performance in relation to design and present seven guidelines that can help shape design decisions related to performance while accounting for the needs of end users and businesses. These guidelines are based on the experiences of our teams in designing native mobile apps for a broad product portfolio and on multiple mobile platforms.”
How to Teach Someone Graphic Design
“Do you have a friend, family member or colleague who is considering design as a profession and looks to you for guidance? Your instruction could mean the difference between a meaningful career and a non-starter.
Today we’ll offer up some basic advice that everyone should consider before attempting to teach someone to be a graphic designer.”
20 Ways To Promote Yourself As A Web Designer
“Web Designers can often find it hard to get their name out there, and begin getting clients. Promotion doesn’t always have to cost money. I have compiled a list of how web designers can promote themselves, and get their name out there. Some of the ways require little to no effort, whilst others require much time. Either way, you will still receive more clients.”
How To Target Devices Using CSS Media Queries
“Media queries are a way to serve different css rules to different devices and device characteristics. They’re the final piece in allowing us to create designs that are truly responsive to our audience and how our visitors choose to view our sites.
The last few weeks we’ve been building up toward responsive layouts, first by creating flexible girds and then by adding flexible images and media inside those grids. Today we’ll add media queries to the mix.”
Common Issues and Workarounds for Web UNSAFE fonts
“It’s almost possible to feel the wave of euphoria rolling around the Internet that’s been generated by the arrival of Web fonts. Finally, website designers can unshackle themselves from the limited range of fonts that’s available once you aggregate down the common typefaces on Windows, Mac, Linux and so on.
I can’t be the only one who sighs in desperation each time the words font-family: Helvetica, Arial, Geneva, sans-serif; are keyed into a stylesheet.
When you read the marketing pages from suppliers of Web fonts and font delivery services, you get the impression that with just a couple of lines of code you can transform a site with no hassle; all the issues taken away from you. The reality is somewhat different: there are actually quite a few gotchas, some of which are easy to miss if you’re not testing thoroughly.”
Get Hundreds of Free, Open-Source Fonts!
Google Web Fonts gets an upgrade. Go check out their new offerings optimized for the web: [Go to Google Fonts]
Useful Ideas And Guidelines For Good Web Form Design
“The input form is an essential element of almost any website or application these days. Input is a core method of interaction, and in many cases it represents the hard conversion point between success and failure. With the amount time and effort we put into bringing users to our sign-up and contact forms, it’s surprising that we tend not to spend a proportional amount of time on the forms themselves.
A number of techniques and elements can be used in Web forms to turn them from abject failures into successful conversion points. In this article, we’ll present some interesting examples and useful guidelines for Web form design.” [Go to full article]