Online Biz

Posts Tagged ‘design

ipad-3-concept

Next models of iPad and iPhone could get a boost in size to go along with improved specs.

While the normal tendency is to make each iteration of a product slimmer, a new rumor suggests that the next generation of iPads and iPhones could actually be a step up in both specs and size.

Citing the site’s “most reliable source,” iLounge has posted some details about the next generation of iPads and iPhones that suggest both product lines will gain a little size when new models are released in 2012.

With the iPad 3, the size increase will only add about .7mm of thickness to the tablet computer. The change is necessary to support a second light bar for the higher-resolution display — rumored to be an impressive 2048 x 1536 pixels. The site indicates that that the iPad 3 could debut sometime in January for a March release.

As for the iPhone 5, the site’s source says the phone will need an extra 8mm to accommodate its new 4-inch display. Upgrades to the phone’s battery could also play into the size increase.

The report suggests that the iPhone 5 will debut sometime in the summer, and that it’s still in the engineering phase (as opposed to early production).

 

Provided by Rick Marshall

Advertisements

Luxury goods designer Stuart Hughes has come up with a gold iPad 2 encrusted with diamonds and bits of dinosaur bone. However, buyers may prefer to wait for the cheaper iPad 3, which should be out some time next year.

If you’re thinking of buying an iPad 2 but feel rather uninspired by the regular black and white models currently available, then how about a gold one encrusted with diamonds and the thigh bone shavings of a 65 million-year-old T-Rex dinosaur?

The iPad 2 Gold History, of which only two have been made, is the work of British luxury goods designer Stuart Hughes.

The Apple logo on the device’s solid gold back comprises 52 separate diamonds, while the front section is made from what the designer claims is 75-million-year-old ammolite rock. And if all that isn’t enough to pique the interest of a potential buyer, then this bit might: Hughes somehow managed to get hold of a T-Rex’s thigh bone, which he then proceeded to splinter and shave before incorporating into the front of the iPad.

While we’re sure most people would prefer to see dinosaur bones in a museum of natural history rather than stuck on an iPad, there may be someone out there who rather likes the idea of a bit of prehistoric femur fixed onto their tablet computer.

The front of Hughes’s device is completed with a single cut 8.5 carat diamond inlaid in its own platinum surround together with 12 outer diamonds. Weighing in at more than 2kg, it may be a touch on the heavy side for those who prefer their tablet computer around the 600g mark.

And the price of the iPad 2 Gold History? A cool $8 million. $8 million? Surely they won’t sell at that price. Best to hang in for the fire sale.

 

Provided by Trevor Mogg

 

Is your website meeting the needs of on-the-go mobile users?

When you’re developing your first mobile site, you may be at a loss. That’s understandable—a mobile website is an entirely different animal from a traditional website.

Given that, it’s important to keep some best practices in mind as you develop your mobile presence.

What follows are 9 best practices you can use to ensure your mobile site is as good as it can be.

About Mobile Users

But before we dive into the 9 best practices, it’s important to keep one thing in mind—the person viewing your site is mobile.

That may seem like a no-brainer, but you’d be surprised by how many people forget that simple truth.

When someone is mobile, they’re expecting an entirely different experience from the one they’ll get on your standard website.

For example, a mobile visitor is typically looking for a few key pieces of information: directions to your office, a click-to-call phone number or a map of your store locations. What they’re not looking for are lengthy staff bios, information about your corporate philosophy or PDFs of your latest press releases.

With that in mind, let’s take a look at the 9 best practices for mobile website design that can help you create a site that puts your best foot forward.

 

#1: Simplify. Then Simplify Again. And Again

The first step in creating a mobile site is determining what content you’ll include. Given the restricted amount of screen space, it’s important to figure out what key pieces of information your visitors will probably be looking for.

A store locator? Probably. A “Contact Us” form with 13 different fields to fill out? Not so much.

It’s also important to keep the steps involved in going from entry point to purchase as simple as possibleFandango does a great job of this by eliminating much of their non-essential content to quickly bring their consumers what they want: movie times.

fandangoFandango does more than just provide a simple mobile web design—they provide a mobile ticket, too, thus completing the sales cycle.

Better still, Fandango completes the sales cycle by providing a QR code that acts as a mobile ticket for the purchaser. Just bring the phone to the theater and have them scan the code there—it acts as the purchaser’s ticket.

 

#2: Plan Your Site Layout

Mobile web pages will load slower than traditional web pages, so it’s important to keep the number of pages to a minimum. In addition, users won’t have the patience to click several pages deep on your site. Given that, it’s important to keep the site layout as streamlined as possible.

One technique I encourage people to use is to think like Steve Jobs. As you know, Jobs is famous for creating user experiences that are streamlined and intuitive. Put on your Steve Jobs hat to remind you to keep things as streamlined as possible. By doing so, your visitors will have a better experience when they’re on your site.

Domino’s must have been wearing their Steve Jobs hat when they developed their mobile site (and their brilliantly designed app). Instead of creating a cluttered site with confusing options, they simplified their site and limited it to the items people would most likely be searching for.

dominosDomino’s used the Steve Jobs approach to website development—it’s an uncluttered site that provides limited navigation. Surprisingly, this minimalist approach improves the customer experience.

 

