1

I looked up a website (page link here) and noticed this at the bottom of the page (one of the few times that I managed to scroll that far):

enter image description here

It shows a toggle being used to sort the comments added at the bottom of an article, which is something that I haven't seen before (at least used in this scenario).

This is a different pattern to the ones usually used for tables, i.e. dropdowns for filtering or header rows for sorting. I am thinking about the usability of this design pattern and whether it is something that has been specifically created for a mobile first design of a long page.

Any other similar implementation example that anyone has picked up from other types of sites?

  • The state of the toggle button oldest/newest in the screenshot results in showing the oldest comments first. Some people might find that logical, but for me it isn't. A good reason to stay away from this kind of toggle buttons. – jazZRo Apr 7 at 7:09
  • I totally agree with @jazZRo here. Sorting comments by default to show the oldest comments first doesn't make sense at all. As a user, I want to see the newest comments first or the most popular comments. That's just a filter converted into a toggle. – Lonut Apr 7 at 9:09
2

I wanted to make a simple comment but I don't have the reputation yet ;). Apple is using this type of button (scope button) in some of its app's but its NOT the same way as your screenshot. Apple gave a fine explanation on how to use the scope button:

Clicking a scope button restricts the scope of content, such as search results, within the view... More here

scope button in MacOS

I (personally) think scope buttons are very nice. They work exceptionally well on mobile (app's). Take a look at this screenshot from the photos app on an Iphone. The Years, Months, Days, All, are all a very clear example on how to use the scope button.

scope buttons on IOS

Hope it helped you! Greetings

| improve this answer | |
  • 1
    +1 the longer answer is welcomed :) Sometimes a short comment isn't enough :D – Michael Lai Apr 8 at 20:44

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.