R N S Messaging apps are an everyday tool to all smartphone users. By integrating a messenger in customer oriented services, we have the chance to streamline the entire client contact – may it be personal or automatic. Instant messaging can allow companies to talk to their customers directly and build trust with brands. It is a modern, efficient and customer oriented way of communication. It is faster than a telephone call, it will be used more often as customers are used to interact with messenger systems, and allows companies to cut back on call center costs. Conversational Commerce
R N S Conversational Commerce • Conversational apps have a lot more contextual information about users, including location, health, sensor, and social data. • Conversational apps will push commerce and purchases into this context aggressively and away from the query-thrashing model.
R N S Conversational Commerce • Agents and/or bots are humanising the conversation, localising correctly, and providing a meaningfully useful and differentiated service. • We will see this trend growing, with more companies offering direct messenger features in their Apps, or via WhatsApp channels.
R N S Lokin ist die App, die Bahnreisende jeden Tag zusammenbringt. Melde Dich einfach und schnell an und chatte im neuen Zug-Chat mit anderen Usern, die den gleichen Zielort haben oder in der gleichen Region unterwegs sind. In unserer Lokin-Lounge kannst Du Dich bundesweit mit anderen Reisenden über aktuelle Bahnthemen austauschen oder einfach nur nett schreiben. Lokin
T E R Service acts as an intermediary between disappointed customers and businesses. For example, instead of a customer having to fill out a generic complaint form for an airline or retailer they contact Service, who have dedicated support staff to contact the company and attempt to resolve their issue. Service
R N S „We’ll send you messages, photos, GIFs, and links, and you can tap to respond when you’re interested in learning more about a topic. Each session lasts just a few minutes, so it’s perfect for the train, elevator, grocery store line, or wherever you have a spare moment to catch up on the news.“ Quartz
R N S „We drew influence from all sorts of places, but were particularly inspired by Jonathan Libov’s “Futures of Text” and apps with conversational UIs like Lark and Lifeline. Other trends, like the rise of bots and messaging, gave us confidence in the direction.“ Quartz
R N S Discovery of discreet conversational services becomes less of an issue if users are slowly trained to think and type more like programmers. Software developers, sysadmins and power users already use the command-line as a simple and efficient way to get work done. Entering in text commands is faster than using a mouse. Text commands
R N S Team chat app Slack offers a variety of „slash commands“, which act as shortcuts you can type into the message input box to perform an action. Slack
R N S One of the first commands people learn is /giphy This allows people to query Giphy's database for a random GIF that matches a certain keyword. Slack
R N S Animation is fast becoming an (the) essential part of interface design, and it’s easy to see why. It creates opportunities to make our interfaces better at every level: it can make them easier to understand, more pleasant to use, and nicer to look at. Semantic Animation
R N S Animation can help offload some of the work of processing interface changes from our brains to the screen. It can also be used to explain the meaning and relationships of interface elements, and even teach users how to do things—all without making an interface more complex. Sometimes all of these factors converge: when you minimize a window, would you be able to tell where it goes without the animation? How much longer would it take you to find the minimized window in the dock? Semantic Animation
R N S Hard cuts make it difficult to understand state changes, because changing the entire page means you have to rescan the entire thing to see what changed. Semantic Animation
R N S Semantic Animation Semantic Animations, also known as 'Meaningful' transitions and/or 'Reveal' pattern, provide users visual continuity when you show or hide a group of UI elements. Reveal animations often involve complex choreographies with hierarchical timing; where elements are removed, added, or shared between the animation states.
R N S Example of how a post on Dribbble could work as a semantic component. The post always remains one cohesive element; it simply changes its representation over time. Semantic Animation
R N S Think of when you add animations, an interface isn’t a series of screens anymore, but a collection of semantic components inside a single, continuous space. Semantic Animation
R N S Instead of designing screens and then adding transitions between them, start by designing individual components and thinking about how they change and move in different contexts. With that in place, layout and animations will come together naturally, following the semantic structure of the content. Semantic Animation
R N S Material Design Example Do Better because there are no multiple representations. Although the animation fails to account for the interface elements on top, which change with no animation at all.
R N S Facebook Paper Perfect Relationship between thumbnail and detail view is completely obvious. No multiple representations, no semantic loose ends. The transition is so smooth that you barely notice the state change.
R N S In the future, there will be no distinction between native and web apps. The two worlds will merge. We already see this happen on both mobile and desk computers. The merging of web and app
R N S Apple loves native apps: they are faster, interact with the system better, work offline and feel real. Google loves web apps: they don’t require installation, work on any OS and get all the browser features for free. Google is heading into the future much faster than Apple. Apple, it seems, doesn’t even see what’s wrong with native apps. Google, on the other hand, does see what’s wrong with the web, and gradually fixes it. Subtopic or example
R N S Making the user go somewhere else - a place far away spatially, or disconnected from the original text, in another window - usually isn't a good idea. The user may not find the editor, for one thing. It also takes time to switch one's attention from one place to another, and the perceived complexity of the the interface is increased. Edit-in-Place
R N S Edit-in-Place means: When the user clicks or, more typically, double-clicks on a text to be edited, simply replace it with an editable text field containing the string. Anything the user types is then entered into the text field. End the edit session when the user clicks somewhere else. Edit-in-Place
R N S A common example is dragging an icon on a virtual desktop to a special trashcan icon to delete a file. Further examples include: • Dragging a data file onto a program icon or window for viewing or processing. For instance, dropping an icon that represents a text file into a Microsoft Word window signifies "Open this document as a new document in Word" • Moving or copying files to a new location/directory/folder, • Adding objects to a list of objects to be processed, • Rearranging widgets in a graphical user interface to customize their layout, • Dragging an attribute onto an object to which the command is to be applied, • e.g. dragging a color onto a graphical object to change its color, • Dragging a tool to a canvas location to apply the tool at that location, • Creating a hyperlink from one location or word to another location or document. • Most word processors allow dragging selected text from one point to another. • Dragging a series of codeblocks such as in Blender for designing shaders and materials. Edit-in-Place
R N S Drag and drop is a pointing device gesture in which the user selects a virtual object by "grabbing" it and dragging it to a different location or onto another virtual object. Drag and Drop
R N S Asynchronous HTTP requests means web applications can send data to and retrieve from a server in the background without interfering with the display and behavior of the existing page. Asynchronous web
R N S Asynchronous web Synchronous • means that you call a web service (or function or whatever) and wait until it returns - all other code execution and user interaction is stopped until the call returns. Asynchronous • means that you do not halt all other operations while waiting for the web service call to return. Other code executes and/or the user can continue to interact with the page (or program UI).
R N S ”Be My Eyes” App surprised everyone in 2015 with just a simple concept that makes the life of blind people much easier. After installing the App, you have to select if you are a blind person (in that case you have the OS Accessibility options in your smartphone to browse in the App) or you are a sighted helper. As a helper you just need to input the languages you speak. With this App, using video features of your smartphone, you can have a videoconference with a blind person, where you will be able to help, describing what you see in the video feed you receive from the blind person. Be my eyes
R N S You could help reading a letter that arrived in the mailbox, describing something you see, etc. At this point this App has 341k sighted helpers and 26k blind people using it, with more than 126k times help offered. The App is so successful that as a helper, if you don’t answer the request notification for help quickly, someone else does and you lose the opportunity to help!. This App is only available for iOS at this moment, as the immense majority of blind people use iOS due to better OS Accessibility options, compared to Android OS. Be my eyes
R N S UNI is a two-way communication tool for the deaf using gesture and speech technology. UNI pro is a tablet that doesn’t require data connection to work. UNI
R N S There are plenty of other examples: an app that gives a voice to people with speech disorder, app with no words that speaks to autistic children, app that uses voice recognition to convert voice to text (so deaf people can “hear” phone calls by reading), app that amplifies sounds (for people with hearing difficulties who don’t use a hearing aid), etc. More examples
R N S Thanks to the Google Cardboard, a woman, who had been visually challenged for the past eight years, is finally able to see things again. Google Cardboard
R N S A new feature that will change your screen's color to account for the time of day to make it easier on your eyes. It shifts the colors of your screen to provide warmer hues during later hours of the day. iOS Nightshift
R N S It may provide better sleep for those who tend to use their device in bed. It also prevents your iPhone or iPad from lighting up the whole room, which bedmates will appreciate. iOS Nightshift
R N S Almost all gadgets with a display give off blue light, and while it’s perfectly healthy to absorb as much as you like during the day, it’s not something you want to take in at night. Using phones and tablets close to bedtime can make falling and staying asleep more difficult. That’s because blue light tricks our circadian rhythm, or natural body clock, into thinking that it’s daytime. It also boosts attention and reaction times, and interferes with our bodies’ production of melatonin, the hormone that induces sleep, making it difficult to nod off. iOS Nightshift
R N S It’s not just your sleep that suffers, either; multiple studies have linked exposure to blue light and disrupted circadian rhythms to heart disease, diabetes, obesity and even cancer. Harvard researchers were able to increase blood sugar levels and lower the level of leptin, a hormone that causes people to feel full after a meal, in 10 people simply by changing their circadian rhythms. iOS Nightshift
R N S During the last years, when the users wanted to access information related to an App, brand or service, they didn’t have other choice but to open the App itself, and search for the content, hopefully, with the use of a search feature in the App itself. Nowadays, the users have plenty of apps installed, and finding the right content at the right time becomes more difficult. The customers are demanding more and more simplicity. Smart-linking Apps
R N S A minor UI update is solving the biggest problem on smartphones right now: By predicting what you want to do next in any app, Now on Tap could become a very big deal. Google Now on Tap
R N S Google presented “Google now on Tap” for Android 6. With Now on Tap, you can get assistance without having to leave what you’re doing. You just need to tap & hold the home button from any screen (App or website), and relevant Apps will be suggested, according to the contextual information that was being consumed by the user in that moment. Google Now on Tap
R N S Apple came with a different feature, the combination of the “Spotlight” search already present in the previous iOS (a feature to perform a general search in the OS), mixed with a way of developing Apps to accept deep linking. This basically means that developers need to update their Apps to let Spotlight search index somehow the content in them. This way Spotlight can display relevant results to the users when they perform a search, offering installed Apps as suggestions, or even Apps from the Apple Store not yet installed. Apple Spotlight
R N S Apple came up with three new APIs: 1 Allows application developers to tell iOS about the app’s content, and a deep link to that 2 Allows application developers to specify any web content iOS should index via Apple web crawlers 3 Allows for any activity type to get indexed (e.g. steps inside of the health app) Apple Spotlight
R N S A new option for doing creative enhanced video selfies. ‚Lenses‘ are being created by an in-house team at Snapchat, and one new lens will rotate in every day. Snapchat Lenses
R N S Snapchat Lenses • Press and hold on your face to activate • At the bottom of the screen, you can scroll horizontally among the available lenses • Some lenses don't require any action to work, but most ask you to raise your eyebrows or perform other small movement to function
R N S Lets you switch faces with a friend or a photo in real- time. Record videos or photos of yourself swapping faces with a celebrity, friend or any fun picture from the internet or your phone. Face Swap Live
R N S Users can take photos, record videos, add a filter, "Lens", text, or sketch overlay, and send them to a controlled list of recipients. These sent photographs and videos are known as "Snaps". Users set a time limit for how long recipients can view their Snaps, after which Snapchat claims they will be deleted from the company's servers. Snapchat
R N S Snapchat eventually came to develop a larger focus on its "Stories" functionality, which allows users to compile snaps into a "story" that can be viewed by other users in chronological order, with each snap available for 24 hours after its posting. Alongside users' stories, Snapchat also features curated "live stories", with content from various users focusing on a specific theme or event, as well as channels of short-form content from major publishers. Beginning November 2015, certain lenses could be purchased using microtransactions, but seven free lenses are cycled daily. Snapchat
R N S Up top, it looks you can now actually input your own URL should you want to check another page without leaving the Facebook app. You might want to fact-check a detail on an article you read, for instance, or define a word you didn’t understand. Meanwhile a new bar on the bottom tells you how popular a post is, includes back and forward buttons, lets you bookmark pages, and has a menu button which likely includes a few more features too (unfortunately we can’t access the new browser ourselves yet). Facebook In-app browser
R N S Facebook has become the source of news for a lot of people, skipping news websites and Apps. You browse the feed while having breakfast, comment, like, etc. I am sure some people from this audience experimented opening articles that people share on Facebook, and having to wait for the Facebook mini browser to render the website properly, in some cases, even closing and re-opening the link again. Facebook Instant Articles
R N S Facebook knows that opening shared links in their App can be a painful experience, so they created rich media oriented “instant articles”, vitaminated articles for publishers to create compelling reading stories, or like Facebook says: “a faster, more beautiful reading experience”. Facebook Instant Articles
R N S Leveraging the same technology used to display photos and videos quickly in the Facebook app, articles load instantly, as much as 10 times faster than the standard mobile web. On April 12th at Facebook's F8 conference, they will open up the Instant Articles program to all publishers—of any size, anywhere in the world. This is a nice invitation for any company that wants to use Facebook for marketing or editorial reasons. For Facebook it is a good way to offer even more reasons for users not leave the Facebook App. Facebook Instant Articles
R N S Rich media marketing loads far too slow on mobile. Facebook now built the endpoint of ads into its own app so it can pre-load and show them in about one second. Canvas interactive mobile ads are an immersive way to reach people without making them leave the social network. Facebook Canvas
R N S Designed for mobile • Canvas was built to bring your content to life in a fast-loading and seamless experience on Android and iOS. Canvas is supposed to load ~10 times faster than the standard mobile web. Made for storytelling • You may use a combination of videos, still images and call-to- action buttons. In Canvas, people can swipe through a carousel of images, tilt to view panoramic images and zoom in to view images in detail. Facebook Canvas
R N S Flexible for any objective • With Canvas, you have complete creative control to achieve any objective like telling your brand story, promoting a new movie and showcasing your products. Easy build tool • Brands can build Canvas ads with a self-serve tool. There’s no code required. Facebook’s design tool lets them just drag around images, GIFs, videos, and more, then set attributes and start showing their ad. Facebook Canvas
R N S $$$ • There’s no additional cost to build a canvas ad. Businesses just pay for the same News Feed ads as always, but get to build a better destination where they lead. Facebook Canvas
T E R Lowe’s wanted to connect with aspirational young homeowners about easy and trendy home do-it-yourself projects. On average people spent 28 seconds exploring their Canvas.
krunchtime
videlvequio
yutoshukuya
kiyoshifuwa
satomium1
kinakobooster
root_recruit
strongeron
ajstarks
takuro_nakajima
jdesign_tokyo
minamitary
hirokazu_oda
jnunemaker
stephaniewalter
mclloyd
bcantrill
morganepeng
chrisshort
philnash
sonatard
jlugia
vanstee
zakiwarfel
shlominoach
