Important design Elements for the Mobile Internet

Last night’s call dealt with important design elements for the mobile internet and how they influence web design in general.

Let’s have a look at some samples:

Design with Contrasts

Not all smart phones and mobile devices have a crystal clear display as the iPhone. Also the increase of luminosity of the screen has it’s price: electricity and therefore battery life. Don’t print gray on gray!

Don’t use Flash

Flash does either not display or produce unsatisfactory results on mobile devices. It is therefore recommended to pair flash with an alternative feature for mobile devices, such as an image or a jQuery driven component or you just get a blank field:

Use crisp Fonts

The better the fonts the more readable the site. At least the zoomed version should be easy to read:

The above sample is not zoomed, below details using the zoom:

Design Accessible Navigation

Not only must the navigation be easy to read, but it must also be easy to click with a finger on a small touch-screen:

The un-zoomed display above allows for easy navigation either from the top menu or from the images which are linked to content.

Note: All above images are screen-shots from the iPhone 4. The resolution on that iPhone is 960 x 640 pixels at 326 ppi. Click on the images to see the original output from the iPhone. For publishing reasons I had to downsize the quality of the images somewhat, however they represent quite well the reality.

Semiomantics XO is Mobile

The Semiomantics XO Theme for WordPress is designed for mobile devices since 2009. The site holds in vertical display without sideways scrolling and the built in image slider displays on mobile devices!

Related posts:

1. Apple Peel for WordPress
2. iPhone 4 Photo Camera Review 1
3. Grand Resort Lagonissi
4. 3 Web Design Trends in 2011
5. Inside Small Church

Tags: Make Money online, Online Marketing, Online Media, Online Publishing, Yorgo Nestoridis

This entry was posted on Tuesday, January 11th, 2011 at 10:17 am and is filed under 4 Design Tips for Mobile, Design, Fonts, Personal XO 2011, Semiomantics, Semiomantics XO, Web Design, Web Design for Mobile Devices, WordPress, Yorgo Nestoridis, iPhone, iPhone 4.Photos, iPhone Web design. You can follow any responses to this entry through the RSS 2.0 feed.