How to Make Procrastination Productive

Work Smart: How to Make Procrastination Productive

From Fastcompany.com

Facebook Demos New Design

Here's another interesting video. If you are in any way involved with website design, development, or management, you spend a lot of time looking at other successful websites in an attempt to discover what works well. During this process you'll often contemplate what drove certain decisions. Therefore it's very intriguing when you get a chance to hear an actual Q&A about such topics. So, check out this press demo from Facebook:



Found via: Mashable

Browser-based Web Browser Testing: Litmus vs. Adobe BrowserLab

Below is a quick comparison of two browser testing tools. There are others out there, feel free to add in comments. However, since Adobe just made another press push for BrowserLab I thought it would be a good time to compare these two tools that I've been trying out.

Litmus

Litmus is out of the UK, and has been around in some capacity since 2005. They currently offer both an HTML-based web application, as well as a nascent desktop application counterpart.

Browsers supported at this time:

• Short answer - Litmus wins here big time with a very broad list of browsers on both Windows and Mac. Full list here.

Stand out features:

• Not just web browser testing, but also Email Testing - a feature Adobe doesn't have at all
• Browser tests can show both: Cropped, in-browser window; and Full page no browser window bordering image
• Save multiple tests
• Retesting / test history, iterative workflow
• Validation warnings and direct links to validation results
• Ability to download test results
• Ability to mark a test as complied and share the results (ie Social features)
• bookmarkelt lets you test any page you are visiting in your normal browser
• Rich Help and other resources

Adobe® BrowserLab

Adobe BrowserLab is in a limited time preview stage, this Flash-in-browser-based tool covers the website basics that Litmus does and has a few slick features. One immediate 'weakness' in comparison is that at the moment you can only run one test at a time and there is no apparent way to access test history.

Browsers supported at this time:

• Firefox 2.0 & 3.0 for both Win XP and Mac OSX
• IE 6.0 & 7.0 for XP
• Safari 3.0 for Mac

Stand out features:

• Views: single browser, 2-up for comparison, and a very cool "Onion Skin View" that overlays two different captures to show where layout diverges.
• Browser sets, with controls
• Zooming on captures
• BrowserLab Extension for Dreamweaver CS4

Verdict

IMO, Litmus offers a broader more user-friendly set of features for testing multiple sites in an iterative fashion. It's huge browser library and additional support for testing HTML Email give it a clear edge. Adobe may be able to catch up of course, but I also feel that it will ultimately come down to pricing. Both offer free options, but at the moment Adobe allows you to test IE 6 for free, whereas Litmus requires a paid plan to gain access to anything but IE 7 and Firefox 2.0. Adobe has not set pricing, but has stated that it will become a paid service after it moves out of preview release. We'll have to see how the pricing packages compare. For the time being, you could benefit by using both in tandem, which I'll likely do for a while until I feel there's reason not to. No matter what, the advent of powerful browser-based browser testing tools is a huge time, money, and headache saver for website builders concerned with providing the best user experience possible across a large spectrum of web clients.

ArtBistro Ranks their Top 25 Cities for Designers and Artists

ArtBistro.com: "Which cities offer the most overall value in 2009? While all of these communities have a healthy art and design community the emphasis on this list is the cost of living..."

Below is a quick summary. Read the full article here to get all the details:

1. Austin, TX
   
2. San Antonio, TX:
   
3. Salt Lake City, UT
   
4. Oklahoma City, OK
   
5. Raleigh-Cary Metropolitan Area, NC
   
6. Seattle, WA
   
7. Rochester, NY
   
8. Portland, OR
   
9. Denver, CO
   
10. Honolulu, HI
    
11. Nashville, TN
    
12. Virginia Beach, VA
    
13. Kansas City, MO
    
14. Pittsburgh, PA
    
15. Charlotte, NC
    
16. Boston, MA
    
17. Buffalo, NY
    
18. Columbus, OH
    
19. Indianapolis, IN
    
20. St. Louis, MO
    
21. Hartford, CT
    
22. Louisville, KY
    
23. Cincinnati, OH
    
24. Philadelphia, PA
    
25. San Diego, CA
    

Image credit: TheSeafarer via Flickr

Top 10 Reasons Why The iPod Shuffle 3rd Gen Is A Design FAIL

1. Controls integrated into earbuds rules out 3rd party headphones (notwithstanding 3rd party headphones w/ new iPod shuffle compatible control$)
   