#3: Match the Branding Elements From Your Standard Site to Your Mobile Site

Even though your mobile site will be much more streamlined than your standard site, you’ll still want to incorporate the same branding elements on both sides of the equation.

This is important for two reasons. A mobile site is a brand touchpoint and, like any other property, should reflect and promote your brand essence. Also, for users who are already familiar with your company, a similar design will make them feel like they’re visiting an old friend, which is an important consideration for your most loyal customers.

mobile sitesKeep the color palette and the brand imagery consistent between your mobile site and your standard site.

The 60 Second Marketer site uses the same bright color palette and iconography in both the standard and mobile websites. The result is that a user who is familiar with the standard site will have a similar experience on the mobile site, too.

 

#4: Utilize White Space

When designing any website, it’s a natural tendency to cram in as much information as possible. But fight that urge. Not only does white space give a cleaner, more sophisticated appearance, it also ensures that users can easily click the button they’re aiming for.

msnbcThis mobile site for MSNBC does a good job of keeping enough padding around all of the text to ensure that the user is able to accurately select the content he or she is looking for.

 

#5: Avoid Flash or Java

The obvious reason for avoiding Flash is that Apple products do not support Flashand have declared that they have no intention to do so in the future. Because iPhones make up about 30% of the smartphone market, a significant portion of your audience may not be able to access your content if you use Flash. Similarly, many phones do not support Java, and even if they do, using Java can be a huge drag on load time.

 

#6: Reduce the Amount of Text Entry Necessary

Do you suffer from fat-finger syndrome, which makes it difficult to use a smartphone keyboard? Most of us have trouble typing on tiny keyboards. When possible, use dropdown menus, checklists and pre-populated fields as a means of data entry. This helps minimize the challenges people face when typing text into a smartphone.

Take a cue from FedEx’s mobile site. Even though a lot of information has to be entered into the site to accomplish the user’s goal, the use of checklists and dropdown menus cuts down on the amount of text a user must enter.

fedexFedEx pre-populates text fields to make data entry easier for their visitors.

 

#7: Do Not Use Pop-Up Windows

Navigating between multiple tabs and browser windows is more difficult on mobile and can cause slow load times. If you need to open a new browser window, make sure you alert your user so that they know how to navigate back to the original page.

 

#8: Use Mobile Redirects

Once your site is designed and ready to go, make sure to put redirects in place that will sniff out when a visitor is using a mobile device and direct him or her to the mobile-optimized version of the site. For a more detailed description on how to do this, check out 5 Simple Steps to Getting Started With Mobile Marketing.

Once your redirects are in place, any mobile user who types in your web address or clicks on a link in a search engine will be sent to the mobile-optimized version of your site.

 

#9: Allow People to Visit the Full Site

You’ve worked hard on your mobile site. You want people to see it and you want people to love it. But the fact of the matter is, even if you’ve done a good job paring down your content, there will likely be someone who wants information you’ve chosen not to display.

As such, make sure you include links on multiple pages that allow the user to return to the full version of the site. You can see this feature on most mobile websites including USA Today, the Geek Squad, the Home Depot and Target.

geek squadHere the Geek Squad allows users to return to the main site at any point with a link at the bottom of the page.

Because mobile sites are a new landscape for most marketers, designing and building them can be a bit of a challenge. However, mobile sites also bring an awesome opportunity to showcase your brand and your creativity. As long as you keep the user’s needs top-of-mind, stay true to your brand and follow a few simple rules, you will have the hang of it in no time.

What are your thoughts? Have you created a mobile website for your business? What works and what doesn’t? Leave your comments

 

Provided by Jamie Turner

Is your website meeting the needs of on-the-go mobile users?

When you’re developing your first mobile site, you may be at a loss. That’s understandable—a mobile website is an entirely different animal from a traditional website.

Given that, it’s important to keep some best practices in mind as you develop your mobile presence.

Today, we will introduce you Tip#1 that help you to ensure your mobile site is as good as it can be.

 

#1: Simplify. Then Simplify Again. And Again

The first step in creating a mobile site is determining what content you’ll include. Given the restricted amount of screen space, it’s important to figure out what key pieces of information your visitors will probably be looking for.

A store locator? Probably. A “Contact Us” form with 13 different fields to fill out? Not so much.

It’s also important to keep the steps involved in going from entry point to purchase as simple as possibleFandango does a great job of this by eliminating much of their non-essential content to quickly bring their consumers what they want: movie times.

fandangoFandango does more than just provide a simple mobile web design—they provide a mobile ticket, too, thus completing the sales cycle.

Better still, Fandango completes the sales cycle by providing a QR code that acts as a mobile ticket for the purchaser. Just bring the phone to the theater and have them scan the code there—it acts as the purchaser’s ticket.

 

About Mobile Users

It’s important to keep one thing in mind—the person viewing your site is mobile.

That may seem like a no-brainer, but you’d be surprised by how many people forget that simple truth.

When someone is mobile, they’re expecting an entirely different experience from the one they’ll get on your standard website.

For example, a mobile visitor is typically looking for a few key pieces of information: directions to your office, a click-to-call phone number or a map of your store locations. What they’re not looking for are lengthy staff bios, information about your corporate philosophy or PDFs of your latest press releases.

 

Provided by Jamie Turner