Articles tagged as ‘Design’

30 Inspiring Facebook News Feed Redesign Concepts Worth Sharing

The Facebook news feed has needed an updated look for awhile now. It’s understandable, though, that Facebook hasn’t redesigned the site. Users have learned the layout, buttons, and links. A redesign, especially a major one, could meet with lots of protests and complaints. I wouldn’t want to deal with all of that.

On the other hand, a redesign would probably provide Facebook with a huge publicity boost that would be worth the angry tweets. And, let’s face it, anyone who felt strongly enough to boycott Facebook would be back once they got to the unbearable stage of withdrawals.

But, there is no rumor in sight to indicate Facebook will make a change any time soon. Still, it’s fun to play “what if,” which is what we can do with the following Facebook redesign concepts. The following concepts are really impressive, even those that are a bit incomplete. Yet, even the ones that leave out some key elements that would need to be included give us a good glimpse of just how fun a new design could be. Some of these redesigns are even of the iOS and Android apps, which are also a bit outdated.

So, take a look at these Facebook redesign concepts…

Read More ».

How to Design a Website to Maximize Conversions

I’m often asked how to design a website that will maximize conversions. Obviously several factors exist in this process, such as your product and customer base, but there are a few basic tips that can help across the board with every web design.

First of all, creating a laser-focused design requires a keen eye for balanced interfaces and natural rhythm, and practice can get you into a familiar process. But questioning your own process is the key to going beyond the ordinary to reach the extraordinary. Web design from a marketer’s perspective often seems like a cheesy sales gimmick – unfortunately this is often the case. Although a well-converting layout is acutely more important, a well-crafted design can only enhance the user experience.

It cannot be overstated that the composition of a website is critically important to successful user conversion rates. That being the case, I’d like to state a few helpful ideas for building websites with a direct focus on user conversion rates…

Read More ».

Ultimate Guide to Color Theory for Designers

If a picture is worth 1000 words, then how much can we say about an interface? Well it turns out quite a lot, and there’s often many different topics worthy of discussion. One such topic is color theory which comprises the basic techniques of picking a matching color series.

This guide explores the subject of color relative to web and graphic design. The information is meant to be introductory while also getting into more applicable topics for digital designers. Advanced color theory is something best learned through practice rather than theory, but in order to improve, you have to start somewhere. Along with helpful tips and ideas for designing with color, you’ll also find plenty of valuable resources interspersed throughout the article…

Read More ».

Ultimate Guide to Responsive Web Design

When I think of responsive web design I think of Transformers: Websites in Disguise. With one set of code you can build a website layout that runs flexibly from desktop to mobile. But instead of fighting off Decepticons we’re fighting an even worse antagonist known as bad design.

Responsive web design is still a fairly new concept which has grown in popularity because it fills a void. Back when CRTs were crushing our desks and cryptic dial-up tones connected us to cyberspace it was a pleasure just to access the Internet. Design was important but didn’t have a prodigious overzealous support group…

Read More ».

The Ultimate Guide to Parallax Scrolling: Best Practices, Examples and Tutorials

The idea of parallax design is simply an awareness of movement. More specifically, the word ‘parallax’ is used to describe the perception of distance between objects while moving along a line of sight. For example the objects nearest to you in space will seem to move quicker and more dynamically than “background” objects. So parallax is just a measurement of the difference in position between 2 points from the viewer’s perspective. Since the objects aren’t really moving it’s just a type of illusion like 2D animation.

One of the simplest ways to understand design is through example. Let’s take a glimpse into specific trends used to create parallax design features in website layouts.

Read More ».

Designing a Responsive Navigation Your Users Will Love

navigation_example

The process of creating a website should always start with general ideas. These turn into wireframes or low-fidelity mockups to give the designer a sense of direction. It’s fairly straightforward but the creative process requires a large visual library of existing layouts to understand which interfaces are usable and well-designed. Navigation is a huge part of web design and deserves a lot more coverage.

Responsive web design has slightly changed this creative process over recent years. Now designers are much more focused on grids and fluidity. Accessible responsive layouts should be flexible and naturally update to any screen size. Nav menus can be tricky because shortening a collection of links will often require completely revamping the UI.

In this post I’d like to cover some general tips and guidelines to help designers work with their own ideas for responsive navigation. The brainstorming stage is pivotal to every other stage which comes afterwards. Once you have a workable concept it becomes easier to envision the full design and composition of a responsive website…

Read More ».

23 Interesting Twitter Redesign Concepts

Beautiful Twitter Redesigns

As one of the top social media networks in the world, Twitter’s design has to appeal to millions of users from multiple cultures, languages, and regions. So far, its design has worked well, especially its infinite scrolling feed with super convenient tweaks. For instance, Twitter allows users to view other users or a tweet in more detail and then exit back to the feed in the same exact spot in the list that they left off. This makes getting through a ton of tweets very quick and easy.

However, there are other areas of the design that are a bit more confusing. For instance, the arrangement of links to other pages and features simply is not intuitive. Plus, there are too many buttons, such as the Me button when you can already access your profile by clicking on your name in the left column. And, some may agree with me here, the look is a bit outdated. Twitter could really use some additional UX changes…

Read More ».

28 Interesting Craigslist Redesign Concepts

Best Craigslist Redesign Concepts

As one of the most popular websites on the web, Craigslist certainly gets a lot of attention when it comes to the topic of redesigns. As a service, the idea is brilliant and that is why it is the huge success it is today. While the UX works fine, the design itself is quite controversial because it has only had minor updates in the past 15 years.

There seem to be two different thoughts on the design for Craigslist, hence the controversy. Some believe that the reason the UX works well is because the design is perfect for this site. Others believe that the reason Craigslist offers a positive user experience is simply because it has always been this way and everyone is comfortable using it.

All of the incredible Craigslist redesign concepts out there do seem to make it obvious the site needs to be updated. And I’m pretty sure that both parties on each side of the controversy may agree that the design is not very pretty and could use at least some more minor updates.

The following list includes a wide range of redesigns, from complete identity redesigns to a minimal update of the current website design. Browse through the list below to find out which one is your favorite and then feel free to leave your opinion in the comments below…

Read More ».

21 Beautiful Gmail Redesign Concepts

Gmail has needed a redesign for awhile now. The interface is quite cluttered and not at all easy to use, and the apps for iOS and especially Android are even worse. While drastic improvements have been made over the past few years, there could still be a lot of improvements made. Word has leaked that Gmail may be working on a redesign, and a pretty drastic one. Mashable explains the new Gmail features, which include some interesting additions such as Finance and Travel labels…

Read More ».

45 Brilliant Tutorials for Learning Pixelmator

45 Brilliant Tutorials for Learning Pixelmator

Looking for an alternative to photoshop? Pixelmator is a popular image editor for Mac OS X. While Photoshop is the industry standard, Pixelmator has a lot to offer for Mac users. In this post we’ll feature 45 tutorials for using Pixelmator, including a number of video tutorials. Some of the tutorials are rather basic and will help you to get familiar with the interface and tools, and others teach specific techniques. You may notice that some of these tutorials are re-makes of popular Photoshop tutorials, except this time showing how to create the same end result in Pixelmator…

Read More ».
Page 3 of 2912345...Last »