background preloader

10 Useful Techniques To Improve Your User Interface Designs

10 Useful Techniques To Improve Your User Interface Designs
Advertisement Web design consists, for the most part, of interface design. There are many techniques involved in crafting beautiful and functional interfaces. Here’s my collection of 10 that I think you’ll find useful in your work. They’re not related to any particular theme, but are rather a collection of techniques I use in my own projects. Without further ado, let’s get started. 1. Links (or anchors) are inline elements by default, which means that their clickable area spans only the height and width of the text. Obviously, the larger the clickable area is, the easier it is to click on the link because there is less of a chance of missing it. Make sure to also add a healthy dose of padding to the links, because converting a link into a block only affects its behavior and width; adding padding ensures that the link is high enough and has some room to breathe. 2. Attention to every detail is what separates a great product from a mediocre one. 3. All the text is set in black. 4. 5. 6. 7.

http://www.smashingmagazine.com/2008/12/15/10-useful-techniques-to-improve-your-user-interface-designs/

Related:  UX Design

User interface design for beginners, intermediates or experts? Dear visitor: Please keep in mind that this post is originally from Vibor Cipan's personal blog, the name of which we eventually adopted as our company name together with its conveniently-named URL. We're keeping the posts on our official company blog for all the subscribers to Vibor's blog who have read and commented on his previous posts. Please be aware that this post represents Vibor's personal thinking few years ago and doesn't necessarily represent the opinions of the UX Passion as a company today. As user experience designers we are regularly in situations where our design decisions will have a significant effect on the end users of the web sites, applications or other user interfaces or services we design. Apart from the need to understand the business case and idea, probably the most important thing is to understand who are the users of our interfaces?

The Basics of Interface Design You don't need to be an artist to create a great user interface — most of the principles of user interface design are the same as the basic design principles taught in any elementary art class. The elementary design principles of composition, color, and so forth apply equally well to a computer screen as they do to a sheet of paper or a canvas. Although Visual Basic makes it easy to create a user interface by simply dragging controls onto a form, a little planning up front can make a big difference in the usability of your application. You might consider drawing your form designs on paper first, determining which controls are needed, the relative importance of the different elements, and the relationships between controls. Composition: The Look and Feel of an Application

» 10 Brilliant Multi Level Navigation Menu Techniques Web-developers can create user-friendly horizontal or vertical navigation menus using CSS. Javascript makes it possible to create more interactive, more responsive and more flexible navigation to any website. Today we wanted to highlight 10 brilliant Multi Level Navigation Menu Techniques built using different Javascript Libraries including jQuery, Mootools along with some CSS magic to give us what you see below. 1. Create Vimeo-like top navigation Visualizing Social Software Best Practices: Three Approaches - R Here in the US it's the busiest travel day of the year and while media events and new product launches lay low, entrepreneurs and geeks are hard at work building the software that will launch in coming weeks. There's no better time to kick back and let yourself get philosophical. Social software is a whole new world in many ways and people everywhere are trying to figure out how to design effective and compelling applications. I offer for your consideration today three recent attempts to articulate social software design best practices.

Data Visualization: Modern Approaches Data presentation can be beautiful, elegant and descriptive. There is a variety of conventional ways to visualize data – tables, histograms, pie charts and bar graphs are being used every day, in every project and on every possible occasion. However, to convey a message to your readers effectively, sometimes you need more than just a simple pie chart of your results. In fact, there are much better, profound, creative and absolutely fascinating ways to visualize data. Many of them might become ubiquitous in the next few years. So what can we expect?

15 Tips for Designing Terrific Tables Tables of information are boring. In a sense, they’re meant to be that way. A good table communicates a lot of information in a concise, easy to understand way. Because the emphasis really should be on the information, over-designing a table can kill the effectiveness. 10 User Interface Design Fundamentals It’s no great mystery that truly great user interfaces are the ones that are engineered to stay out of the way. Free trial on Treehouse: Do you want to learn more about web design? Click here to try a free 14-day trial on Treehouse. ‘Staying out of the way’ means not distracting your users.

30 Essential Controls By Theresa Neil As Bill mentioned in an earlier post, we don’t want to limit this blog to just the principles and patterns found in the book. For that you can check out our Explore the Book section. This is the second article in a three part series on patterns and principles for RIA design. Standard Screen Patterns: 12 patterns w/100 examplesEssential Controls: 30 controls for RIA design and developmentComponents for Commonly Requested Features: 15 patterns and examples Every designer has a set of controls they rely on to communicate an effective UI.

12 Useful Techniques For Good User Interface Design Advertisement Last week, we presented 10 Useful Web Application Interface Techniques471, the first part of our review of useful design trends in modern Web applications. Among other things, we highlighted embedded video blocks, specialized controls and context-sensitive navigation. We also encouraged designers to disable pressed buttons, use shadows around modal windows and link to the sign-up page from the log-in page. This post presents the second part of our review: 12 useful techniques for good user interface design in Web apps. 10 Backgrounds that Could Make Your Website Look Like the New En While searching the Web for our Webdesign Trend Hunting series, we’ve discovered a new small trend that could go bigger in the next few weeks – the blurry light bubbles background used by the new Envato website. And if the biggest inspirational web network isn’t enough for you, take a look at the new Opera website. So, if you like ‘em and want to be among the firsts who spot and use the new hype, we’ve made a roundup of 10 backgrounds in the same style.

OS X Human Interface Guidelines: The Philosophy of UI Design: Fundamental Principles Good product design incorporates a number of timeless principles for human-computer interaction. The principles described in this chapter are critical to the design of elegant, efficient, intuitive, and Aqua-compliant user interfaces. In fact, they drive the design of the OS X user interface. Metaphors Take advantage of people’s knowledge of the world by using metaphors to convey concepts and features of your app. Metaphors are the building blocks in the user’s mental model of a task. Design To Sell: 8 Useful Tips To Help Your Website Convert Advertisement As we see more and more businesses move their services online, and even more that begin their life on the Web, a greater need arises for websites that are designed and built to sell. A great-looking website may achieve the goal of shaping and delivering a strong brand, but its good looks alone aren’t enough to sell the products or services on offer. For that, you need to introduce the element of marketing. You may want to take a look at the following related articles:

5 Useful Coding Solutions For Designers and Developers Advertisement Often creative and truly remarkable design solutions remain unknown because we, designers, simply overlook them. Being busy with our own projects, we sometimes try to grasp the intuition behind (probably) complex and cluttered code of other designers to understand how they manage to implement particular design ideas. In fact, by just observing the code of other developers we can learn a lot from them; we can find interesting ideas and improve the quality of our work. As you know, we, at Smashing Magazine, are quite curious folks. We are truly interested in unusual design approaches and creative solutions.

Related:  Designsmashingmagazine