{"id":12328,"date":"2017-01-11T01:43:07","date_gmt":"2017-01-11T09:43:07","guid":{"rendered":"\/blog\/?p=12328"},"modified":"2023-07-06T00:56:49","modified_gmt":"2023-07-05T22:56:49","slug":"mobile-friendly-chat","status":"publish","type":"post","link":"https:\/\/www.exoplatform.com\/blog\/mobile-friendly-chat\/","title":{"rendered":"Platform 4.4 Sneak Peek: Mobile Friendly Chat"},"content":{"rendered":"<p><i>This post is the last in a series of articles that introduced some noteworthy <\/i><a href=\"https:\/\/www.exoplatform.com\/blog\/platform-4-4-sneak-peek-improved-document-activities\/\"><i>improvements to eXo Platform 4.4<\/i><\/a><i>. Watch this blog for more product news in the upcoming weeks.<\/i><\/p>\n<p><!--more--><\/p>\n<p>We\u2019re wrapping up this collection with a bonus feature that will please mobile users: <strong>eXo Chat <\/strong>finally got a <strong>mobile friendly<\/strong> facelift.<\/p>\n<p>Since the <strong>eXo Chat app <\/strong>was first introduced, we have focused on integrating it with our other apps to make it a first class citizen within eXo Platform. Hence, it is more than a simple text messaging app because eXo Chat supports a number of collaborative workflows, such as capturing tasks, document sharing, capturing meeting notes and exporting them to a wiki, &#8230;<\/p>\n<p>However, it was not initially designed with <strong>mobile usage<\/strong> in mind and that\u2019s why you couldn\u2019t find the chat icon in the top bar on your smartphone. However, as mobile work collaboration continues to spread, text messaging has become a top demand.<\/p>\n<p>So, after adding some planned enhancements, such as the <a href=\"https:\/\/www.exoplatform.com\/blog\/platform-4-4-sneak-peek-member-lists-chat-rooms\/\">Participants List<\/a> and <a href=\"https:\/\/www.exoplatform.com\/blog\/platform-4-4-sneak-peek-desktop-notifications-for-exo-chat\/\">Desktop Notifications<\/a>, we took a look at the structure of the app and started a subtle redesign that would not break anything, but make it usable on a smartphone.<\/p>\n<p>&nbsp;<\/p>\n<p>First, you will be able to access the familiar chat icon from the top bar to open the chat app.<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-app.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-12329 aligncenter\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-app.png\" alt=\"eXo chat app\" width=\"351\" height=\"212\" srcset=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-app.png 854w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-app-300x181.png 300w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-app-768x464.png 768w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-app-720x435.png 720w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-app-500x302.png 500w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-app-360x218.png 360w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-app-200x121.png 200w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-app-100x60.png 100w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-app-50x30.png 50w\" sizes=\"(max-width: 351px) 100vw, 351px\" \/><\/a><\/p>\n<p>It opens in full screen, replacing the top bar with its own bar and displaying a list of your favorites and other rooms.<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-12330 aligncenter\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room.png\" alt=\"eXo chat room\" width=\"355\" height=\"631\" srcset=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room.png 900w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room-169x300.png 169w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room-576x1024.png 576w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room-768x1365.png 768w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room-864x1536.png 864w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room-266x473.png 266w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room-185x328.png 185w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room-133x236.png 133w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room-74x131.png 74w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room-51x90.png 51w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/eXo-chat-room-17x30.png 17w\" sizes=\"(max-width: 355px) 100vw, 355px\" \/><\/a><\/p>\n<p>From the top bar, the hamburger icon folds a side panel that lets you go back to the intranet homepage or set your preferences.<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/Set-your-preferences-in-eXo-chat.png\"><img decoding=\"async\" loading=\"lazy\" class=\" wp-image-12331 aligncenter\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/Set-your-preferences-in-eXo-chat.png\" alt=\"Set your preferences in eXo chat\" width=\"332\" height=\"246\" srcset=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/Set-your-preferences-in-eXo-chat.png 594w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/Set-your-preferences-in-eXo-chat-300x222.png 300w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/Set-your-preferences-in-eXo-chat-443x328.png 443w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/Set-your-preferences-in-eXo-chat-319x236.png 319w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/Set-your-preferences-in-eXo-chat-177x131.png 177w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/Set-your-preferences-in-eXo-chat-100x74.png 100w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/Set-your-preferences-in-eXo-chat-41x30.png 41w\" sizes=\"(max-width: 332px) 100vw, 332px\" \/><\/a><\/p>\n<p>You can also set your presence status from the chat header:<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/set-presence-status-from-the-chat-header.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-12332 aligncenter\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/set-presence-status-from-the-chat-header.png\" alt=\"set presence status from the chat header\" width=\"324\" height=\"166\" srcset=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/set-presence-status-from-the-chat-header.png 894w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/set-presence-status-from-the-chat-header-300x154.png 300w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/set-presence-status-from-the-chat-header-768x393.png 768w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/set-presence-status-from-the-chat-header-720x369.png 720w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/set-presence-status-from-the-chat-header-500x256.png 500w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/set-presence-status-from-the-chat-header-360x184.png 360w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/set-presence-status-from-the-chat-header-200x102.png 200w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/set-presence-status-from-the-chat-header-100x51.png 100w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/set-presence-status-from-the-chat-header-59x30.png 59w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/><\/a><\/p>\n<p>When tapped, the magnifying glass icon reveals a search field that works exactly like on a desktop. Enter anything prefixed with \u2018@\u2019 to filter the list of rooms:<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/Mobile-chat-rooms-list.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-12333 aligncenter\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/Mobile-chat-rooms-list.png\" alt=\"Mobile chat rooms list\" width=\"340\" height=\"321\" \/><\/a><\/p>\n<p>To view a room conversation, simply tap on the room name, and swipe up and down to read back through the conversation. The message input box remains at the bottom as you scroll or open the keyboard, which lets you easily reply to, edit, or quote past messages.<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/message-input-box-in-mobile-chat-conversation.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-12334 aligncenter\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/message-input-box-in-mobile-chat-conversation.png\" alt=\"message input box in mobile chat conversation\" width=\"311\" height=\"549\" \/><\/a><\/p>\n<p>Inside rooms, the hamburger icon is replaced by a back arrow, which is used to list all rooms:<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/image00.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-12335 aligncenter\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/image00.png\" alt=\"eXo chat mobile experience\" width=\"435\" height=\"296\" \/><\/a><\/p>\n<p>The pulldown room menu gives you access to actions such as notifications and listing participants:<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/image04.png\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-12336 aligncenter\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2017\/01\/image04.png\" alt=\"eXo chat mobile experience\" width=\"424\" height=\"267\" \/><\/a><\/p>\n<h2>Tell us what you think<\/h2>\n<p>&nbsp;<\/p>\n<p>This is the first step in bringing eXo Mobile friendly Chat to your smartphones, but we have many more ideas to optimize the mobile chat experience, which we\u2019ll introduce in a future redesign.<\/p>\n<p>&nbsp;<\/p>\n<p>As usual, these improvements can be previewed immediately on the <a href=\"https:\/\/community.exoplatform.com\/portal\/dw\/\" target=\"_blank\" rel=\"noopener\">Tribe<\/a> and in the <a href=\"https:\/\/downloads.exoplatform.org\/public\/exo-platform-community-edition-4.4.0-latest.zip\" class=\"broken_link\" target=\"_blank\" rel=\"noopener\">latest milestone of the eXo Platform 4.4 Community Edition<\/a>. Let us know what you think. We\u2019d love to hear your feedback.<\/p>\n<div><\/div>\n<style type=\"text\/css\">a:link{text-decoration:none}<\/style>\n<div>\n<div class=\"adv-events\" style=\"background: #476fad; padding: 30px 20px; color: white;\">\n<div class=\"media\">\n<div class=\"pull-right\"><a style=\"display: block;\" href=\"https:\/\/community.exoplatform.com\/portal\/dw\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n<img decoding=\"async\" class=\"size-full wp-image-6587 alignright\" style=\"border: none; border-radius: 0; box-shadow: none;\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2016\/02\/tribe.png\" alt=\"Join The eXo Tribe\" height=\"120px\" \/><br \/>\n<\/a><\/div>\n<div class=\"media-body\">\n<h4 class=\"media-heading\"><a style=\"display: block;\" href=\"https:\/\/community.exoplatform.com\/portal\/dw\/\" target=\"_blank\" rel=\"noopener\">Join The eXo Tribe<\/a><\/h4>\n<p><a style=\"display: block;\" href=\"https:\/\/community.exoplatform.com\/portal\/dw\/\" target=\"_blank\" rel=\"noopener\"><br \/>\nRegister for our Community to Get updates, tutorials, support, and access to the Platform and add-on downloads. <strong>Sign in Now!<\/strong><br \/>\n<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"This post is the last in a series of articles that introduced some noteworthy improvements to eXo Platform 4.4. Watch this blog for more product news in the upcoming weeks.","protected":false},"author":7,"featured_media":12786,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":[],"categories":[508],"tags":[765,647],"lang":"en","translations":{"en":12328},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/posts\/12328"}],"collection":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/comments?post=12328"}],"version-history":[{"count":0,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/posts\/12328\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/media?parent=12328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/categories?post=12328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/tags?post=12328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}