Analysis and design excellent iphone notification

When the application needs to remind the user to focus on something, hope 1. Arouse the user's concern; 2. Do not make users feel restless; 3. Do not want to interrupt the user's operation; 4. Lead the user to the place to go; 5. You can find the reminder again when you need it. These requirements seem simple, but in fact need to spend a lot of design effort. In this article, you need to systematically analyze the design of the iphone notification.

One, the style of the notice

(i), visual interface

The iphone system has two forms of message notification, namely badge Notification and alert Notification. IOS5 increased the notification system.

1. Badge Notification

Badge notification is a weak reminder, but it will make people who have eliminated the bubble obsessive-compulsive disorder feel annoyed;

2.Alert Notification

Alert notification is a strong reminder, but not only interrupts the current operation, but also lets users who do not focus on the screen miss the reminder.

3.Notification System

IOS5 's notification system inherits the design advantages of Android and Palm, and can be a good reminder that the message arrives without interrupting the current operation or missing important reminders for not paying attention.

4, Banner Notification

This kind of banner notification style is suitable for the user to remind, belongs to the suitable appearance in the specific interface, has the strong guidance, but does not interrupt the current operation the reminder way. Many applications now use this design, such as Foursquare's new Buddy application reminders, Into_now message reminders, street DMS reminders and friend application reminders.

5.Tips Notification

This tips notification suitable to inform the user of the state, but not strong column boot operation, you can appear automatically disappear. Now also more common, such as Foursquare's new like reminders, Instagram message reminders, clicked message reminders, PIICTU message reminders, synchronous push Download installation status reminders, etc.

6.Status Bar Notification

Notice in the status bar, not interrupting the current operation, but also more eye-catching and not disturbing, but also can quickly jump. At present more and more see, from QQ to Sina Weibo, from talkbox to mm language chat and so on. But this design is only in the application, and only limited to IOS5 before the system, is expected to gradually be eliminated.

(ii), auditory reminders

With the development of digital audio technology, it has become very popular to interact with users by sound. A more common message, such as the arrival of new messages, is that Twitter's new messages are being given to birds (Twitter's Chinese name is often translated into "birdsong" by the media).

The human ear can easily distinguish the intensity, length, tone, timbre, rhythm and melody of the sound. Therefore, the sound has been used as a visual supplement to enhance the user experience. The common way of sound notification is--

1. Feedback tone

We use mobile phone input, the different mobile phone will be accompanied by the button action to produce different feedback tone, similar operation button is clicked, can have corresponding feedback tone. Registration success, upgrade success can also have a successful reminder feedback tone.

2. Warning Tone

When performing dangerous operations, login failure, download failure, low power, countdown time will come, will play a warning tone to tell us that there is danger;

3. Cue tone

When you use the iphone to send text messages, there will be a confirmation beep after the sending succeeds. Sina Weibo client Weico Refresh timeline If there is a new message to reach, there will be a new message beep. The advantage of this note is that you can perform the operation and then take other things, if you hear the beep, you know the message was successful, a new message arrived, effectively informed the user.

4. Quasi-Physical sound

When the file is cleared, play the sound of the garbage dump when the trash is dumped. QQ Friends Online, there will be a cough reminder, there are new add Friends request, there will be a knock on the door to remind.

5. Human voice

Can you tell by the analog vocals? The ipod shuffle relies on the voiceover feature to become the first talking ipod. If you are listening to a song, you want to know its name or performer's name. Just click on the New button at the top of the IPod shuffle and it will tell you. You can even hear the names of playlists by VoiceOver and switch between them. In addition, if your battery needs to be recharged, VoiceOver will also tell you.

Figure IPod Shuffle's voiceover will speak for 25 different languages, and it can speak your native language of song and performer names

Of course, while hearing can make a lot of fun interactive experiences, it's not entirely dependent on auditory interaction, because there are still a lot of problems with auditory interaction on mobile devices-the environment, the complexity and variety of mobile phones, and the noisy environments of subways, roads, The sound of the phone may become negligible and the recognition of the auditory interaction will be compromised, and noise, when overly dependent on the sound, may create a noise that interferes with other people's lives.

Therefore, auditory interaction should be used in conjunction with visual interaction, and given user control, users can cancel unwanted auditory feedback.

(iii), vibration reminders

