Screen resolution is gaining has gained a range:  from 320px (cell phone) to 2400px or even higher. Users will no longer just browse the web with desktop computers. Users are beginning to use mobile phones, smaller note books, and all kinds of tablets to access the web. So the traditional fixed width design is dead in water now. Web design needs to adapt. The layout needs to be adjusted for specific displays resolutions and devices.

Below is the main structure of a layout that can easily do that. You got the “container” that wraps the “header”, “content”, “sidebar”, and “footer” together.

<div id=”container”>
<header id=”header”>
<menu>
<ul id=”main-nav”>
<li><a href=”#”>Home</a></li>
</ul>
</menu>
</header>
<div id=”content”>
<article>
blog post
</article>
</div>
<aside id=”sidebar”>
<section>
widget
</section>
</aside>
<footer id=”footer”>
footer
</footer>
</div>

We will be building build the css based on a flexible grid and within that grid we’ll define the sizing of things for each device.

At the end of the day, this is a brand new and it is still mighty painful transition but more than ever necessary.

I propose Cow-Path navigation design.  Behnam Ataee, CTO of Dream Warrior Group, Inc. shows his expertise every day when designing and implementing the information design on web sites from The Arts to e-commerce.  He consults with clients about their goals, researches and then uses his knowledge of user behavior to design the best possible initial site navigation.

But is that enough?  I say “It’s the ideal and necessary start but we can’t stop there.”    This is where observation and analytics come in to the picture.  Now that we have a logical and amazing looking navigation, we need to see what happens .  Because (and I know this is a shock), people don’t always act logically.  As marketers and developers, we need to see what is happening – figure out why and if we can and adopt the navigation schema to behavior.

Certainly, we still want to design a site that funnels folks to the desired end…but they may have a better way to get there. Or, it may not be better but it was they want….give them what they want.

As I was discussing this with our new friend and client, John Olchak from The San Diego Repertory Theatre, he likened it to landscape designers who don’t put in the concrete sidewalks until they see where people are making their own paths.  Smart.  I likened this back to my college days at UWSP.  Outside the Science and Natural Resources building there were signs saying ‘Don’t make cow-paths!” because the student body was forever cutting corners and tearing up the grass (I confess to nothing).

So, with Web site navigation I say “Let’s embrace the cow-paths”.  Check out your analytics…how are people getting to your desired goal/conversion?  Can we make that navigation easier and more enticing for others?   So….don ‘t ever pour concrete on your web site.  Leave the navigation open to change to match the cow-path or add a second path.  Keep it simple, clean and give the visitors what they want.

Now….are your visitors not converting or choosing to make a path to your goal page?  That’s another blog and conversation about goals, page content and ease of conversion.  We’ll talk soon.

Mooo

LaMae Weber, CEO, DWG

Compared to the competition, like Amazon.com’s Kindle Fire, affordability isn’t an entirely new concept. However, while the Fire has been somewhat successful for Amazon, it hasn’t made any relevant impact on iPad because of its limitations and app platform. Not running on any standard forms of Android makes it very difficult for app developers to create anything for it- another victory for the Google Nexus 7.

There is also the Samsung Galaxy Tablet – in spite of all the legal problems, it is by far the most popular Android Tablet today. It provides nearly all the features that you could get on an iPad, at a lower cost. However it is not nearly as low as the Nexus 7. The Samsung market share is clearly the first arena that Google’s product is going to impact, but watch out iPad, because Google is coming for you next.

So let’s recap:

1. It’s cheap.

2. It’s an Android.

3. The price is right and will attract app developers.

Any questions?

Initial update was the auto-complete feature, and “people you follow” results for searches for a simplified pursuit of hashtags.

Even though these new features happen to be pretty drastic improvement for navigating through the universe of tweets, we have also noticed some impressive improvement to the search algorithm itself.

The quality of the results have been steadily improving, and in a recent event  where we manned the social media station, we were pleasantly surprised with the ease with which the audience was tagging along with our hashtags.

Two thumbs up for Twitter, for this change …

As wonderful and time saving as a fluid or a semi-fluid design is once the coding process begins, it introduces as many difficulties up front during the initial design reviews with the customer. Now, instead of  2 mockups & 3 to 5 wire frames, you need to start with 6 to 8 mockups & a dozen wire frames, which means exponentially more time spent on discussions, and Q&A.

So based on this experience, we have now modified our time to completions of the projects by an additional 20% to reflect the new reality of responsive design discussion.  I would love to hear from anyone else, and how their quotes and time lines have had to be fiddled with …