2. Lose the earbuds and you get to pay $29 to replace them - this kind of defeats the purpose of a 'cheap' iPod - like your kid isn't going to lose or break these headphones in like 4 days
   
3. No click wheel, no screen - it doesn't look like an iPod - this could just as well be mistaken for a bluetooth headset or a really thick tie clip
   
4. Yet another non-iPod-standard USB charging cord
   
5. It appears that it will not work with existing headphone-jack-related car audio solutions 
   
6. Ditto on above for portable or home speaker sets
   
7. Only two neutral colors, one reason you might want to get a bright green shuffle is so you can find the tiny thing when it's lying around the house
   
8. 10 hour battery life claim is 2hrs less than the 2nd generation shuffles
   
9. VoiceOver is a gimmick that can't outshine the flaws above - hooray you have a blind / screen-less iPod, and now it can aid you with voice assistance technology! But where's the brail on the earbud controls? Also, seeing as Amazon just got bullied about text to speech for eBooks, I wouldn't be surprised if the RIAA cries foul about Apple robo-speaking copyright protected band, album, and song names
10. The price jump is lame. It could make someone want to either buy a refurb 2g shuffle or nano.

The only two updates that DO make sense are the 4GB capacity and the ability to finally use multiple playlists. But the reasons above are cause for concern. Perhaps Apple wants to kill off the shuffle, it may have just done so regardless. 

Video: Jason Fried at "Business of Software"

Business of Software conference September 2008: Jason Fried is founder of 37signals (developers of Basecamp and Ruby on Rails) and Signal vs Noise blogger

Adobe now shipping CS4 and Flash Player 10

From Adobe press release: "Adobe Systems Incorporated (Nasdaq:ADBE) today announced the immediate availability of the Adobe® Creative Suite® 4 product family, the highly-anticipated release of industry-leading design and development software for virtually every creative workflow. Delivering radical breakthroughs in workflow efficiency – and packed with hundreds of innovative, time saving features – the new Creative Suite 4 product line advances the creative process across print, Web, interactive, film, video and mobile...

As part of the CS4 product launch, the largest in Adobe’s history, also available today are brand new versions of Photoshop® CS4, Photoshop CS4 Extended, InDesign® CS4, Illustrator® CS4, Flash CS4 Professional, Dreamweaver® CS4, Fireworks® CS4, Contribute® CS4, After Effects® CS4, Adobe Premiere® Pro CS4, Encore® CS4, Soundbooth® CS4 and Adobe OnLocation™ CS4."

The new Adobe Flash Player 10 Now Available as well.

LogoLounge.Com Reports on 2008 Logo Trends

LogoLounge.Com recently posted an insightful article covering their observations on 2008 logo trends. They have organized examples into 15 trend themes:

1. Supernova
   
2. Fine Line
   
3. FoldOver
   
4. Global Expansion
   
5. Loops
   
6. Jawbreakers
   
7. Strobe
   
8. Nimbus
   
9. Stitch
   
10. Colorblind
    
11. Amoeba
    
12. Facets
    
13. Doodles
    
14. Flourish
    
15. Fibrous
    

Read their full report to see the various examples of logo designs.

Finding Information: Factors that improve online experiences.

The Institute for Dynamic Educational Advancement (IDEA) recently completed a survey about how people find information online. They've posted their findings online. In their own words, "...this report outlines key findings from surveys that explored factors that drive online experience as expressed by the three different subject groups – nonprofit organizations and cities, web designers and firms, and the general public." The survey’s major findings are summarized as:

• Designers underestimate the thresholds for an effective site
  
• Easy access to complete information is key to visitor enjoyment
  
• Good visual design and up-to-date information are critical
  
• Visitors want information fast
  
• Visitors want a broad range of topics
  
• Designers are overly optimistic about visitors’ ability to maintain orientation
  
• Visitors still need handholding
  
• Visitors point to the lack of breadth and depth of site content as causing an “Information Gap.”
  

You can view the information online or download the 17 page report in PDF at:

http://www.idea.org/find-information.html

"Insound 20" - creative rock merchandising, that rocks

Insound, an established indie rock purveyor, has just launched "Insound 20". The promotion consists of "Limited edition t-shirts, shirts and hoodies designed exclusively for Insound by Jason Munn of the Small Stakes." The idea of creating a cohesive set of promotional items for a portfolio of bands is very smart. It's a great way to show off an umbrella brand, while also offering their music fans a unique keepsake. Kudos to Insound for some very creative, and well executed product marketing.

Cooper Journal: Bringing sanity to swat-team design projects

