{"id":811,"date":"2011-05-17T10:41:48","date_gmt":"2011-05-17T10:41:48","guid":{"rendered":"https:\/\/copyright.lboro.ac.uk\/lorls\/?p=811"},"modified":"2020-07-07T09:58:32","modified_gmt":"2020-07-07T09:58:32","slug":"improving-usability-via-popups","status":"publish","type":"post","link":"https:\/\/blog.lboro.ac.uk\/lorls\/lorls\/improving-usability-via-popups","title":{"rendered":"Improving usability via popups"},"content":{"rendered":"<p>An area of CLUMP that we felt needed some work on was the length of time it could take for a list to reload after a user had gone into an item. Having discussed it for a while we decided to try using a popup for leaf nodes rather than actually moving into them.<\/p>\n<p>Identifying if something is a leaf node or not is quite easy, we just need to see if its structural unit type can have any children. If it can then it isn&#8217;t a leaf node and we treat it as normal. If it can&#8217;t have any children then it is a leaf node and rather than putting in a link to move into the item we put in a link that displays it in a popup box.<\/p>\n<p><a href=\"https:\/\/blog.lboro.ac.uk\/lorls2\/wp-content\/uploads\/sites\/3\/2011\/05\/PopupExample11.png\" rel=\"lightbox[811]\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-812\" title=\"Popup Example\" src=\"https:\/\/blog.lboro.ac.uk\/lorls2\/wp-content\/uploads\/sites\/3\/2011\/05\/PopupExample11-300x181.png\" alt=\"\" width=\"300\" height=\"181\" srcset=\"https:\/\/blog.lboro.ac.uk\/lorls\/wp-content\/uploads\/sites\/3\/2011\/05\/PopupExample11-300x181.png 300w, https:\/\/blog.lboro.ac.uk\/lorls\/wp-content\/uploads\/sites\/3\/2011\/05\/PopupExample11.png 726w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The popup boxes have made a great improvement to the usability of CLUMP for both students and staff. When viewing large lists there is no longer any need for users to wait for a reading list to reload just because they decided to look at an item&#8217;s details.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>An area of CLUMP that we felt needed some work on was the length of time it could take for a list to reload after a user had gone into an item. Having discussed it for a while we decided to try using a popup for leaf nodes rather than actually moving into them. Identifying [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[9,3],"tags":[61,63],"class_list":["post-811","post","type-post","status-publish","format-standard","hentry","category-clump","category-lorls","tag-performance","tag-popup","count-0","even alt","author-lbjlclboro-ac-uk","last"],"_links":{"self":[{"href":"https:\/\/blog.lboro.ac.uk\/lorls\/wp-json\/wp\/v2\/posts\/811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.lboro.ac.uk\/lorls\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.lboro.ac.uk\/lorls\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.lboro.ac.uk\/lorls\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.lboro.ac.uk\/lorls\/wp-json\/wp\/v2\/comments?post=811"}],"version-history":[{"count":1,"href":"https:\/\/blog.lboro.ac.uk\/lorls\/wp-json\/wp\/v2\/posts\/811\/revisions"}],"predecessor-version":[{"id":1959,"href":"https:\/\/blog.lboro.ac.uk\/lorls\/wp-json\/wp\/v2\/posts\/811\/revisions\/1959"}],"wp:attachment":[{"href":"https:\/\/blog.lboro.ac.uk\/lorls\/wp-json\/wp\/v2\/media?parent=811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.lboro.ac.uk\/lorls\/wp-json\/wp\/v2\/categories?post=811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.lboro.ac.uk\/lorls\/wp-json\/wp\/v2\/tags?post=811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}