http://www.apple.com/ipad/features/

1. Finding the audience. Search Pinterest before diving in -  make sure your target market is there and using the service. Over 95% of the pinners are Female.  Instead of looking for the audience directly, look for influencers that can reach your audience.  Remember Pinterst is not in a vacuum,  those influencers in Pinterest also tend to Tweet and FaceBook and have many followers and friends.
2. Making a Plan. Once you have decided that Pinterest is for you, you need to make sure you’re pinning addresses your business goals. Be focused and flexible and adapt. Focus traffic and brand awareness, and create your boards accordingly.  Create a rule based scenario for your pinning and make sure everyone in your organization follows it.
3. Building a message. The images you pin or repin tell a heck of a lot about you, as well as the comments that you post.  For the most part, your images will have to stand on their own and represent you, so ewhen you are not sure that an image by itself will do the job, make sure there is some text on it to provide clarity.
4. Creating Boards. Whilel focusing on your message, create minimum of three boards that focus on your target audience’s experience, your brand, and the mindset for audience engagement. It would be quite easy to create an alternate board for each goal and then compare results, and finally follow the path that yields the best results.  Don’t be afraid of changing things up.
5. Building popularity. At the very beginning, you may choose to put up what you may find interesting, but the beauty of Pinterest is that quickly you will realize whether or not others agree with you. If you are not getting a large crowd to find your images intersting, then it is time to adjust and quickly.  Look at what your audience finds intersting and follow suit.  Your Boards should be intersting and motivate others to re-pin your images, so just putting up the pictures of your product will not do the job.
6. Becoming Pinnable. Take a look at your site through the lense of Pinterest.  Is your site really pinnable?  Are there sufficient compelling images on your site to make it a popular destination.  Consider adding images to your site based on your plan, and under the same guideline by which you create boards.
7. Engaging in Pinterest. If you expect folks to be interested on your images, you really need to show interest on theirs.  Most pinners actively support other pinners.  This support may easily extend to your brand and products if you play your cards right. Bringing in others to pin with you in some of your boards is another greate way of engaging the community, and extending your base.  Make sure everyone you bring in understands and is willing to follow your guidelines.
8. Developing Campaigns. Make sure you incorporate Pinterest into your promotions.  This can be as effective as your facebook or twitter promotions, and should be part of your over all promotion plan.

 –a compilation by Behnam Ataee of Dream Warrior Group

To many consumers, the price differential makes up for the apps and storage differentials. The Kindle Fire is priced at $199, Nook Color is priced at $199, and the Apple iPad is $499-$829. Both the Kindle and Nook have a screen size of 7 inches. The iPad has a screen size of 9.7 inches. The specs are very similar between the Kindle and Nook, except the Nook offers expandable storage of up to 32GB in micro SD card slots. If the main purpose you’re looking for in a tablet is reading books, it boils down to company preference between Amazon, Barnes & Noble, and iTunes. If you’re looking for a lot of applications and more storage, then the iPad may be for you..

The iPad 2 includes two cameras for FaceTime and HD video. It has 10 hours of battery life. It’s extremely thin at only 0.34 inches and weighs only 1.33 pounds. The Kindle Fire doesn’t include cameras. It has 8 hours of battery life while reading, and 7.5 of video playback. It is 0.45 inches thick and weighs only 14.6 ounces. The Nook Color doesn’t include cameras. It has 8 hours of battery life. Its 0.48 inches thick and weighs only 15..8 ounces.

The Kindle Fire has 8GB of on-device storage, 6GB is available for user content. The Nook Color also has 8GB of on-device storage. Both use Android operating systems. The iPad 2 has 16-64GB of on-device storage. It uses iOS for an operating system. The iPad 2 comes equipped with Bluetooth while the Kindle Fire and Nook Color do not. The iPad app store has 90,000 iPad apps. The Kindle Fire app store has 16,638. The Nook Color app store has 729..

http://www.pcmag.com/article2/0,2817,2393737,00.asp
http://www.huffingtonpost.com/2011/11/14/kindle-fire-vs-ipad-2-how_n_1092228.html
http://www.apple.com/ipad/features/
http://www.barnesandnoble.com/p/nook-color-barnes-noble/1100437663#nook-commentary-features-1
http://www.amazon.com/Kindle-Fire-Amazon-Tablet/dp/B0051VVOB2

You don’t have to wrap your attributes in quotation marks if you don’t want to you.  If you prefer a more structured document, by all means, stick with the quotes, otherwise ditch them.