Lay out Issues on Desk tops and laptops and on Mobile phones

Jump to Last Post 1-2 of 2 discussions (10 posts)
  1. Greensleeves Hubs profile image95
    Greensleeves Hubsposted 4 years ago

    I have noticed a problem with the sequencing of Hub capsules when viewed on different devices. I always use a desktop or laptop computer to compose and read my pages, and I frequently use text capsules side by side, with one tinted blue or grey to emphasise that the two blocks of text are separate. This format makes for an attractive layout.

    On a larger monitor, with these capsules side by side, the natural tendency will always be to read the left capsule first. Then the right. And so that is how I would arrange the content, so that the left side text will be read BEFORE the text in the right capsule.

    But looking at the mobile / cell phone preview facility, I see that on a phone screen, the text in the left sided box will be placed lower on the screen and will be read AFTER the text in the right capsule. In other words, the order of reading the text will be very different for mobile users to those who read on a larger screen. That will often lead to the hub appearing disjointed or illogically sequenced.

    There is a secondary issue with this, which is probably not solvable. If there is an association between the two capsules I might refer to the right side capsule as the text 'opposite' or 'on the right'. On a phone screen, these references will also be rendered inaccurate.

    As far as the main issue is concerned, I would certainly want the facility to have side by side text capsules retained for larger screen users - it helps make HubPages by far the most readable and attractive of all sites of this kind. But could the layout sequence at least be redesigned so that the left side capsule viewed on a desktop or laptop, will be viewed first on a cell phone device - the sequence in which it would be intended to be read?

    Many thanks, Alun (Greensleeves Hubs)

    1. The Examiner-1 profile image72
      The Examiner-1posted 4 years agoin reply to this

      I have a desktop and I usually read the 'tinted' text first anyway since the left one is longer. So instead of moving the page down and going back I just read the right one first and then the left and then move the page down. I did not know that there was supposed to be any order.

      1. Greensleeves Hubs profile image95
        Greensleeves Hubsposted 4 years agoin reply to this

        It's not that there is 'supposed' to be an order Examiner-1; it's just that it is normal to read the left side first, just as it has always been normal for one to read the left page of a book first. I'm sure that most people would do this on a large screen that allows these to be placed side by side. But on a phone screen, the right side capsule gets placed first on the screen. It would be helpful if the right side capsule was placed second on the screen. Thanks, Alun.

        1. The Examiner-1 profile image72
          The Examiner-1posted 4 years agoin reply to this

          Perhaps you should take a survey.
          Is it seen this way on all phones: as in phones made before a certain year or lower than a certain price.

          1. Greensleeves Hubs profile image95
            Greensleeves Hubsposted 4 years agoin reply to this

            I don't know, but I'm guessing it is always seen this way simply because the screen on a phone isn't really big enough to have two columns of text side by side, so one has to go above the other. Personally I never use a phone for Internet connections, because I've never understood the appeal of reading text off a tiny little screen!! - it was only when HubPages introduced the option of a phone preview as well as a desktop preview that I realised how differently a hub may look on the two different devices. Cheers. Alun

            1. The Examiner-1 profile image72
              The Examiner-1posted 4 years agoin reply to this

              These days they have so many different mobile phones: up and down, sideways, Smartphones, and so on. Some may see it differently.

  2. Marie Flint profile image91
    Marie Flintposted 4 years ago

    I know I try to save right text formats for bullet or numerical summaries. If used this way, there is less concern for the order in which side-by-side texts are read. Good luck with your issue!

    1. Greensleeves Hubs profile image95
      Greensleeves Hubsposted 4 years agoin reply to this

      If the sequence isn't changed by HubPages then it may be we will have to consider the layout of hubs much more carefully in future in the way you suggest, to ensure that the right-sided column of text (or indeed a photo on the right side of a hub) can fit logically into the article before the text which is next to it on the left side. But hopefully the sequence can be changed in the way I suggest. Thanks for your good wishes Marie. Alun.

      1. brakel2 profile image79
        brakel2posted 4 years agoin reply to this

        This happened to me on an Iphone, and .It did create a disorganized hub. Layouts of these different ways of reading a hub create some issues.

        1. Greensleeves Hubs profile image95
          Greensleeves Hubsposted 4 years agoin reply to this

          Thanks Brake12. Once upon a time when we all read newspapers and books, everybody saw the page(s) laid out exactly in the way the author intended. Now with a variety of electronic formats, it's much more difficult to be sure how an article will appear to a reader, and to ensure each section of text as well as photos etc are viewed in the right order.

 
working

This website uses cookies

As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

Show Details
Necessary
HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
LoginThis is necessary to sign in to the HubPages Service.
Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
AkismetThis is used to detect comment spam. (Privacy Policy)
HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
Features
Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
MavenThis supports the Maven widget and search functionality. (Privacy Policy)
Marketing
Google AdSenseThis is an ad network. (Privacy Policy)
Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
Index ExchangeThis is an ad network. (Privacy Policy)
SovrnThis is an ad network. (Privacy Policy)
Facebook AdsThis is an ad network. (Privacy Policy)
Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
AppNexusThis is an ad network. (Privacy Policy)
OpenxThis is an ad network. (Privacy Policy)
Rubicon ProjectThis is an ad network. (Privacy Policy)
TripleLiftThis is an ad network. (Privacy Policy)
Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
Statistics
Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)