background preloader

How Little Do Users Read? (Jakob Nielsen's Alertbox)

How Little Do Users Read? (Jakob Nielsen's Alertbox)

50 Beautiful And Creative Portfolio Designs Advertisement Design portfolios come in various forms. Traditionally, they have been print-based and something you would carry to a client pitch or meeting to showcase what you’ve done and how you did it. Today, many designers take advantage of the Internet to publish and showcase their work via their online portfolios. Having your work displayed online removes the geographical restraints that traditional portfolios impose on you. With many portfolios online, it’s often hard to stand out from the sea of competition out there. In this showcase, you’ll find a variety of beautiful, unique and highly creative portfolio designs. You may also want to take a look at the following related articles: Creating A Successful Online Portfolio1031 In this article, we review five pitfalls that commonly plague portfolio design. 50 Beautiful and Creative Portfolios Pikaboo2 This portfolio showcases a creative navigation scheme; use the scroll button on the mouse to navigate up and down the showcase.

Online Advertising And Its Impact On Web Design In recent years, advertising has become a major revenue source for many websites. Not too long ago, online ads were often met with disapproval from visitors, and advertisers were unsure about their value or effectiveness. Today, most visitors have come to expect ads on commercial websites, and advertisers have recognized the potential of various online ad opportunities. Ads have long been a part of print publications, such as magazines and newspapers, and now they essentially have the same role in online periodicals and publications. Although advertising is a concern for website owners and those pushing products or services, it is also has an impact on Web designers, because they have to be able to design and develop websites that can produce ad revenue and still meet the needs of visitors. Ads on The Raw Story seem to be squeezed in wherever possible, to the detriment of the content. Starting with the Basics Why do advertisers pay for ads? What are advertisers paying for? Colors Flow 1. 2.

10 Most Common Misconceptions About User Experience Design Whitney Hess is an independent user experience designer, writer and consultant based in New York City. She authors the blog Pleasure and Pain. When I tell people that I am a user experience designer, I usually get a blank stare. The term “user experience” or UX has been getting a lot of play, but many businesses are confused about what it actually is and how crucial it is to their success. I asked some of the most influential and widely respected practitioners in UX what they consider to be the biggest misperceptions of what we do. User experience design is NOT... 1. ...user interface design It’s not uncommon to confuse “user experience” with “user interface” — after all it’s a big part of what users interact with while experiencing digital products and services. “Interface is a component of user experience, but there's much more,” says Peter Merholz, founding partner and president of Adaptive Path. 2. ...a step in the process It is the process. 3. ...about technology 6. ...expensive

Newspaper websites need to improve their readability Most newspaper websites are doing a bad design job in making their stories readable. Too many are using: small fonts,long off-putting paragraphs,no subheadings,no in-content boxes or pictures, andno in-content links. To explain more, I’ve written a companion post on online readability (design, not writing – and this post was first published here). And here’s an example each of their news stories so you can see the issue: Daily Mail, Express, FT, Guardian, Independent, Mirror, Sun, Telegraph, Times. Main readability design mistakes This table summarises the main ways they are going wrong. Tiny fonts They are all using font sizes that are too small for comfortable reading on copy-heavy pages. But most of the sites use 12 or 13px fonts for body copy. No sub-headings Long paragraphs Nearly half use long paragraphs, serving up great slabs of unappealing copy. Bad readability These three are vying for last place when it comes to readability. Fairly poor readability Getting there Headings explained

The 10 Most Common Mistakes Web Designers Make Aug 03 2009 There are plenty of mistakes web designers (especially new ones) make when designing websites. Everything from poor design to simple oversight happen every day. But with a little diligence, they can easily be avoided. Below are ten of the most common mistakes web designers make, along with examples of sites who do things right. 1. “White space” or “negative space”, space that is empty of elements other than your background design, is an incredibly important design element. In addition to white space, don’t try to put too much on a single page. 2. Unless the sites you’re designing are completely static, somehow showcasing new information and content is vital to good design. There are a few ways to approach this. 3. Links are one of the most important parts of a website. There are two things to keep in mind here. 4. Using the correct image format for the different images on your site is vital. GIF format is great for images that use a limited color palette. 5. 6. 7. 8. 9. 10.

10 Useful Usability Findings and Guidelines « Smashing Magazine Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability findings and guidelines that may help you improve the user experience on your websites. 1. A study by UX Matters1 found that the ideal position for labels in forms is above the fields. 2Tumblr3 features a simple and elegant sign-up form that adheres to UX Matter’s recommendation. Positioning labels on the left also poses another problem: do you left-align or right-align the labels? 2. People instinctively notice other people right away when they come into view. Eye-tracking heat map of a baby looking directly at us, from the UsableWorld study4. And now the baby is looking at the content. 3. 4. 5.

Designing “Read More” And “Continue Reading” Links « Smashing Ma Advertisement Most bloggers and website designers understand how difficult it can be to attract visitors to a website. In fact, most websites have just moments to attract potential readers. Every website has its own way of asking readers to click on an article link. Best Practices Before we present the showcase, let’s understand why “Read more” links are so important. Also, “Read more” links allow website administrators to more easily track the most popular content. The third and probably most practical reason for having “Read more” links on a website is money. Now that we understand why “Read more” links are so important, let’s investigate some best practices for implementation. 1. By far the most popular method of presenting “Read more” links is with simple text. Tutorial9 PSDTuts Smashing Apps CSS Tricks David Airey Freelance Switch Lost and Taken Veerle’s Blog Rob Goodlatte Douglas Menezes slashdot UsabilityPost Kupferwerk Dino Latoga Elliot Jay Stocks SixRevisions Viget Design Moves Me The White House

Redesigning Craigslist With Focus On Usability Advertisement Craigslist is obviously one of the most popular websites in the world, and each month it serves millions of users who post and view classified ads on the website. At the time this article was written, Craigslist was ranked as the 28th most-visited English-language website in the world by Alexa. Despite the fact that Craigslist receives such a huge amount of traffic each month, it is also criticized for its design, which seems to be at least 10 years out-of-date. This very basic design has also become a huge part of Craigslist’s branding, and it helps make the website memorable and instantly recognizable. As a result, the company has benefited in some ways from a design that many people consider to be very subpar. However, despite the fact that Craigslist has been able to benefit in some ways from its ultra-basic design, there are plenty of reasons to consider making some changes. The Goals What’s Wrong With Craigslist? 1. 2. 3. 4. What’s Right With Craigslist? 1. 2. 3. 4. 1.

How Simple Web Design Helps Your Business Advertisement Many e-commerce sites these days tend to be loaded down with too much information on their landing pages. The reasoning for cluttered e-commerce sites is simple: the more information you can cram on the page, the more the user will buy. Unfortunately, web buyers are a finicky bunch. Jacob Nielsen reports that web users are becoming much more impatient1 while shopping and browsing online. Instead of spending their time going to a site’s homepage and finding the content by categories or other product recommendations, most shopping is done by quick Google searches. It’s crucial to have simple web designs to allow the user to quickly find the information they need, especially if you are selling a product. However, it’s become a common practice to do just the opposite. e-commerce sites have taken this “scatter shot” approach of trying to slap the potential buyer with as many options as possible. Less Products Mean More Focus Only what you need. Basecamp (37 Signals)10 It's done.