Monday, October 24, 2011

Responsive Web Design

Responsive Web Design

"The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the ebb and flow of things.” By Ethan Marcotte

Responsive Layout Wireframe

As we design for more devices, considerations for more responsive layouts which scale gracefully across varying screen sizes could be gaining in importance. By Wireframes Magazine

Proto.io – Mobile App Prototyping



Proto.io is a new UI prototyping tool specifically tailored for mobile and tablet applications. The web based environment allows you to start off by creating a project for either the iPad or the iPhone. By Wireframes Magazine

Creating a Flash Website for a Business Project: My Experience

Good tutorial on using Flash for your website. By Crazyleaf

The 8 Best Freelancing Books for Designers

Freelancing has become a more popular way to earn a living every year for the past decade, and it is finally starting to get the respect it deserves as a viable business structure and shedding the bad reputation it somehow gained as the hobbyist’s label. By Crazyleaf

How to Move Users Around Your Web Pages With Visual Aids

It’s common knowledge that attractive people work well in advertising images. Most marketers also know that the placement of images is influential to where a customer clicks. An aspect that’s not as well documented however, is the huge impact of where the subject in an image is looking or gesturing towards. By Crazyleaf

A Few Short Tips on Designing a Professional Website

If you are planning to create a website or brochure for your business, one of the most important things on your list is design. As far as websites are concerned the time to grab attention is short and gorgeous design and graphics can be a great tool in achieving this. By Crazyleaf

Personality in Design

Fig 5
An excerpt from Chapter 3 of Designing for Emotion by Aarron Walter (A Book Apart, 2011). By Aarron Walter

Organizing Mobile

Fig 4.3

An excerpt from Chapter 4 of Mobile First by Luke Wroblewski (A Book Apart, 2011). By Luke Wroblewski

How to Bulletproof @font-face Web Fonts



You’re interviewing for your dream job, and you’re ready to kick some butt. A small group is gathered around a conference phone and some coding exercises, and they’re pulling up your portfolio on a projector so that everyone can review it.
It looks great, except for one thing: All of your beautiful web fonts are gone and have been replaced with… Arial. By Six Revisions

7 Blog Design Tips from a Content Strategist

For blog design, content issues are particularly important to pay attention to, because, fundamentally, the purpose of a blog is to deliver quality content to a strategically defined audience or community. By Six Revisions

Showcase: 30 Beautiful Blog Designs for Inspiration

Thomas Aull Blog

A beautiful and well-designed blog can leave a lasting impression onto its readers. With so many sites competing for the attention of Internet users, the appearance of a blog can be a large factor in helping it stand out from the crowd. By Six Revisions

Comprehensive Review Of Usability And User Experience Testing Tools

Usability and user experience testing is vital to creating a successful website, and only more so if it’s an e-commerce website, a complex app or another website for which there’s a definite ROI. And running your own user tests to find out how users are interacting with your website and where problems might arise is completely possible. By Smashing Magazine

Web Designer, Be Your Best Promoter



Have you ever had someone flirt with you and they did nothing but demean themselves the whole time? Did that make you attracted to them? Doubtful. Yet, this is how so many individuals seem to handle their business today. By Smashing Magazine

The Role Of Design In The Kingdom Of Content

If content sits at the top of the food chain, why do we spend so much time talking about the finer points of design? Every day we debate, experiment with and discuss topics that easily fall into the category of aesthetics, enhanced functionality and layout; in fact, relatively rarely do we talk about content. Nevertheless, even though we should concede that content is king in this realm, this doesn’t mean that design should be devalued. By Smashing Magazine

Sunday, October 09, 2011

Understanding Designer-Developer Workflow



The most appealing software applications developed today are produced by a close collaboration of designers and developers. By UX Magazine

Designing the Right Team for UX : An Art and a Science

As brands and partner agencies become more invested in the discipline of user experience, building the right UX team will also require significant commitment and investment. By UX Magazine

