#1
  1. No Profile Picture
    Registered User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Apr 2019
    Posts
    11
    Rep Power
    0

    Question about " Touchscreen Readiness"


    Hi,

    When I analyzed my website on woorank, I noticed a part " Touchscreen Readiness".
    But I dont know how to fix this part!

    Make the most important buttons/links large enough to be tapped easily.
    Touchscreen readiness is an important aspect of your site’s mobile friendliness.

    Currently, the tap targets on YourWebsite.com are too small for touchscreen users. They should be at least a 48 pixels height and width with at least 32 pixels of extra space on all sides.

    You can further improve your User Interface by adding size and density buckets to accommodate varying device sizes and screen densities.
    If I change the sizes (48 px , 32px) it effect the veiw in desktop mod.
    Is there any way to apply these changes to mobile devices?
  2. #2
  3. No Profile Picture
    Moderator
    SEO Chat Scholar (3000 - 3499 posts)

    Join Date
    Sep 2016
    Location
    USA
    Posts
    3,136
    Rep Power
    3691
    Well not knowing what your design platform is makes it hard to give you advice.

    I would run your site through Googles Mobile Testing Tool and follow it's advice. But it sounds like you need to adjust the site settings for the phone / tablet versions of your site.

    There are a few ways to address this issues.

    Use a ready made theme that is responsive, which is what most would do.

    Adjust only the phone / tablet view of your site using css media queries.

    With the limited info you have provided, that is about all I can suggest.
    If you have never failed in your life, you have never achieved anything Noteworthy !
  4. #3
  5. No Profile Picture
    Registered User
    SEO Chat Explorer (0 - 99 posts)

    Join Date
    Apr 2019
    Posts
    11
    Rep Power
    0
    Thanks for response.
    Website is modern and mobile friendly.
    I used Googles Mobile Testing Tool but gave me same suggestion that elements are to close together (I don't know what it mean but in my mobile device everything looks great).
    I have send you my website name through private message.
  6. #4
  7. No Profile Picture
    Moderator
    SEO Chat Scholar (3000 - 3499 posts)

    Join Date
    Sep 2016
    Location
    USA
    Posts
    3,136
    Rep Power
    3691
    it means that your links especially your menu items are too close together and makes it difficult to tap a particular item without tapping the wrong item. I call it the "FAT FINGER" problem. You tap a link in a menu and you get the wrong link because your "FINGER" is to big. Add some spacing between the links.

    So basically where ever you have links, you will have to make sure there is enough room around them to avoid a wrong click. The smaller the screen the worse the problem gets.

    This image is on my Tablet, it is way worse on the phone.



    Here it is on my phone

    Last edited by KnowOneSpecial; May 6th, 2019 at 10:57 AM. Reason: Removed Identifying features

Similar Threads

  1. "CityVille" Launches: "FarmVille" Meets "SimCity" (Mashable)
    By RSS_News_User in forum Technology News
    Replies: 0
    Last Post: Dec 2nd, 2010, 04:01 PM
  2. Replies: 0
    Last Post: Nov 20th, 2010, 02:00 PM
  3. Question regarding the use of keywords "Cracked" "Serial" etc
    By JessicaM in forum Search Engine Optimization
    Replies: 4
    Last Post: Dec 31st, 2009, 05:16 AM
  4. RIM to launch touchscreen BlackBerry "soon": Verizon (Reuters)
    By RSS_News_User in forum Technology News
    Replies: 0
    Last Post: Sep 23rd, 2008, 12:03 PM
  5. Replies: 6
    Last Post: Nov 18th, 2004, 06:32 AM

IMN logo majestic logo threadwatch logo seochat tools logo