{"id":10958,"date":"2015-04-03T13:49:45","date_gmt":"2015-04-03T17:49:45","guid":{"rendered":"http:\/\/mjtsai.com\/blog\/?p=10958"},"modified":"2015-04-03T14:03:49","modified_gmt":"2015-04-03T18:03:49","slug":"truncated-text-in-mobile-uis","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2015\/04\/03\/truncated-text-in-mobile-uis\/","title":{"rendered":"Truncated Text in Mobile UIs"},"content":{"rendered":"<p><a href=\"http:\/\/oleb.net\/blog\/2015\/02\/truncated-text\/\">Ole Begemann<\/a>:<\/p>\n<blockquote cite=\"http:\/\/oleb.net\/blog\/2015\/02\/truncated-text\/\">\n<p>As an app developer or designer, you should treat most cases where you conveniently resort to truncating text as a failure in your design. There are certainly exceptions to this, and especially if you deal with user-generated content you have to set a limit&mdash;nobody wants item titles spanning a dozen lines or more. For &ldquo;normal&rdquo; content, however, the default should be to display the full text. If that means an item title requires four lines, then give me four lines.<\/p>\n<p>[&#8230;]<\/p>\n<p>If you really think you need truncated text, you should at least provide the user with a way to see the whole thing <em>without having to leave the current screen<\/em>. Apple used to do this in the Music app. A long tap on a truncated song title would display a popover with the full title. This feature is gone in iOS 8, however. Another option might be to let users expand text by tapping on the ellipsis, but I still think these workarounds are worse than just showing the full text from the start.<\/p>\n<\/blockquote>\n<p>I feel like I spend my day clicking to tell Xcode to show the rest of truncated error messages and unit test failures.<\/p>","protected":false},"excerpt":{"rendered":"<p>Ole Begemann: As an app developer or designer, you should treat most cases where you conveniently resort to truncating text as a failure in your design. There are certainly exceptions to this, and especially if you deal with user-generated content you have to set a limit&mdash;nobody wants item titles spanning a dozen lines or more. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"","apple_news_api_id":"","apple_news_api_modified_at":"","apple_news_api_revision":"","apple_news_api_share_url":"","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_is_hidden":false,"apple_news_is_paid":false,"apple_news_is_preview":false,"apple_news_is_sponsored":false,"apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":"\"\"","apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"footnotes":""},"categories":[4],"tags":[77,31,904,30,32,71,226],"class_list":["post-10958","post","type-post","status-publish","format-standard","hentry","category-programming-category","tag-design","tag-ios","tag-ios-8","tag-mac","tag-macapp","tag-programming","tag-xcode"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/10958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=10958"}],"version-history":[{"count":2,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/10958\/revisions"}],"predecessor-version":[{"id":10966,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/10958\/revisions\/10966"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=10958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=10958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=10958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}