Silver Surfer Plasma
Web Design Articles – Web Designing Mobile
The thing is, creating a great web experience for users of mobile devices is very easier than you think. We present here the seven steps for you that will help you avoid the pitfalls that have caused many other mobile sites to fail. By the end of this article you will know exactly where to focus their efforts to build a successful site mobile.
1. Not mix your mark
Some different types of markings are available to build a mobile web site. You need to choose one that meets the needs of their clients and stay with her.
WML
In the early days of devices Mobile Web, the only way to surf the mobile web search was WAP (Wireless Application Protocol) sites. A WAP site using WML (Wireless Markup Language) as their primary markup language. WML is an XML markup language based on metaphor-and-card deck.
Fortunately for us, WML has since been replaced by several other technologies – indeed, if you're just starting the game in mobile web, you probably can ignore entirely WML. WML is mostly used by legacy systems or site that explicitly target customers with low-end phones that are obsolete.
A group of potential customers still using WML browsers, however, developing countries. The Nokia 1100 and 1101, for example, are extremely simple, extremely inexpensive phones, which about 200 million units worldwide have been solid, making this phone the best selling model to date worldwide. If the site is designed for this market segment, WML may be the best solution for you.
XHTML
For most sites, we ignore WML and make use of a markup language with which you're probably most familiar – XHTML.
Most browsers built-in phone in these days can handle XHTML as well. A cell phone recognizes two flavors of HTML:
- XHTML – XHTML, even basic services provided by desktop browsers
- XHTML-MP – the MP here is for the roaming profile
The difference between these two languages is that the XHTML-MP is composed of elements a little less and greater restrictions. These differences exist to make it easier for the mobile device for analyzing and processing a web document, but writing markup XHTML-MP should not introduce any significant changes in their process of writing regular XHTML.
2. Know Your Mobile
As plasma TVs and HD slowly reached the market, broadcasters have run into the problem of where to put your logo and panel news. Previously, they knew all TVs were the same size of 3×2, so he knew that the relative width of the screen. Now they are beginning to feel the pain of dealing with a wide variety of resolutions TV and dimensions – an issue that web developers handle a daily basis.
Naturally, the mobile world is even worse! Both we have to cater to different screen sizes and resolutions, but also different ways. Rectangles that are short and long term, for those who are tall and thin, with perfect squares, the world contains a variety of mobile devices that almost puzzle you!
If you consider the most common phones available can be classified based on the size of the screen – give or take a few pixels:
- 128 x 160 pixels
- 176 x 220 pixels
- 240 x 320 pixels
- 320 x 480 pixels
Knowledge of these dimensions of the screen helps you to optimize some of its contents, but it is better to keep in shape and style of your site as minimal and straightforward as possible. There is no mouse on a mobile phone – just an up-down feature – so you can not require users to skip the page.
iPhone / Internet tablet versus green screen phones old
There are some exceptions to the rule in the mobile market. They are really high-end devices like the iPhone or Nokia Internet Tablet and very basic, old green-screen monochrome dot matrix devices like the Nokia 3310.
Low-end mobile phones have several limitations, including screen resolution and an extremely limited capacity to process XHTML documents. At the other end of the spectrum, high-end devices often have the ability running a web browser that is comparable to what you can use on a desktop machine. Providing a user experience quality for these devices can be tricky – while the device may be perfectly capable of rendering a full, traditional web page design, is probably the transmission data over a cellular network, which is much slower than the standard speeds of broadband Internet. So even if the device can handle a normal site, the situation customer and why they are asking their services may mean sending them to the normal version of the website is not the best solution.
3. Target the right customers
The goal for any web site should be to know your customers in order to give them the content most appropriate.
That goal is even more important with mobile sites – not only do you need to know your customers, but you need to know what they are likely to make in your mobile site as well as where it will be when they are doing it. Traditional web site customers are most likely sitting at a desk facing a large monitor that has a decent resolution. The visitors who are accessing your site for mobile is very likely that the same circumstances – they may be waiting in line, Ride a train or bus, driving a car or a shopping mall. Google is a company that has invested considerable effort streamlining their applications website to meet mobile users. Google web developers identified and focused on three main groups, and they try to target their applications to customer needs. These three categories are solid, and worth examining for its own mobile site. Let's look at them now.
a) the surfer casual
These customers act in a similar manner to the customers of traditional web sites. Casual surfers are not really interested in anything, but have a few minutes between tasks spare to take a look around. In the world of desktop computers, those few minutes may occur between meetings, or when the user in a short interval. For a mobile client, those few minutes may occur when the user is sitting outside waiting to meet friends in a car or travel by taxi somewhere, or even during the morning commute. If your site is focused on the content type that would appeal to casual surfers, so be aware the limitations of time and screen size of your mobile client.
The goal should be to make the content more "sticky" so that casual surfers back for more. For example, you should not serve up long pieces of content. Rather, the aim for younger smaller pieces that are just sufficient to keep customers interested, but not so long that users can not navigate your site in time they have available.
b) Repeat Visitor
Repeat customers are those who are constantly coming back to some kind of specific news or data. If your site is the sort of site that offers information on stocks, prices of gold and silver, the weather or sports scores, you probably have plenty of repeat visitors. The interface of a mobile device is very limited, so if you know that your repeat visitors are returning over and over instead, leave that naturally bubble to the top of the site. Avoid burying the content your customers want back three or four clicks.
Mobile site personalization can be difficult but not impossible. A traditional site may ask you to enter, but on a mobile device, data entry is not so easy run, so it is best avoided.
One option is to allow visitors to use machines in your workspace to power your experience mobile. Take a page from Apple's iTunes Music Store as an example. A client can repeat customize your version of mobile site while a desktop machine, This could generate a special URL where all user preferences are encoded. The next time the user visits your site from a mobile device, he or she can take advantage of this special URL, enjoying an experience that is completely customized to your preferences.
c) Urgent "Now!" Visitor
Depending on your business, your definition of "Urgent, Now!" will vary. For an online store, you may consider the following urgent message:
"My books should arrive Tuesday. They are late. Where are them? "
A more serious emergency can be:
"I'm running 10 minutes late. I'll be able to pick up my fast train or a fight? "
For some customers, it is urgent! But by identifying the most important needs of their clients and make accessible relevant information within one click or less, you will increase the usefulness of their mobile site enormously.
4. Publish the minimum
One of the most common misconceptions about the development of mobile web is the mistaken notion that the content of your site can traditional easily be adaptable to small pieces of bits in size to the mobile version. A simple change of style media = "screen" media = "handheld" is all you need to do to mobilize their magic site, right?
You are wrong here.
While it is perfectly possible content filter with the liberal use of display: none on your mobile style sheet, in reality this is not a good idea. In fact, many CMS systems can send a streamlined mobile version of its Web site, but even that is not always what their customers want.
The W3C defines a Web as follows:
One Web means making, to the extent practicable, the same information and services available to users regardless of device you are using. At However, that does not mean exactly the same information is available in exactly the same representation across all devices. The context of mobile use, ability of variations of the device, issues of bandwidth and resources affect mobile network performance. In addition, some services and information more appropriate and specific to the user in specific contexts.
As this definition suggests, some things just are not available (Or even helpful) in some devices. In addition, some devices (such as a mobile phone) are much better in certain activities (like making phone calls) than other devices. Therefore, a device designed for a specific activity should use its unique features on the web.
Although the concept that only one site, and just call it differently depending on the environment that the visitor is using, is popular with many standard, a separate mobile site is required, to deliver an optimized experience for mobile users. Customers who are browsing on a mobile device have different needs and requirements in order to force them the same content as presented in the traditional site is a recipe for disaster. The following image shows a good example of this principle. Site Best Buy Mobile has only two functions (Product Search and find a shop) – far from the traditional site.
About the Author
Head SEO, Marketing at AIT India
Mugen Review: Duke Nukem
|
|
Balance 007 $45.03 Disc: 1 1. Global Communications The Deep (40oz Re-edit) 2. Floppy Sounds Entertainment (Carl Craig s Blue Miniature Morph Mix) 3. Error Error It Hits My Hair (Falling Deep) 4. 2Dollar Egg 4 Rooms (Fahrenheit) 5. Alex Smoke Pingu 6. PJ Davy Sella Door 7. Agoria Klub 8. Lindos & Moth Break Free (Linus Remix) 9. Kobbe & Nitro America (Kelly D / 40oz Dub-edit) 10. Rabbit in the Moon Timebomb (Original Mix) 11. Slam This World (Wighnomy Dub) 12. D Diggler Raetselrausch 13. 1 Up Yeah Dance To My Record Bitch (Kiki & Silver Surfer Remix) 14. !!! (Chk Chk Chk) Hello? Is This Thing On? (40oz Re-edit) Disc: 2 1. HD Substance Minimo 2. Vector Lovers Futures in Plastic (Claro Intelecto remix) 3. Mathew Jonson Love Letter to the Enemy 4. Jussi Pekka Propaganda 5. Rene Breitbarth Cooling the Plasma 6. Connors & Klingler feat. Fay Sephirah Usage 7. 2Dollar Egg Naxos 8. Nicholas Wood Get Lost 9. Floppy Sounds Open the Door (Fan-Dancing Vampires Mix) 10. Patrick Zigon vs David Phillips Con fusion (Dark Forrest) 11. Borut Margon Sound of Ignition 12. Lucas Rodenbush Atmos 13. Lucas Rodenbush Submerged 14. Bent As You Fall (Micah Remix) Disc: 3 1. Sinewave Sinewave 2. Leigh Dickson Praise 3. Anthony Rother Synthetic 4. 2 Rare People Ocean (Transparent Sound Mix) 5. Mathew Jonson Behind The Mirror 6. Direct Let It Ride 7. Hardfloor Skillshot (Mr. Velcro Fastener Mix) 8. Pascal FEOS Computer Controlled 9. Fraud Star Work That 10. Eddie Richards Dark 1.3 11. Effective Force Illuminate The Planet (Diamond Bullet (Act 6: Virtual Power) 12. Funk Harmony Park My Truth (Royal Sapien Main Room Mix) 13. Ramiro Mussoto Raio 14. David Gilmour Girls Crackhousew |