{"id":22190,"date":"2018-07-19T16:13:11","date_gmt":"2018-07-19T20:13:11","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=22190"},"modified":"2018-07-20T14:20:31","modified_gmt":"2018-07-20T18:20:31","slug":"search-at-the-bottom","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2018\/07\/19\/search-at-the-bottom\/","title":{"rendered":"Search at the Bottom"},"content":{"rendered":"

Theo Strauss<\/a>:<\/p>\n

\n

In most apps, it’s common to see a search bar up at the top of the screen. On social media platforms, such as Facebook, Instagram, LinkedIn, and even Snapchat, the search bar is at the top of almost every main screen. In transportation apps, that style is almost ubiquitous.<\/p>\n

[…]<\/p>\n

Lyft took a different approach with their search bar. Instead of a floating field up top, they added it to an overlay towards the bottom-mid section of the screen. This simple change made it more accessible for almost 100% of users.<\/p>\n<\/blockquote>\n\n

Previously: iPhone 5 Size<\/a>, Why Smartphone Screens Are Getting Bigger<\/a>, Switching to Smaller iPhones<\/a>, iPhone Sizes<\/a>, Switching to an iPhone SE<\/a>.<\/p>\n\n

Update (2018-07-20): Nick Heer<\/a>:<\/p>\n

\n

I think there’s a deeper argument here for a more comprehensive adjustment to the way iOS, in particular, is designed. The layout of a typical app hasn’t really changed much since the first iPhone — from top to bottom: status bar, then navigation bar, then the main view, then a tab bar at the bottom. While that worked great on a 3.5-inch screen with an iPhone that easily fit in your hand, I don’t think that’s the case with today’s iPhones — and, if the rumour mill is correct, the smallest of this year’s models will be the size of the iPhone X.<\/p>\n<\/blockquote>","protected":false},"excerpt":{"rendered":"

Theo Strauss: In most apps, it’s common to see a search bar up at the top of the screen. On social media platforms, such as Facebook, Instagram, LinkedIn, and even Snapchat, the search bar is at the top of almost every main screen. In transportation apps, that style is almost ubiquitous. […] Lyft took a […]<\/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":"2018-07-20T18:20:34Z","apple_news_api_id":"6c046b32-f013-42fc-8d0d-acb406f21cf2","apple_news_api_modified_at":"2018-07-20T18:20:36Z","apple_news_api_revision":"AAAAAAAAAAAAAAAAAAAAAQ==","apple_news_api_share_url":"https:\/\/apple.news\/AbARrMvATQvyNDay0BvIc8g","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":[],"tags":[930,77,31,1472,26,1274,343],"class_list":["post-22190","post","type-post","status-publish","format-standard","hentry","tag-accessibility","tag-design","tag-ios","tag-ios-11","tag-iosapp","tag-lyft","tag-search"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/22190","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=22190"}],"version-history":[{"count":3,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/22190\/revisions"}],"predecessor-version":[{"id":22204,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/22190\/revisions\/22204"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=22190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=22190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=22190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}