Best paging, for mobile?
Results 1 to 5 of 5

Thread: Best paging, for mobile?

  1. #1
    Settled 4 red convertible dalecosp's Avatar
    Join Date
    Jul 2002
    Location
    Accelerating Windows at 9.81 m/s....
    Posts
    8,291

    Best paging, for mobile?

    I'm doing some work on a mobile site/app. It's not locally stored, you have to be connected ... maybe it's not *really* an app.

    I have fairly simple pagination routines on current projects. I can just drag that code into the new work. But that kind of feels dirty.

    Also, I recently read that actual studies show that a "Load More" button with lazy loading is a superior implementation for lists of multiple products.

    Is that the state-of-the-art? How are you paginating these sorts of results? Any stories to share, recommendations to make?

    My mobile code is *really clean* for the most part and I'm quite proud of it. I'd hate to muck it up with some big mess of code I didn't understand. But if we got results, I might not care. Plus, I guess I could always go back and fix it later ... (does that EVER happen?)
    /!!\ mysql_ is deprecated --- don't use it! Tell your hosting company you will switch if they don't upgrade! /!!!\ ereg() is deprecated --- don't use it!

    dalecosp "God doesn't play dice." --- Einstein "Perl is hardly a paragon of beautiful syntax." --- Weedpacket

    Getting Help at All --- Collected Solutions to Common Problems --- Debugging 101 --- Unanswered Posts --- OMBE: Office Machines, Business Equipment

  2. #2
    Senior Member
    Join Date
    Apr 2003
    Location
    Flanders Fields
    Posts
    5,732
    Can't really say I'm a fan of lazy loading. Finding something you saw previously always requires you to re-load everything and keep scrolling down. However, that's how twitter and facebook do their mobile websites (I refuse to install their apps for privacy reasons).

    I do know that ArsTechnica has links to click for 'more' and their articles are usually paged.

    I'm facing a paging-type situation on an upcoming site where I must load some 1200 careers. I'm sort of wondering if just loading them all at once will be ok. It's only like 38k with the nice clean markup I have thanks to bootstrap.
    IMPORTANT: STOP using the mysql extension. Use mysqli or pdo instead.
    World War One happened 100 years ago. Visit Old Grey Horror for the agony and irony.

  3. #3
    Senior Member Derokorian's Avatar
    Join Date
    Apr 2011
    Location
    Denver
    Posts
    2,167
    Quote Originally Posted by sneakyimp View Post
    Can't really say I'm a fan of lazy loading. Finding something you saw previously always requires you to re-load everything and keep scrolling down. However, that's how twitter and facebook do their mobile websites (I refuse to install their apps for privacy reasons).
    I'm a big fan of lazy-loading and/or infinite scrolling (2 different things btw), however for usability it really needs to be done properly. For example, the url fragment should include a page number, as if each set of results was on its own page. This way if you click on something and then hit back, you can start where you clicked the thing. I know MOST social networks don't implement it this way, but a lot of other sites do and its very usable that way. I hate trying to find something on fb or twitter if I should accidently click anything. God forbid I clicked a link, now I can't go back to the post i was reading, so damn annoying!
    Sadly, nobody codes for anyone on this forum. People taste your dishes and tell you what is missing, but they don't cook for you. ~anoopmail
    I'd rather be a comma, then a full stop.
    User Authentication in PHP with MySQLi - Don't forget to mark threads resolved - MySQL(i) warning

  4. #4
    Settled 4 red convertible dalecosp's Avatar
    Join Date
    Jul 2002
    Location
    Accelerating Windows at 9.81 m/s....
    Posts
    8,291
    Well, thanks for getting involved in this conversation!

    Quote Originally Posted by sneakyimp View Post
    Can't really say I'm a fan of lazy loading. Finding something you saw previously always requires you to re-load everything and keep scrolling down. However, that's how twitter and facebook do their mobile websites (I refuse to install their apps for privacy reasons).
    I'm right next to you in the paranoid corner, under the camouflage netting behind that really big, ugly looking shotgun. Walk over really slowly and don't put your hands behind your back ... it'll be fine.

    I do know that ArsTechnica has links to click for 'more' and their articles are usually paged.
    That's an interesting looking implementation. Not sure I find it compelling, though. I didn't find it intuitive. I did like the fact that the back button worked though, something Derokorian mentions below.

    I'm facing a paging-type situation on an upcoming site where I must load some 1200 careers. I'm sort of wondering if just loading them all at once will be ok. It's only like 38k with the nice clean markup I have thanks to bootstrap.
    Dang new tech.

    Quote Originally Posted by Derokorian View Post
    I'm a big fan of lazy-loading and/or infinite scrolling (2 different things btw), however for usability it really needs to be done properly. For example, the url fragment should include a page number, as if each set of results was on its own page. This way if you click on something and then hit back, you can start where you clicked the thing. I know MOST social networks don't implement it this way, but a lot of other sites do and its very usable that way. I hate trying to find something on fb or twitter if I should accidently click anything. God forbid I clicked a link, now I can't go back to the post i was reading, so damn annoying!
    Thanks for that tidbit! I'll want to add that to my ticket for sure. Not sure I'd thought about it.
    /!!\ mysql_ is deprecated --- don't use it! Tell your hosting company you will switch if they don't upgrade! /!!!\ ereg() is deprecated --- don't use it!

    dalecosp "God doesn't play dice." --- Einstein "Perl is hardly a paragon of beautiful syntax." --- Weedpacket

    Getting Help at All --- Collected Solutions to Common Problems --- Debugging 101 --- Unanswered Posts --- OMBE: Office Machines, Business Equipment

  5. #5
    Senior Member
    Join Date
    Apr 2003
    Location
    Flanders Fields
    Posts
    5,732
    Quote Originally Posted by Derokorian View Post
    I'm a big fan of lazy-loading and/or infinite scrolling (2 different things btw), however for usability it really needs to be done properly. For example, the url fragment should include a page number, as if each set of results was on its own page. This way if you click on something and then hit back, you can start where you clicked the thing. I know MOST social networks don't implement it this way, but a lot of other sites do and its very usable that way. I hate trying to find something on fb or twitter if I should accidently click anything. God forbid I clicked a link, now I can't go back to the post i was reading, so damn annoying!
    To each his own. I'm going to double down on my distaste for it. It's so rarely well implemented. It also often comes at the expense of page footers with handy information like TOS or 'contact us' or 'support' -- you could move those into a menu at the top I suppose.

    Something just seems suspect to me when you visit a feed and there's no concept of paging and the feed is mutable and the sequence or content of it may change. Personally, I think it's a gimmick which intentionally causes visitors to get "lost" so they have to browse the site more (thereby viewing more ads). Imagine a retail store where the shelves are constantly moving around unpredictably.

    The benefit? No need to click 'next' button I guess.
    IMPORTANT: STOP using the mysql extension. Use mysqli or pdo instead.
    World War One happened 100 years ago. Visit Old Grey Horror for the agony and irony.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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