The Case for Content Strategy—Motown Style

How do you start humming the content strategy tune to your own team and to your prospective clients? Listen up and heed Aretha Franklin. No, really. By Margot Bloomstein

Free Download: Cheat Sheet For Designing Web Forms

The designers of the crib sheet have spent years designing and testing forms, and they’ve decided to summarize the most common problems and issues that come up in their projects. By Joe Leech

16 Pixels: For Body Copy. Anything Less Is A Costly Mistake

Why 16 pixels should generally be the minimum size for body copy in modern Web design. By Smashing Magazine

50 Color-Creative Website Designs


50 color-Creative Website Designs - egopop

Eye catching web design starts with good use of color. Creative color combinations can instantly tell users what a website is about and why they should care. Ideal placement of color on a web page can lead the eye to a desired action spot, or simply set the mood. By Crazyleaf

Top 10 : Must-Have Apps for a Graphic Designer


Graphic Design Apps - Camera Bag

Starting out in the freelance graphic industry isn´t easy, but with a little help from Smartphone apps, it could become that much easier. From color creation tools to task management apps, simplify your life and maximize your potential with our guide. By Crazyleaf

Creating a Flash Website for a Business Project


Create a Flash website

Here's how to create a Flash website without complex software and outside assistance. By Crazyleaf

Design Inspiration

Epidemialab

Here are some very nice looking websites to help inspire your own work. By Crazyleaf

Saturday, October 08, 2011

3 Ideas For Capturing Feedback

 

Various ways in capturing feedback on web projects. By Wireframes

Steve Jobs, Thanks

Quote from Steve Jobs.

Not Your Parent’s Mobile Phone: UX Design Guidelines For Smartphones


Gesture Card

Smartphones are what younger generations know as just phones. The iPad (aka the tablet) is giving your grandma’s PC a run for its money. You certainly are holding some amazing futuristic technology in your hands. It will be even better tomorrow, though, so why does it matter to us or to users? By Tim R. Todish

30 Strikingly Vibrant Web Designs for Inspiration


30 Strikingly Vibrant Web Designs for Inspiration

Working with bright, high-impact colors in your designs can prove to be a powerful tool in your creative arsenal. Bright colors are able to grab attention and they make a design appear fun, youthful, cheery and modern. By Jacob Gube

Designing a Website’s Introductory Text: Tips and Examples




Many websites choose to display a short explanatory text in a prominent position of their web page layouts to inform visitors what the purpose of the site is. This introductory text, when crafted well, can help users quickly decide whether they’re in the right place or not. By Jacob Gube

7 Best Practices for Improving Your Website’s Usability

 

Writing content for web users has its challenges. Chief among them is the ease with which your content is read and understood by your visitors (i.e. its readability). By Jacob Gube

Improving the Usability of Web Content (Elsewhere on the Web)

 Writing content for web users has its challenges. Chief among them is the ease with which your content is read and understood by your visitors (i.e. its readability). Jacob Gube

Graphics in Photoshop: 6 Beginner Tips for Web Designers



Photoshop is an industry-standard tool used by both graphic designers and web designers. What follows are some simple tips to follow as you create graphics meant for use on websites. By Jen Stroman

11 jQuery Plugins That Can Enhance Your Typography




Here is a list of top jQuery plugins that serve a wide range of purposes related to web typography, from helping you implement @font-face to providing your users with better usability and functionality when it comes to your website’s fonts. By Ken Hattori

10 Ways to Be a More Productive Web Developer




Here are some solid tips on streamlining your web development workflow and making every part of the development cycle move quickly and smoothly. By Delwin Campbell

7 Crazy Tips That Will Help You Become a Better Coder




There are a whole slew of developers writing amazing and practical code and there are thousands of public code repositories on sites like GitHub. Meanwhile, the rest of us are content with just cutting and pasting the code of these industry geniuses. By Louis Lazaris

How to Make a Light Textured Web Design in Photoshop

