Results 1 to 8 of 8

Thread: Web Design for Mobile Devices

Hybrid View

  1. #1
    Join Date
    Aug 2012
    Salem, OR

    Web Design for Mobile Devices

    In the past, I have done minimal "enhancements" in order to let some of my sites display well on a mobile device. I am now tasked with designing pages specifically for mobile devices. The pages have addresses, phone numbers, URL, etc.

    What I'm curious about is if there are any "tricks of the trade" I should be aware of? For instance, I managed to find <a href="tel:999999999" to format a telephone number and make it clickable. Any others? Any other advice?

    Thank you!
    Life is meant to be experienced, not observed. ~ Me

  2. #2
    It looks like mobile design is moving toward Responsive Web Design. Google is supporting the concept. You might want to look into it.

    Official Google Webmaster Central Blog: Recommendations for building smartphone-optimized websites

    Responsive design – harnessing the power of media queries

    Building Smartphone-Optimized Websites

    I bought all the top books on this method, but have not yet finished reading them.

    Responsive Web Design basically uses CSS3 to detect the screen width of the user's device and swaps style sheets to match the device. Theoretically, you can build one web site that displays the way that you wish on all types of devices. I have not yet tried it, so I do not know if theory matches reality.
    "Democracy is two wolves and a lamb voting on what to have for lunch. Liberty is a well-armed lamb contesting the vote." -- Benjamin Franklin

  3. #3
    Join Date
    Aug 2012
    Salem, OR
    Awesome - thank you!
    Life is meant to be experienced, not observed. ~ Me

  4. #4
    When designing the mobile website you should design it simple. Avoid using too much large text volumes. Have a navigation as much as simple. Avoid using the large images and the animation as it will slow down your website.
    Learn advanced ms project training in sydney

  5. #5
    I'm not very keen to surf the web on my smart phone, I would rather use Apps. that make minimal use of data packets that cost money to download, but this is an interesting topic.

    For web sites, I prefer Google's option 2:
    dynamically serve all devices on the same set of URLs, but each URL serves different HTML (and CSS) depending on whether the user agent is a desktop or a mobile device
    Then, the data download cost is minimized, and the page load speed is maximized. But I understand why Google would prefer just the CSS being modified since it is easiest for them to crawl sites.

    One night I used Google Maps on my iPhone because I was lost and I think it cost me around 3000 yen ($38 US).

  6. #6
    I also don't use mobile to browse website but if any website is made for mobile users then it should be simple the text should look clear.

  7. #7
    For developing mobile website follow this tips like acquainting Oneself with the Hardware and Software Tools at Hand, provide your Users an Option to Choose, Clean Coding and the minimalistic Mobile Site.

  8. #8
    Now I am designing single URL pages that adapt to the device display width so I wrote a beginner CSS layout tutorial with source code.

Tags for this Thread


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts