Menu Search
Jump to the content X X
Smashing Conf San Francisco

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Web Design’.

We are pleased to present below all posts tagged with ‘Web Design’.

How To Use Photos To Sell More Online

As a photographer and UX designer, I pay particular attention to the effectiveness of photography when I'm testing with users. Regardless of the context, users rarely fail to comment on or be influenced by photography when shopping online.

Person walking across a wet rock in sandals

This article pulls together principles from psychology, marketing, UX design and photographic theory. It provides a set of principles to follow when commissioning and editing photography and when planning and designing profitable e-commerce user experiences.

Read more...

Applying Interior Design Principles To The Web

Web, industrial, interior… You name it and there are designers for it. We're all trained in our particular areas (as we should be), but it would do us some good sometimes to look beyond our borders for new approaches to design problems. For a fresh perspective, here we'll apply several principles of interior design to Web design and see what ideas would help change some of our stuck-in-a-rut design practices.

Screenshot

In interior design, balance breaks down into two kinds: formal and informal. Formal balance is simple. It is achieved in a room when objects on one side of a room are a mirror-image of the other side of the room. It focuses on symmetry (creating a mirrored effect) and is the easiest to create — just think of two nightstands on either side of a bed or two sconces on either side of a fireplace. However, it can become overwhelming with too many objects or a busy color palette. Too much can make a good design concept ugly.

Read more...

Design Better And Faster With Rapid Prototyping

The old adage, "a picture speaks a thousand words" captures what user interface prototyping is all about: using visuals to describe thousands of words' worth of design and development specifications that detail how a system should behave and look. In an iterative approach to user interface design, rapid prototyping is the process of quickly mocking up the future state of a system, be it a website or application, and validating it with a broader team of users, stakeholders, developers and designers. Doing this rapidly and iteratively generates feedback early and often in the process, improving the final design and reducing the need for changes during development.

The rapid prototyping process: prototype - review - refine

Prototypes range from rough paper sketches to interactive simulations that look and function like the final product. The keys to successful rapid prototyping are revising quickly based on feedback and using the appropriate prototyping approach. Rapid prototyping helps teams experiment with multiple approaches and ideas, it facilitates discussion through visuals instead of words, it ensures that everyone shares a common understanding, and it reduces risk and avoids missed requirements, leading to a better design faster.

Read more...

Showcase Of Web Design In Lithuania

It may be small, but Lithuania is the geographic center of Europe, and the meeting of Western and Eastern culture is evident. Lithuania is one of three Baltic countries, so-called for its proximity to the Baltic Sea. In 2009, it celebrated the thousand-year anniversary of its name.

Lithuania is known worldwide for its love of basketball, but today we'll acquaint you with its Web design industry. In Web design, Lithuania is still a young country; the Internet boom began only about five years ago, and the country doesn't have a good Web design school.

Most Web designers have studied in Western countries or are self-taught. Most work is done for hotels, rural tourism and real estate websites. Lithuania quickly adopts new technologies, and demand for Web designers and developers is increasing. While preparing this showcase, I noticed that many Lithuanian Web designers like Flash technology. Many websites have Flash elements, which can help present a company's goals, services and prior work. Flash can help websites look professional, modern and dynamic.

Read more...

“Meet the Team” Pages: Examples and Trends

In any industry where the people behind a company are as important as the company itself, you're likely to find a kind of expanded "about" page that includes information on individual employees. "Meet the Team" pages are popular among web design and other creative firms, but are also found on sites within various other industries. These pages are a valuable addition to any site where human contact is an important part of the industry. It adds a personal touch to the company and can lend trust to visitors.

Screenshot

There's suddenly faces behind the names, and it becomes a "real" company to the visitor, rather than just another website. This builds credibility for many, especially considering how concerned many people are with online scams and phishing schemes. Adding information to a website on a company's key employees is a simple but effective way to make that company stand out in the mind of its prospective clients. Below are a handful of trends and some interesting examples of "Meet the Team" pages.

Read more...

Bizarre Websites On Which You Can Kill Time With Style

Modern Web-building technologies allow designers to realize their most daring and creative ideas. Enhanced interactivity and a remarkable visual appearance can be achieved by means of such tools as Flash, JavaScript and Papervision3D, to name just a few. These strengths usually impress and entertain visitors and thus are often used for conceptual artistic presentations and promotional campaigns.

Screenshot

In this post, you'll find a collection of amusing websites that, by combining unconventional (and sometimes bizarre) ideas and clever JavaScript and Flash effects, will entice you to play on them for an embarrassing long time.

Read more...

Website Archives Design: Good Practices and Examples

The archive is one of those often-overlooked parts of a website that doesn't get the attention it deserves. Too often it's thrown on a page that's no different from any other page on the website, or it's ignored altogether. The archive offers a lot of room for creativity, though. Whether you opt for an abbreviated one in the sidebar or footer or devote an entire page to it, the archive an opportunity to make your design stand out.

Screenshot

While there is plenty of room for creativity, there is also a number of things to keep in mind to make sure your archive is functional and user-friendly.

Read more...

Web Design Trends 2010: Real-Life Metaphors and CSS3 Adaptation

In our earlier article about Web design trends for 2010 we covered the strong influence of print design techniques, keypress navigation, horizontal layouts, rich typography and aesthetically pleasing designs. Web design today is developing rapidly, breaking the limitations of conventional approaches and exploring the possibilites of upcoming technologies. Designers are not only experimenting with new techniques and design approaches, but they are improving the quality of their designs in both technical and conceptual respects.

Screenshot

Modern websites have great strengths, such as flexibility, cross-browser compatibility and personalization, but they are also becoming increasingly simple and intuitive. This is being done through the application of subtle usability enhancements, drawn either from the Web itself or from offline interactive systems. The Web today is increasingly complex, while usage of the Web is becoming increasingly simple.

In this article, we'll explore some new design approaches and techniques that you may want to develop for your own projects. We'll present rather unusual or unconventional design approaches and try to understand what's actually interesting about them and how we can apply them to modern Web design. More specifically, we will discuss the following: real-life metaphors that are applied to the Web, hidden complexity, subtle interactivity, context-sensitive navigation and rapid CSS3 adaptation.

Read more...

Principles Of Minimalist Web Design, With Examples

Minimalism is achieved by reducing a design to only the most essential elements. Expressions of minimalism span multiple disciplines, as well as other art forms such as music and literature. For website designers, though, minimalism can be intimidating and difficult to master.

Screenshot

But anyone can master minimalism. Essentially, minimalism is about breaking things down to the barest elements necessary for a design to function. It's about taking things away until nothing else can be removed without interfering with the purpose of the design. Below are a number of principles of minimalist design, as well as an exploration of current trends and additional examples.

You might also enjoy our previous article "Showcase of Clean and Minimalist Designs."

Read more...

↑ Back to top