Monday, April 25, 2005

Designing for small screens-a little linklist

Recently, wireless bandwith got cheaper and cheaper. 50k costed 9.99$ on the Palm.net service-it now costs me 50 cents on my T-Mobile contract.
Wireless internet is starting to become a reality-but the screens still didn't really get bigger. So, designing for small screens is slowly but surely starting to become a necceccity for everyone who wants to have his web site viewed on mobile devices.
Indeed, creating a web site for mobile devices is quite different from main-stream web design. You cannot use all the technologies that you love on a PC-there is no real flash support, little storage and usually no Java VM.

Loads of problems. But TamsPalm has a solution:there is a nice web page that contains a huge load of information. Find it here:
http://www.informit.com/guides/content.asp?g=webdesign&seqNum=61&rl=1
What are your experiences?

10 Comments:

Blogger Jonathan Hays said...

Hi Tam,
Providing different html based on the browser's user agent string is (IMHO) the better way to go. Mobile browsing is mostly about trying to find out info (i.e. check movie times, read news articles, etc.) So, any site that is data driven (like a blog) can make the transition fairly easily.
For what it's worth, I wrote about this from a technical perspective earlier here:
http://hazelware.luggle.com/archive.html?53

and here:
http://hazelware.luggle.com/archive.html?52

As always, though, YMMV...

11:33 PM  
Anonymous Anonymous said...

@jonathan: the problem with user agent strings is, that they may differ from browser version to version and many browsers do not identify as themselves (e.g Netfront identifies as Mozilla 4.08). So handle UA with care (I am surfing with Opera, but my UA says I am using Internet Explorer for compatibility and comfortability reasons)

1:05 PM  
Blogger intellidryad said...

Doing a site dedicated for mobile gadgets is a good idea, but a link back to the normal version is always need.
For example, Google mobile, is only text only(even the search results), and google automaticaly redirects Netfront to it. In my opinion, the original Google is simple enough for Netfront, and google mobile is sort of crippled(with all images other then the google logo striped out). And somehow, the link to "normal google" is missing when you use netfront, which is quite annoying.

Also, with palmOne, they redirect Netfront to a mobile site, which also lacks part of the info the original site provides. There is a link back to "desktop version", but everytime you tap that link, "desktop version" redirects Netfront to the mobile site(I guess it's a bug).

Not everyone feels comfortable with the mobile version (when Netfront renders websites nicely), so a choice to go back is essential.

5:00 PM  
Blogger Jonathan Hays said...

Anonymous: I realize that agent strings lie; that's most of what my blog posts on my site detail. However, I have yet to find one that didn't report in some small fashion the fact that it was a mobile device. It's just a matter of interpreting the string. I just do a substring search on the user agent string based on a table that I have built up over time. If you check out my two posts, you'll see how I do it.

6:35 PM  
Blogger Jonathan Hays said...

intellidryad: I disagree that you always need a link back to the normal version. Why? If the relevant portions of your site are data driven, then why not just strip out the parts that make it look "pretty"? Why would you need to see the "full" site? Now, if the mobile version of the site cuts out part of the data, then that is a problem with the site. I think that's the crux of the issue is that people/companies don't invest the effort in creating a good, maintainable mobile web site.

6:40 PM  
Blogger ninest123 Ninest said...

ninest123 12.30
prada handbags, tory burch outlet, louis vuitton, polo ralph lauren outlet, louboutin outlet, ray ban sunglasses, louis vuitton outlet, louis vuitton, louis vuitton outlet, longchamp outlet, replica watches, christian louboutin outlet, louboutin shoes, jordan shoes, longchamp outlet, polo ralph lauren outlet, replica watches, michael kors outlet, ray ban sunglasses, louis vuitton, michael kors outlet, nike free, michael kors outlet, burberry, longchamp, cheap oakley sunglasses, gucci outlet, ugg boots, michael kors outlet, michael kors, ugg boots, oakley sunglasses, ray ban sunglasses, nike air max, ugg boots, uggs on sale, tiffany and co, michael kors outlet, oakley sunglasses, prada outlet, tiffany jewelry, burberry outlet online, oakley sunglasses, ugg boots, nike air max, nike outlet, louboutin, chanel handbags, oakley sunglasses

3:14 AM  
Blogger ninest123 Ninest said...

north face, nike roshe, vans pas cher, replica handbags, air force, timberland, lululemon, sac longchamp, ralph lauren pas cher, vanessa bruno, hollister pas cher, true religion jeans, air jordan pas cher, true religion jeans, nike huarache, hermes, true religion outlet, hollister, michael kors, nike air max, michael kors, nike blazer, michael kors, ralph lauren uk, longchamp pas cher, hogan, lacoste pas cher, true religion jeans, nike trainers, mulberry, michael kors, nike free, oakley pas cher, louboutin pas cher, longchamp, north face, nike roshe run, coach outlet, new balance pas cher, ray ban uk, ray ban pas cher, abercrombie and fitch, tn pas cher, nike air max, sac guess, nike air max, air max, burberry, converse pas cher, nike free run uk, coach purses

3:16 AM  
Blogger ninest123 Ninest said...

louboutin, reebok shoes, s5 cases, valentino shoes, iphone 5s cases, herve leger, gucci, beats by dre, ralph lauren, instyler, vans shoes, new balance, wedding dresses, north face outlet, nike roshe, hollister, nike air max, mac cosmetics, ray ban, abercrombie and fitch, ferragamo shoes, nike air max, p90x workout, jimmy choo shoes, insanity workout, ghd, lululemon, mont blanc, converse, asics running shoes, nfl jerseys, iphone 6s cases, birkin bag, bottega veneta, iphone 6 plus cases, baseball bats, vans, soccer shoes, north face outlet, iphone 6 cases, celine handbags, hollister, soccer jerseys, oakley, iphone cases, giuseppe zanotti, chi flat iron, timberland boots, mcm handbags, ipad cases, babyliss, iphone 6s plus cases

3:19 AM  
Blogger ninest123 Ninest said...

links of london, moncler, ugg pas cher, sac louis vuitton pas cher, moncler, louis vuitton, bottes ugg, canada goose, moncler, pandora charms, marc jacobs, canada goose, supra shoes, karen millen, canada goose outlet, barbour, doke gabbana outlet, montre pas cher, canada goose, pandora jewelry, hollister, pandora charms, ugg,uggs,uggs canada, canada goose uk, louis vuitton, moncler, coach outlet, pandora jewelry, doudoune canada goose, juicy couture outlet, thomas sabo, ugg boots uk, barbour jackets, louis vuitton, moncler, toms shoes, ugg,ugg australia,ugg italia, replica watches, swarovski, moncler outlet, canada goose, swarovski crystal, lancel, moncler, wedding dresses, juicy couture outlet, louis vuitton, canada goose outlet, moncler, converse outlet
ninest123 12.30

3:21 AM  
Blogger roba. gad2 said...

http://www.kuwait.prokr.net/

9:59 PM  

Post a Comment

<< Home