{"id":32083,"date":"2020-05-25T11:00:02","date_gmt":"2020-05-25T11:00:02","guid":{"rendered":"http:\/\/itteacheritfreelance.hk\/wordpress\/?guid=c63323e8bb92de6725e22ddb553c4949"},"modified":"2020-05-25T11:00:02","modified_gmt":"2020-05-25T11:00:02","slug":"every-messaging-app-should-steal-slacks-sweet-new-ui","status":"publish","type":"post","link":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/2020\/05\/25\/every-messaging-app-should-steal-slacks-sweet-new-ui\/","title":{"rendered":"Every messaging app should steal Slack&#8217;s sweet new UI"},"content":{"rendered":"<p class=\"syndicated-attribution\"><meta name= \\\"keywords \\\" content= \\\"\u96fb\u5b50\u8a08\u7b97\u6a5f, \u6559\u80b2, IT \u96fb\u8166\u73ed,\u96fb\u8166\u88dc\u7fd2\uff0c \u96fb\u8166\u73ed\uff0c \u5bb6\u6559\uff0c \u79c1\u4eba\u8001\u5e2b\uff0c \u8cc7\u8a0a\u6280\u8853\uff0c \u7a0b\u5e8f\u8a2d\u8a08\uff0c \u96fb\u5b50\u8a08\u7b97\u6a5f\uff0c \u904a\u6232\uff0c \u860b\u679c\uff0c \u96fb\u5f71\uff0c \u8a08\u7b97\u6a5f\uff0c\u7de8\u78bc\uff0c Java\uff0c C\/C++\uff0c JavaScript\uff0c PHP\uff0c HTML\uff0c CSS\uff0c MySQL\uff0c mobile\uff0c Android\uff0c \u52d5\u6f2b\uff0c Python\uff0c teacher\uff0c \u88dc\u7fd2\uff0c \u96fb\u8166\u88dc\u7fd2 \u8cc7\u8a0a, \u7535\u5b50\u8ba1\u7b97\u673a, IT ,Game, apple, movie, Computer,student,Java,\u6559\u80b2, ,\u5b66\u751f, \u5b66\u4e60, learn, \u6559\u5b66,  Android, apple,anime, animation, \u4fe1\u606f\u6280\u672f, \u7a0b\u5e8f\u8bbe\u8ba1, \u79fb\u52a8\u7535\u8bdd, \u8cc7\u8a0a\u79d1\u6280,Game, Jeu, Juego,Call Of Duty ,\u4f7f\u547d\u53ec\u559a , \u6e38\u620f, \u7535\u5b50\u6e38\u620f,, \u591a\u4eba\u7535\u5b50\u6e38\u620f, \u7f51\u7edc\u6e38\u620f\uff0conline\uff0conline game, \u624b\u673a\u6e38\u620f, mobile \\\"><\/p>\n<div class=\"field field-name-body field-type-text-with-summary field-label-hidden\">\n<div class=\"field-items\">\n<div class=\"field-item even\">\n<p><a href=\"https:\/\/www.androidcentral.com\/slacks-new-app-just-fixed-problems-both-android-10-and-curved-screens\" title=\"Slack's new app just fixed problems with both Android 10 and curved screens\" georiot-ignore=\"true\" class=\"norewrite\"><img decoding=\"async\" src=\"https:\/\/www.androidcentral.com\/sites\/androidcentral.com\/files\/styles\/large_wm_brw\/public\/article_images\/2020\/05\/slack-new-interface-tooltip.jpg?itok=k2-5JMxT\"><\/a><\/p>\n<p class=\"intro\">This is an ingenious way to address issues with gestures overlapping.<\/p>\n<p>It&#8217;s no secret that people have frustrations with <a href=\"https:\/\/www.androidcentral.com\/android-10\" georiot-ignore=\"true\" class=\"norewrite\">Android 10<\/a>&#8216;s gesture navigation, particularly the back gesture \u2014 and phones with curved screen edges have only exacerbated the problem. Apps that rely on slide-in drawers can be <em>really<\/em> tough to use, and when that&#8217;s a core part of the interface it can slow you down dramatically.<\/p>\n<p>But this week, I received a much-needed ray of hope for this system in the form of an app update. <a href=\"https:\/\/www.androidcentral.com\/tag\/slack\" georiot-ignore=\"true\" class=\"norewrite\">Slack<\/a>, which previously had one of <em>the worst<\/em> collisions with gestures and curved screens, has redesigned its app to address both \u2014\u00a0and it&#8217;s a wonderful change that every Android app developer needs to study and implement.<\/p>\n<blockquote class=\"pull right\">\n<p>Android 10&#8217;s gestures don&#8217;t <em>have<\/em> to be frustrating \u2014\u00a0we just need fresh app designs.<\/p>\n<\/blockquote>\n<p>Slack used to, like many apps, rely on a slide-in drawer for switching contexts inside the app. In the case of Slack, it was to change between channels, groups, threads and messages \u2014 something you do several (or dozens of) times each app session. With Android 10 gestures enabled, this required a precise <em>angled<\/em> edge swipe to pull in the drawer rather than generate a back gesture. But Slack was <em>particularly<\/em> frustrating because every view you ever had in the app <em>also<\/em> vertically scrolled. So you couldn&#8217;t swipe horizontally in from the side, which triggers a back gesture, and you also couldn&#8217;t swipe <em>too<\/em> vertically, which gets picked up by the interface as a vertical scroll. You had to <strong>perfectly<\/strong> hit the right 45-degree angle to use the slide-in drawer \u2014\u00a0and, well, it was basically impossible.<\/p>\n<p>It was so bad on some phones that Slack ended up being <em>really<\/em> annoying to use. The <a href=\"https:\/\/www.androidcentral.com\/oneplus-8-pro-review\" georiot-ignore=\"true\" class=\"norewrite\">OnePlus 8 Pro<\/a> is a perfect example \u2014\u00a0because of its sharply-curved sides and large size, it was legitimately impossible to open the slide-in drawer with a gesture one-handed. In order to use Slack on my 8 Pro, I had to use two hands so I could tap the top-left corner of the interface to open the drawer. And considering how often you need to switch between channels in slack, this was a massive pain.<\/p>\n<p>Then, my frustration was completely alleviated. After getting over the initial 3-minute shock of &#8220;everything is different and I hate it!&#8221; when the new Slack design arrived, I knew it had hit on something amazing.<\/p>\n<p><a href=\"https:\/\/www.androidcentral.com\/slacks-new-app-just-fixed-problems-both-android-10-and-curved-screens\" title=\"Slack's new app just fixed problems with both Android 10 and curved screens\" georiot-ignore=\"true\" class=\"norewrite\"><img decoding=\"async\" src=\"https:\/\/www.androidcentral.com\/sites\/androidcentral.com\/files\/styles\/large\/public\/article_images\/2020\/05\/new-slack-1.jpg?itok=MXNJ6BlH\"><\/a><br \/>\n<a href=\"https:\/\/www.androidcentral.com\/slacks-new-app-just-fixed-problems-both-android-10-and-curved-screens\" title=\"Slack's new app just fixed problems with both Android 10 and curved screens\" georiot-ignore=\"true\" class=\"norewrite\"><img decoding=\"async\" src=\"https:\/\/www.androidcentral.com\/sites\/androidcentral.com\/files\/styles\/large\/public\/article_images\/2020\/05\/new-slack-2.jpg?itok=QFcUM2T3\"><\/a><br \/>\n<a href=\"https:\/\/www.androidcentral.com\/slacks-new-app-just-fixed-problems-both-android-10-and-curved-screens\" title=\"Slack's new app just fixed problems with both Android 10 and curved screens\" georiot-ignore=\"true\" class=\"norewrite\"><img decoding=\"async\" src=\"https:\/\/www.androidcentral.com\/sites\/androidcentral.com\/files\/styles\/large\/public\/article_images\/2020\/05\/new-slack-3.jpg?itok=RkPSyyxH\"><\/a><\/p>\n<p>The app switched to a simple horizontal three-pane view: the primary pane is a list of channels and chats, on the left is your different Slack workspaces, and on the right is your current channel or chat. Critically, you swipe across the <strong>middle<\/strong> of the screen to move between the three panes \u2014\u00a0never from the edge, and never at an angle or vertically. So you can switch contexts without using a gesture that can interfere with another one \u2014 whether it&#8217;s system-level or app-level.<\/p>\n<blockquote class=\"pull left\">\n<p>Slack&#8217;s interface would work perfectly for just about any messaging or vertically-scrolling app.<\/p>\n<\/blockquote>\n<p>It works beautifully. And it&#8217;s something that more Android developers need to consider for their own apps. The Android Developers team has a lot of good <a href=\"https:\/\/medium.com\/androiddevelopers\/gesture-navigation-handling-gesture-conflicts-8ee9c2665c69\" georiot-ignore=\"true\" class=\"norewrite\">documentation on various ways to handle gesture conflicts<\/a>, because there&#8217;s obviously no one-size-fits-all solution. But Slack&#8217;s is so simple and elegant, with <em>no<\/em> overlap or advanced learning curve, that it could easily be deployed in any sort of messaging platform or something that relies on vertically scrolling information panes.<\/p>\n<p>Of course <em>I<\/em> had never thought about this as a solution, but then again I&#8217;m not in any position to redesign Android apps; I can just amplify examples of great design. Slack was able to figure it out, and I hope that many other apps do \u2014\u00a0because there are still tons of situations in which I&#8217;m unable to use an app because I also use Android&#8217;s gesture navigation, and that should never be the case.<\/p>\n<p><!-- BEGIN RECO-BLOCK --><\/p>\n<h3 class=\"category reco-block\">Flagship for less<\/h3>\n<h4 class=\"product\">OnePlus 8 Pro<\/h4>\n<p><a href=\"https:\/\/www.androidcentral.com\/slacks-new-app-just-fixed-problems-both-android-10-and-curved-screens\" title=\"Slack's new app just fixed problems with both Android 10 and curved screens\" georiot-ignore=\"true\" class=\"norewrite\"><img decoding=\"async\" src=\"https:\/\/www.androidcentral.com\/sites\/androidcentral.com\/files\/styles\/large\/public\/article_images\/2020\/04\/oneplus-8-pro-black-front-render.png?itok=piMKD2vt\"><\/a><\/p>\n<p class=\"subtitle\">OnePlus finally made a proper flagship.<\/p>\n<p>After years of &#8220;flagship killers, OnePlus has finally made itself a flagship with all the features we expected \u2014 wireless charging, water resistance, a beautiful 120Hz screen \u2014 and while no phone is perfect, the OnePlus 8 Pro has excellent performance and even better battery life.<\/p>\n<p class=\"end\"><a href=\"https:\/\/www.androidcentral.com\/e?link=https%3A%2F%2Fwww.awin1.com%2Fcread.php%3Fawinmid%3D10855%26awinaffid%3D103504%26clickref%3DUUacUdUnU89987YYr%26p%3Dhttps%253A%252F%252Fwww.oneplus.com%252F8-pro&amp;token=C6boavoo\" title=\"\" class=\"cta shop norewrite\" rel=\"nofollow\" georiot-ignore=\"true\">From $899 at OnePlus<\/a><\/p>\n<p><!-- END RECO-BLOCK --><\/div>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~r\/androidcentral\/~4\/aiI_QtYMPNg\" height=\"1\" width=\"1\" alt=\"\"\/><\/p>\n\n<p class=\"syndicated-attribution\"><figure class= \\\"wp-block-image alignnone \\\"><img src= \\\"http:\/\/itteacheritfreelance.hk\/test\/wordpress\/wp-content\/uploads\/2016\/05\/logo2-2.png\\\" alt=\\\"IT\u96fb\u8166\u88dc\u7fd2 java\u88dc\u7fd2 \u70ba\u5927\u5bb6\u914d\u5c0d\u96fb\u8166\u88dc\u7fd2,IT freelance, \u79c1\u4eba\u8001\u5e2b, PHP\u88dc\u7fd2,CSS\u88dc\u7fd2,XML,Java\u88dc\u7fd2,MySQL\u88dc\u7fd2,graphic design\u88dc\u7fd2,\u4e2d\u5c0f\u5b78ICT\u88dc\u7fd2,\u4e00\u5c0d\u4e00\u79c1\u4eba\u88dc\u7fd2\u548cFreelance\u81ea\u7531\u5de5\u4f5c\u914d\u5c0d\u3002\\\"\/><figcaption>\u7acb\u523b\u8a3b\u518a\u53ca\u5831\u540d\u96fb\u8166\u88dc\u7fd2\u8ab2\u7a0b\u5427!<\/figcaption><\/figure>\r\n<\/br>Find A Teacher Form:\r\n<\/br>https:\/\/docs.google.com\/forms\/d\/1vREBnX5n262umf4wU5U2pyTwvk9O-JrAgblA-wH9GFQ\/viewform?edit_requested=true#responses\r\n<\/br><\/br>Email:\r\n<\/br>public1989two@gmail.com<br><br><br><br><br><br><br>\r\n<a href=www.itsec.hk style=color:#FFFFFF;>www.itsec.hk<\/a><br>\r\n<a href=\\\"www.itsec.vip\\\" style=color:#FFFFFF;>www.itsec.vip<\/a><br>\r\n<a href=\\\"www.itseceu.uk\\\" style=color:#FFFFFF;>www.itseceu.uk<\/a><br><\/p>","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>This is an ingenious way to address issues with gestures overlapping.<\/p>\n<p>It&#8217;s no secret that people have frustrations with Android 10&#8217;s gesture navigation, particularly the back gesture &mdash; and phones with curved screen edges have only exacerbated the problem. Apps that rely on slide-in drawers can be really tough to use, and when that&#8217;s a core part of the interface it can slow you down dramatically.<\/p>\n<p>But this week, I received a much-needed ray of hope for this system in the form of an app update. Slack, which previously had one of the worst collisions with gestures and curved screens, has redesigned its app to address both &mdash;&nbsp;and it&#8217;s a wonderful change that every Android app developer needs to study and implement.<\/p>\n<p>  Android 10&#8217;s gestures don&#8217;t have to be frustrating &mdash;&nbsp;we just need fresh app designs.<\/p>\n<p>Slack used to, like many apps, rely on a slide-in drawer for switching contexts inside the app. In the case of Slack, it was to change between channels, groups, threads and messa&#8230;<\/p>\n<\/div>","protected":false},"author":252,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Every messaging app should steal Slack's sweet new UI - ITTeacherITFreelance.hk","description":"This is an ingenious way to address issues with gestures overlapping. It's no secret that people have frustrations with Android 10's gesture navigation, particu"},"footnotes":""},"categories":[11],"tags":[2978],"_links":{"self":[{"href":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/32083"}],"collection":[{"href":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/252"}],"replies":[{"embeddable":true,"href":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=32083"}],"version-history":[{"count":1,"href":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/32083\/revisions"}],"predecessor-version":[{"id":32084,"href":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/32083\/revisions\/32084"}],"wp:attachment":[{"href":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=32083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=32083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=32083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}