cooper.com: "In a perfect world, interaction design would begin when a product was still just a twinkle in a venture capitalist’s eye. In reality, many software products make it all the way through the development cycle with little thought to the users’ experience, and when executives, sales people, or QA testers finally get their hands on the functioning product and start sounding the alarm bells, interaction designers are brought in to clean up the mess. With increasing demand for design “swat teams” to rescue fully developed but flawed software that is scheduled to ship within months or even weeks, the critical question becomes: how can you avoid getting caught up in the chaos that frequently permeates “crisis-mode” engagements?..."

This is an excellent article from an authoritative source. Read the full article...

Are 3-D logos ruining or revolutionizing logo design?

brandchannel is hosting a 'branddebate' on this topic. As they state in their introduction of the topic: "On the front lines of the branding industry - among the designers - an ongoing battle is being waged over an essential branding component: logos, and in particular, 3-D, or dimensionalized, logos..."

It used to be said that format restrictions were a primary functional limitation that informed the decision making process of logo designers. Thoughts like 'it has to look good in black and white', or 'our budget only supports two color printing' often informed the amount of detail and color that made up a logo design. With the web and better/cheaper printing, these two primary limitations have less bearing on the design process (but don't forget about low quality fax cover pages!). Overall, it is now more of a pure design decision. What level of detail, color, and dimensionality will best serve the brand you are representing with the logo design?

Read some interesting opinions on both sides of this topic at brandchannel.com

Album Cover Designers: The New Iconographers

When I was younger, I distinctly recalled noticing the dilemma faced, by album cover designers, when cassette tapes were introduced. Going from the large format LP to the small awkwardly vertical cassette cover had a big impact on design solutions. The CD reintroduced a canvas more square in shape but still diminutive compared to a real "album cover". Fast forward to today and you can see the latest challenge for album cover designers, the digital version of album art. Digital music players like iPod and Zune, that can now display album art, have reintroduced the importance of design and branding in music. There was a stretch there, where artwork was not so easily attached to the digital music. Apple's Coverflow (purchased from original creator steelskies) reintroduced the metaphor of browsing through a pile of records, albeit very tiny records .

How will this change trends in album art design? Will there be bolder, larger, simpler designs? Or is this no different from the challenges faced by traditional LP cover designers who aimed to make a large format record stand out on a shelf in a record store? We shall see, but I expect to notice a greater influence as album art designers start thinking like icon designers. One recent example, Trent Reznor of Nine Inch Nails just released a free full length recording "The Slip". Like his last free album before it (Ghosts), each song has its own piece of artwork associated with it. 10 'covers', and a PDF booklet for one 'album'- now that's something new.

Where does design belong in your organization?

Here's a nice article from cooper.com: "These days, more and more companies are recognizing that design and innovation are essential to their strategy and bottom line: effective design sells products and services, improves your position in the marketplace, and turns customers into loyal advocates for your brand. If you've gotten your organization to this point, take a moment to enjoy your success! Creating demand for design is no small achievement. Unfortunately, to reap the full benefits of design, you probably still have a lot of work to do on your organization's structure, processes, and culture.

One of the first things you need to do is determine where in your organization design belongs..."

Major points covered are:

• In-house vs. outsourced
  
• Internal consultancies
  
• Design teams assigned to products long-term
  
• A blended approach
  
• What's right for your organization
  

Read the full article at cooper.com

Cause/Effect, Design As Change Agent

The Pursuit of Design | VIDEO: "Zoom In Online presents the first in a new Pursuit of Design mini-series, "Cause/Effect". This episode features "Design As Change Agent", a one-day event taking place at Parsons The New School. In this video, a wide range of designers, creatives and artists gather with students to discuss how design can be a powerful agent for change on both the local and global levels..."

Click here to watch the video online

Flow - What Adobe Version Cue should have been?

GridIron Software Announces "Flow" - A revolutionary approach to content management: "Flow is a revolutionary approach to digital content management that dramatically simplifies the design process for creative professionals working on graphic design, web and video projects. Flow automatically tracks your work from idea to end result and manages your assets and applications for your most complex projects- all without changing the way you work."

Flow was included in the Macworld Best of Show winners list. The information about the forthcoming product on their site shows a lot of promise. Now that Leopard has incorporated Coverflow into the finder, and Adobe Version Cue + Bridge has lacked traction, the timing could be good for a desktop-based asset management tool that moves beyond tracking files and adds some intelligence regarding process, versioning, and (ahem) "flow".

Features that seem like standouts include: Workflow Maps; Workflow Calendar; Visual Versions; Project Packages; Project Reports.

There's a difference between ALL of the files that someone generates for a project, versus the smaller subset of files that they may want to actually share with a workgroup or client. While some Web 2.0 DAM solutions like fluxiom or box are great for the latter, flow might be an intelligent bridge between what you have and what you need to share.

They are accepting Beta program requests. I'll be keeping an eye on this software.

Finally! - Email Standards Project

Email Standards Project: "The Email Standards Project works with email client developers and the design community to improve web standards support and accessibility in email."

I'm very happy to see an organized attempt to address the issue of poor and inconsistent industry-wide support for rich email (html email). The Email Standards Project looks like the bandwagon to jump on. The site has a great chart right on the homepage showing popular email clients (desktop and web-based) and their rating in terms of standards support. The project has come up with an "acid test", much like the Web Standards Project, that is used to fairly and consistently test the ability of a given email client.

Check out the site, join the email list or spread the word.

Vitamin: "Creating Sexy Stylesheets"

Vitamin Features - Creating Sexy Stylesheets : "Being a CSS expert is more than just memorizing selectors. It’s also working to improve the maintainability and efficiency of your stylesheets, planning for the future and mastering your workflow. In this article Jina Bolton gives 10 CSS tips culled from surveys with 12 top designers."

This article summarizes common best practices and also introduces some handy tips and tricks for things you can do to optimize the CSS workflow for multiple contributors. Bottom line is keep it clean and think ahead to what it will be like to have to open up your CSS file 6 months later - 'what was that selector named again?...'

Adobe Delivers Flash Player 9 with H.264 Video Support

"HD Quality Web Video and Audio Now Available With Adobe Flash Player Update... Adobe Flash Player 9 now includes H.264 standard video support, the same standard deployed in Blu-Ray® and HD-DVD® high definition video players, and High Efficiency AAC (HE-AAC) audio capabilities. The latest update also features hardware accelerated, multi-core enhanced, full-screen video playback for high-resolution viewing across major operating systems and browsers. The combination of Adobe Flash Player 9 and Adobe Flash Media Server 3 (also announced today) enables the delivery of HD quality video to the broadest online audience. Adobe Flash Player 9 Update 3 is available immediately at http://www.adobe.com/go/getflashplayer"

read more | digg story

Four Paths to Mobile Web Design and Deployment

Here's a handy article...

creativepro.com : "In this excerpt, well-known -- and better yet, well-respected -- Web designer Cameron Moll explains four ways to design and deliver standards-compliant content for mobile devices:Do nothing with your current Web siteReduce its images and stylingUse handheld style sheetsCreate mobile-optimized contentCameron lays out the pros and cons of each method and includes real-life examples of how content from sites following each of these methods displays."

Amazon finally eliminates tabs in favor of menus

It's the end of an era. Tabs are gone, long live drop-menus! Amazon has launched a redesign that more appropriately organizes their store sections into primary left-hand navigation with sub-menus. This is a vast improvement to the lonely few tabs that had been up at the top for a while now. That single giant drop menu is thankfully gone as well. Amazon was the dot com tab innovator, so it must've been hard to let got. But hey, there aren't any more white iPods anymore either. So, I guess if you have a site with white tabs, you are really behind the times now? ;-P

Icon Design: Anti-Aliasing

This is a great how-to article covering the process for tweaking vector art in pixel-preview mode so that the 16x16 versions of the icons do not suffer in quality compared to the larger sizes you may be targeting.

70 Expert Ideas For Better CSS Coding

via digg: "Smashing Magazine does it again with a superb list of little CSS tips & tricks to increase your productivity."

This is an excellent compilation of many of the tips and tricks posted to digg, but all rolled up in a nicely organized package with plenty of source-links to expand on the techniques outlined. There's definitely a buzz around what's to be considered "Best Practices" when it comes to CSS design and development. I see a strong opportunity out there for the development of a tool or app that puts a ui on top of these practices, making it easier to replicate across multiple projects.

read more | digg story

A List Apart: The Web Design Survey, 2007

The Web Design Survey, 2007: "Designers, developers, project managers. Writers and editors. Information architects and usability specialists. People who make websites have been at it for more than a dozen years, yet almost nothing is known, statistically, about our profession. Who are we? Where do we live? What are our titles, our skills, our educational backgrounds? Where and with whom do we work? What do we earn? What do we value?"

Give it a go to improve the findings, and you may even win something...