Browsing articles in "Web Design"
Jul
19
2012

Twelve Commandments Of Software Localization


  

You’ve presented the new website and everyone loves it. The design is crisp, the code is bug-free, and you’re ready to release. Then someone asks, “Does it work in Japanese?”

screenshot

You break out in a cold sweat: you have no idea. The website works in English, and you figured other languages would come later. Now you have to rework the whole app to support other languages. Your release date slips, and you spend the next two months fixing bugs, only to find that you’ve missed half of them.

Jul
18
2012

The Personality Layer


  

Today we’ll have a look at a few projects in which the consistent use of the well-known term “emotional design” can result in a great personality. Positive attitude often leads to people sharing and even advocating for your product with their peers.

The Personality Layer

Positive emotions instill positive memories and make users want to interact with your product in the future. There’s also an additional benefit: In pleasant, positive situations, people are much more likely to tolerate minor difficulties and irrelevance. While poor design is never excusable, when people are relaxed, the pleasant and pleasurable aspects of a design will make them more forgiving of problems within the interface.

Jul
17
2012

Are You Giving Your Users Positive Feedback?


  

We love to tell users that they have done something wrong. We have error messages for everything from poorly formatted telephone numbers to incorrect logins. But what about our user’s successes, do we celebrate them? Do we tell them they are doing something right?

Are You Giving Your Users Positive Feedback?

It is as important to tell users that they are doing things right, as it is to inform them when they make a mistake. This kind of positive reinforcement is key to a pleasurable user experience. In this post, I want to explain why positive feedback matters, suggest when it is appropriate and how to integrate it into your website.

Jul
16
2012

Keys To Better Communication With Clients


  

Poor communication is a surefire way to damage any project or relationship, but when I dug deeper into this particular case, I realized that lack of communication was not the issue; the company provided regular updates on projects and milestones and so on. Rather, it was the words they used when giving those updates and answering questions. The problem was that the provider spoke “Web speak” and nothing else.

Keys To Better Client Communication

This isn’t the first time I’ve heard this complaint from someone when discussing their Web team. While they appreciate the provider’s knowledge of the profession and industry, they bemoan the reality that they cannot translate that knowledge into language that someone who is not a fellow Web professional would understand. While the updates may be plentiful, the communication is still poor.

Jul
13
2012

Coding Q&A With Chris Coyier: Code Smell And Type On A Grid


  

Here we are again! Smashing Magazine’s Q&A. In case you haven’t seen it before, this is how it’s done: you send in questions you have about CSS, and at least once a month we’ll pick out the best questions and answer them so that everyone can benefit from the exchange. Your question could be about a very specific problem you are having, or it could be a question about philosophical approach. Go wild and challenge us!

Coding Q&A With Chris Coyier: Code Smell and Type on a Grid

We’ve done a bit of this before with a wider scope, so if you enjoy reading the Q&A, check out my author archive for more of them. Andrejs Abrickis asks: “Sometimes I face trouble with HTML email design and the proper CSS code. It takes quite a lot of time to make it cross-client compatible. I would like to know your opinion about the best CSS reset that could help to speed up email newsletter development. Is there any good tool for testing HTML emails?”

Jul
12
2012

The Elements Of The Mobile User Experience


  

Mobile users and mobile usage are growing. With more users doing more on mobile, the spotlight is on how to improve the individual elements that together create the mobile user experience.

The Elements Of The Mobile User Experience

The mobile user experience encompasses the user’s perceptions and feelings before, during and after their interaction with your mobile presence — be it through a browser or an app — using a mobile device that could lie anywhere on the continuum from low-end feature phone to high-definition tablet.

Jul
12
2012

It’s Time To Stop Blaming Internet Explorer


  

Earlier this week we published two articles by Louis Lazaris: one on why old browsers are holding back the Web and another encouraging Web users to upgrade their browsers and use modern browsers other than IE. This article presents another perspective on this issue. Nicholas C. Zakas, a well-respected member of the developer community, goes into specifics of why we should focus on the good parts of our job so we can tolerate the bad ones and why fixating on circumstances that you can’t change isn’t a recipe for success. Do you share Louis’ or Nicholas’ view? Leave a comment.—Ed.

A couple of days ago, Smashing Magazine published an article entitled, Old Browsers Are Holding Back The Web. The author of this article, Louis Lazaris, suggests that “old browsers” are holding Web developers back from creating beautiful experiences. Old browsers, in this case, apparently referred to Internet Explorer version 6-9. That’s right, the author groups Internet Explorer 9 into the same group as Internet Explorer 6. He goes on to list some of the things that you can’t use in Internet Explorer 8 and 9.

Jul
11
2012

Better Product Pages: Turn Visitors Into Customers


  

The way you present your product or service is essential to its success — or at least it could be if you know how to do it right. The first impression you make on people is crucial. When selling a product, you want that first impression to be as positive and remarkable as possible. If you have managed to draw them in, you will need to introduce the product within a few seconds.

Better Product Pages: Turn Visitors Into Customers

Show them that your product is just what they want, that it’s useful and that it adds some kind of value to their lives. A smart product presentation does all of that. Here, we will cover different aspects of a product presentation and give examples of how to use them to your advantage. The idea is to give you an overview of the different elements that make a product page successful.

Jul
11
2012

Avoiding Faux Weights And Styles With Google Web Fonts


  

If you’re using Google Web Fonts on your websites, then there’s a very good chance that 1 in 5 visitors are seeing faux bold and italic versions of your fonts — even if you correctly selected and used all of the weights and styles. That’s because the implementation method recommended by Google Web Fonts doesn’t work with Internet Explorer 7 or 8.

Avoiding Faux Weights And Styles With Google Web Fonts

As of 21 May 2012, StatCounter reports that IE 7 or 8 was used for 19.4% of the 45 billion page views collected in February, March and April 2012. As an experienced print and Web typographer, I embrace and use the term “font” when talking about Web fonts; it’s the term used in CSS syntax and by a myriad of Web font providers.

Jul
10
2012

Dear Web User: Please Upgrade Your Browser


  

Shopping. Social networking. Emailing. Reading. Finding directions. Banking. Researching. Those are some of the most common tasks people perform on the World Wide Web. You’ve probably done all of these things yourself at some point. So if you’re like many people, you probably do these things every single week (and many of them even every day).

Dear Web User: Please Upgrade Your Browser

This blog you’re reading now, Smashing Magazine, normally publishes content that’s intended for graphic designers, Web designers, and Web developers of varying skill levels. But today, this article is for the rest of you—the non-programmers, the everyday Web users.

Pages:«1...49505152535455...116»

Categories