Using vibrations to remind you of new text messages or incoming calls is already a universally accepted mode of interaction.

Sony developed the "tactile engine (touchengine)" Using a tactile generator, the electronic signal into motion, it can be the rhythm of vibration, intensity and changes in the speed and other aspects of the difference to tell the user who is calling or the emergency level of the call. Let the experience come more concrete and real.

IOS5 has also supported custom vibrations, you can choose a specific vibration for each contact, you can select 5 standard vibrations, or you can choose a custom vibration.

(iv), smell reminding

Compared with the use of vision and hearing in interactive systems, people's ability to perceive and respond to odors has not been well utilized. Related studies have shown that odors can effectively evoke certain emotions. With the development of interactive technology, the olfactory experience is being paid more and more attention.

We may not have a home audio and video system like surround stereo, widescreen High-definition TV, and the designer David Sweeney's "surround smell" has brought us into a new wave of experience. The device is built with 16 unique, novel scents, controlled by a micro-voltage pump, that can emit different smells based on different scenes in the TV, to convey different messages. For example, when the movie plot into the tropical jungle, the whole room will be filled with a smell of the jungle, so that people can create a feeling of immersive. We can also use different smells to remind different kinds of information.

Second, the notification design strategy

When designing a notification system, we need to ask ourselves the following questions:

Where is the user's page? (Nine navigation page? Message List page? Session Details page? Outside the application page?)

The timing of the notice? (When you have an update?) when you have a friend application? When there are no networks? Cumulative 10 Messages?

How often does the notification occur? (only 1 times, repeat 3 times?) all the time until user action?

Notice the vanishing opportunity? (1s disappear? 2s disappear? User actions disappear? Is there a net?)

Is it modal? (Mode does not perform other operations, modeless can do other things)

Are you telling me the progress? (Tell me the percentage of the operation? Not to tell the status only hint message?)

Compared to these problems, we can draw a simple example of the notification design style that can be adopted under different circumstances.

The multidimensional analysis will ensure that your notification design conforms to the scene, meets the requirements, and does not omit the strategy and details.

Third, the notice design principle

To sum up, the design of the notice mainly follows the following principles:

1. Arouse the attention of the users

Your notification system if completely can not arouse the attention of users, such as making plain text so that users mistakenly think is the content, such as flash map so that users mistakenly think it is advertising, can not reach the role of informing, the notice failed.

2. Do not make users feel restless

In fact, the iphone's badge notice, is not a very friendly design, it is unintelligible and people bear a heavy burden. You can't infer from a digital bubble 2 whether it's 2 new or 2 friends, and you don't know who it comes from. If you don't, your screen becomes a bubble world, which is really disturbing. In the application, if only to remind the progress or status of the notice, it does not have to exist, otherwise the notice becomes a burden, especially those not to be removed by the user's action to eliminate the notification.

3. Do not want to interrupt the user's operation

To notice the timing and occasions, if in order to arouse the attention of users, and tough to interrupt the user's operation, sacrificing the user's experience, is not desirable. For example, the main task flow is to find the toilet, the user has been very urgent, you have to pop-up dialog box to tell users to deal with friends to apply, users do not hit the phone to blame.

4. Lead the user to the destination

If your notice, not only needs the user to know, also needs the user to carry on the operation, then needs to pay attention to guide to appear the time, does not make the mode, interrupts the user to operate. If the user jumps, need to help the user remember the current state, make sure that back, everything return to jump before the state.

5. When the user needs to be able to find the reminder again

Friend application, message notification, information flow push, these notices, can not be fleeting, regardless of processing or not processing, can again find the contents of the notice to be carried. This can enhance the user's sense of security and ensure the integrity of the information.

Message notification, simple to say, design is very complex, here are all the front-end logic, back-end logic is to human life. If you think that a message reminder is a digital bubble and a dialog box, you are weak, it is only two of the interface style, the use of the scene is quite limited, and the flaw is very obvious. All, have enough energy of the application design team, hurriedly began to design their own message to remind the style, but also pay attention to the system with a variety of sensor, IOS5 not only have a custom vibration, there are led flashing reminders, sound reminders can also define the left and right channel. These are small details, but enough to make you stand out from your peers and bring a different experience to your users.

Author: Elya Girl

Article Source: elya.cc