×
Namespaces

Variants
Actions
(Difference between revisions)

Blinking icon on the idle screen

From Nokia Developer Wiki
Jump to: navigation, search
Rahulsingh1m (Talk | contribs)
(Design Tips)
hamishwillee (Talk | contribs)
m (Text replace - "Category:Mobile Design" to "")
 
(7 intermediate revisions by 4 users not shown)
Line 1: Line 1:
[[Category:Mobile_Design]]
+
{{ArticleMetaData <!-- v1.1 -->
[[Category:Mobile_Design_Patterns]]
+
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 +
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
 +
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 +
|id= <!-- Article Id (Knowledge base articles only) -->
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by= <!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20090628
 +
|author= [[User:Rahulsingh1m]]
 +
}}
 +
 
 +
[[Category:Mobile Design Patterns]]
  
 
==Description==
 
==Description==
Line 8: Line 31:
 
<tr>
 
<tr>
 
     <td align="left">
 
     <td align="left">
Idle screen with blinking icon<br>
+
[[File: blink11.gif|frame|Idle screen with blinking icon]]
[[Image: blink11.gif]]
+
    </td>
 
     <td align="left">
 
     <td align="left">
Client app launched after clicking on the icon<br>
+
[[File: blink12.jpg|frame|Client app launched after clicking on the icon]]
[[Image: blink12.jpg]]
+
 
   </td>
 
   </td>
 
</tr>
 
</tr>
Line 28: Line 50:
  
 
==Related Links==
 
==Related Links==
* [http://wiki.forum.nokia.com/index.php/Capturing_keys_in_background Capturing keys in background]
+
 
* [http://wiki.forum.nokia.com/index.php/How_to_capture_Keyevents_in_thread_or_exe How to capture key event in a thread or exe]
+
* [[Capturing keys in background]]
 +
* [[How to capture Keyevents in thread or exe|How to capture key event in a thread or exe]]

Latest revision as of 09:06, 16 April 2012

Article Metadata
Article
Created: User:Rahulsingh1m (28 Jun 2009)
Last edited: hamishwillee (16 Apr 2012)

[edit] Description

The idea of having a blinking icon on the idle screen is for providing important updates(news or some event) to the user. User need not go the browser or any other client all the time to check if some relevant update is there. When the user clicks on the icon, the client application containing the complete information will be launched.

Idle screen with blinking icon
Client app launched after clicking on the icon

[edit] Design Tips

  • The blinking icon should be hyperlinked to the browser or a different client application containing the complete update of the snapshot presented to the user on idle screen.
  • For a touch screen device, the touch action will open the client application.
  • For devices not supporting the touch interface, the client application can be launched by pressing a key. For example, the long press of *(star) key. The application should capture that key event properly. Also note that some key events are already dedicated to other application.
  • The icon can be constructed by creating a bimap image of the event headline text.
  • Choose the text font and colour wisely to bring the user attention.
  • The client application should provide a setting option to change the blinking period, and this period should not be too high.
  • The blinking icon should be drawn at a proper place on the idle screen. It should not hide the other important info on the idle screen like indicators, command buttons etc.
  • Sound can also be played along with the blinking icon, but check the profile setting before that. For example in case of silent profile, do not play the sound.

[edit] Related Links

This page was last modified on 16 April 2012, at 09:06.
129 page views in the last 30 days.
×