Results 1 to 8 of 8
Like Tree1Likes
  • 1 Post By KatOh9

Thread: Web Design for Mobile Devices

  1. #1
    KatOh9's Avatar
    KatOh9 is offline Newbie Net Builder
    Join Date
    Aug 2012
    Location
    Salem, OR
    Posts
    32
    Thanks
    14
    Thanked 16 Times in 11 Posts

    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!
    Mike Dammann likes this.
    Life is meant to be experienced, not observed. ~ Me

  2. Thanked by:

    robjones (11 September, 2012)

  3. #2
    TopDogger's Avatar
    TopDogger is online now Über Hund
    Join Date
    Jan 2009
    Location
    Hellfire, AZ
    Posts
    3,079
    Thanks
    347
    Thanked 914 Times in 698 Posts
    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


  4. Thanked by:

    Andy101 (11 September, 2012), KatOh9 (21 August, 2012), robjones (11 September, 2012)

  5. #3
    KatOh9's Avatar
    KatOh9 is offline Newbie Net Builder
    Join Date
    Aug 2012
    Location
    Salem, OR
    Posts
    32
    Thanks
    14
    Thanked 16 Times in 11 Posts
    Awesome - thank you!
    Life is meant to be experienced, not observed. ~ Me

  6. #4
    madelinekim's Avatar
    madelinekim is offline Newbie Net Builder
    Join Date
    Jul 2012
    Location
    india
    Posts
    17
    Thanks
    0
    Thanked 2 Times in 1 Post
    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

  7. Thanked by:

    KatOh9 (11 September, 2012), robjones (11 September, 2012)

  8. #5
    Andy101's Avatar
    Andy101 is offline Code Otaku
    Join Date
    Aug 2009
    Location
    Kanazawa
    Posts
    1,266
    Thanks
    173
    Thanked 305 Times in 232 Posts
    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).

  9. #6
    ProSence is offline Newbie Net Builder
    Join Date
    Oct 2012
    Posts
    64
    Thanks
    0
    Thanked 1 Time in 1 Post
    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.

  10. #7
    VeronicaPage's Avatar
    VeronicaPage is offline Unknown Net Builder
    Join Date
    Jan 2013
    Location
    india
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  11. #8
    Andy101's Avatar
    Andy101 is offline Code Otaku
    Join Date
    Aug 2009
    Location
    Kanazawa
    Posts
    1,266
    Thanks
    173
    Thanked 305 Times in 232 Posts
    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

Bookmarks

Posting Permissions

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