This web page design tutorial on Design Instruct (our other website) will show you how to create a beautiful, modern and subtly textured web page layout in Photoshop. By Jacob Gube

Five Simple but Essential Web Usability Tips

This article discusses five important usability tips that your site can’t live without. By Brujo Owoh

10 Usability Tips Based on Research Studies

 Google Golden Triangle

This article discusses usability findings of research results such as eye-tracking studies, reports, analytics, and usability surveys pertaining to website usability and improvements. By Cameron Chapman

Usability Testing Tips and Tools (Elsewhere on the Web)

Testing usability is an art and a science. There are many times when usability testers rely on qualitative measurements, intuition, opinions and feedback from users and experience. However, there are also factors you can test quantitatively to ensure that a site is usable. By Jacob Gube

Are You Using CSS3 Appropriately?



CSS3 is exciting. When it was introduced, it seemed like the untapped potential of Web Design was finally unlocked. By Delwin Campbell

10 Web-based Sandbox Tools for Testing Your Code Snippets

10 Web-based Sandbox Tools for Testing Your Code Snippets

One of the greatest benefits the Internet provides web developers is the ability to share and collaborate with other professionals. When you’ve hit a coding roadblock, you can reach out on your social networks to see if your friends can give you a hand. By Jacob Gube

Tuesday, October 04, 2011

Upcoming Web Design and Development Conferences in 2011-12

Flash on the Beach

Here's a list of upcoming web events in 2011 and 2012. By Louis Lazaris

The S.M.A.R.T. User Experience Strategy

Product detail page wireframe.

There’s a fundamental problem with stating that your goal is to “create a good user experience.” It’s not specific, directly measurable, actionable, relevant or trackable. Thus, it will create disagreement and disorganization, sending many projects into chaos. However, we can avoid this by using S.M.A.R.T. goal-setting criteria when defining user and business goals. By Dickson Fong

CSS3 Flexible Box Layout Explained

screenshot


The flexible box layout module — or “flexbox,” to use its popular nickname — is an interesting part of the W3C Working Draft. By Richard Shepherd

How Metrics Can Make You A Better Designer

KISSmetrics Shopping Cart Infographic

User analytics are what you might get from Google Analytics, KISSmetrics or Mixpanel. They tell you things like which pages users have viewed the most, which call-to-action buttons they’ve clicked, and how many tasks they’ve performed while using your product. They can also show you where people drop out of critical flows, such as registration and purchasing. By Laura Klein

Improving The Online Shopping Experience, Part 2

The purchase funnel and ways to improve the online experience


Great tips looking at ways to enable customers to make the decision to buy and to guide them through the check-out process. By Lyndon Cerjo

Content Prototyping In Responsive Web Design




A content prototype is an HTML-and-CSS-based fluid-grid prototype, consisting of layout and typography, that consists of the project’s actual content. Its greatest usefulness may be in determining where to apply media queries to make the Web design responsive. By Ben Callahan

Conversation Techniques For Designers

Ask The Simple Questions


This creation of visual artifact is widely regarded as our most effective means of communicating thought through a product. However, creating a product takes more than just documentation, and much of it is communicated not visually, but verbally. By Darren Geraghty

The Whys And The Hows Of Textures In Web Design

This site perfectly divides content with textured elements.

Due to its frequent misuse, its benefits have long been overlooked. Texture can bring a website together, but should not be the main focus. By Jon Savage & Simon H.

A Quick Look Into The Math Of Animations With JavaScript

There is a lot of math in the visual things we do, even if we don’t realize it. If you want to make something look natural and move naturally, you need to add a bit of physics and rounding to it. By Christian Hellmann

Improve The User Experience By Tracking Errors

It’s easy to see your top-visited pages, navigation patterns and conversion metrics using visitor-tracking tools like Google Analytics. However, this data doesn’t show the roadblocks that users typically run into on your website. By Lara Swanson