×
Namespaces

Variants
Actions
(Difference between revisions)

HomeScreen Usability

From Nokia Developer Wiki
Jump to: navigation, search
mayankkedia (Talk | contribs)
(Added images/content, streamlined the layout)
hamishwillee (Talk | contribs)
m (Text replace - "Category:Mobile Design" to "")
 
(2 intermediate revisions by one user not shown)
Line 1: Line 1:
[[Category:Mobile_Design]][[Category:Usability]]
+
{{ArticleMetaData <!-- v1.2 -->
 +
|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 -->
 +
|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= 20090626
 +
|author= [[User:Mayankkedia]]
 +
}}
 +
[[Category:Usability]]
  
 
==Introduction==
 
==Introduction==
Line 9: Line 31:
 
See limitations from:-
 
See limitations from:-
  
[[KIS001196 - Restrictions in developing customised Active Idle plug-ins]]
+
[[Restrictions in developing customised Active Idle plug-ins (Known Issue)]]
  
[[KIS001381 - Active idle theme cannot be changed by 3rd party applications]]  
+
[[Active idle theme cannot be changed by 3rd party applications (Known Issue)]]  
  
 
Going forward from N97 onwards, Nokia has provided the Homescreen Publishing API, using which 3rd party developers can place their widgets on the homescreen.
 
Going forward from N97 onwards, Nokia has provided the Homescreen Publishing API, using which 3rd party developers can place their widgets on the homescreen.
  
[http://library.forum.nokia.com/index.jsp?topic=/S60_5th_Edition_Cpp_Developers_Library/GUID-2E28D8F7-7406-4EBF-BD52-E82BAE1A7D31.html Home Screen]
+
[http://library.developer.nokia.com/index.jsp?topic=/S60_5th_Edition_Cpp_Developers_Library/GUID-2E28D8F7-7406-4EBF-BD52-E82BAE1A7D31.html Home Screen]
  
[http://library.forum.nokia.com/index.jsp?topic=/S60_5th_Edition_Cpp_Developers_Library/GUID-759FBC7F-5384-4487-8457-A8D4B76F6AA6/html/Home_Screen_Publishing_APIIndexPage.html Home Screen Publishing API]
+
[http://library.developer.nokia.com/index.jsp?topic=/S60_5th_Edition_Cpp_Developers_Library/GUID-759FBC7F-5384-4487-8457-A8D4B76F6AA6/html/Home_Screen_Publishing_APIIndexPage.html Home Screen Publishing API]
  
 
With earlier versions the user can always do direct screen drawing to draw their content on the homescreen, as detailed on the link <b>[[How to display ticker on active idle]]</b> .
 
With earlier versions the user can always do direct screen drawing to draw their content on the homescreen, as detailed on the link <b>[[How to display ticker on active idle]]</b> .
Line 31: Line 53:
 
     <td align="left">
 
     <td align="left">
 
'''User can decide'''<br>
 
'''User can decide'''<br>
[[Image:User choice.JPG]]
+
[[File:User choice.JPG]]
 
   </td>
 
   </td>
 
   </tr>
 
   </tr>
Line 44: Line 66:
 
     <td align="left">
 
     <td align="left">
 
'''Existing functionality hampered'''<br>
 
'''Existing functionality hampered'''<br>
[[Image:Wrong position.JPG]]
+
[[File:Wrong position.JPG]]
 
   </td>
 
   </td>
 
<td align="left">
 
<td align="left">
 
'''Existing functionality not hampered'''<br>
 
'''Existing functionality not hampered'''<br>
[[Image:Right position.JPG]]
+
[[File:Right position.JPG]]
 
   </td>
 
   </td>
 
   </tr>
 
   </tr>
Line 61: Line 83:
 
     <td align="left">
 
     <td align="left">
 
'''Key press event ignored'''<br>
 
'''Key press event ignored'''<br>
[[Image:Func hampered.JPG]]
+
[[File:Func hampered.JPG]]
 
   </td>
 
   </td>
 
<td align="left">
 
<td align="left">
 
'''Key press event honored'''<br>
 
'''Key press event honored'''<br>
[[Image:Func not hampered.JPG]]
+
[[File:Func not hampered.JPG]]
 
   </td>
 
   </td>
 
   </tr>
 
   </tr>
Line 88: Line 110:
 
     <td align="left">
 
     <td align="left">
 
'''Before shortcut change'''<br>
 
'''Before shortcut change'''<br>
[[Image:Default shortcuts.JPG]]
+
[[File:Default shortcuts.JPG]]
 
   </td>
 
   </td>
 
<td align="left">
 
<td align="left">
 
'''After shortcut change'''<br>
 
'''After shortcut change'''<br>
[[Image:Custom shortcuts.JPG]]
+
[[File:Custom shortcuts.JPG]]
 
   </td>
 
   </td>
 
   </tr>
 
   </tr>
Line 102: Line 124:
 
[[ScShortcuts Engine Wrapper API]]
 
[[ScShortcuts Engine Wrapper API]]
  
[[KIS000920 - Shortcuts Engine API not available in S60 3rd Edition, Feature Pack 2]]
+
[[Shortcuts Engine API not available in S60 3rd Edition FP2 (Known Issue)]]
  
 
<b>--- Added by Mayank on 26/06/2009 ---</b>
 
<b>--- Added by Mayank on 26/06/2009 ---</b>

Latest revision as of 03:42, 9 May 2012

Article Metadata
Article
Created: mayankkedia (26 Jun 2009)
Last edited: hamishwillee (09 May 2012)

Contents

[edit] Introduction

Homescreen is the most prime real estate/ important view of the mobile device and gets more page views than any other page/application view. User always navigates to other applications from the homescreen. Homescreen's impact on a user is much more than all the other applications put together. Homescreen is the first thing the user sees after powering on the device.

Hence it is very important to be very careful while making use of the homescreen. The sensitivity and importance of the homescreen can be gauged from the fact that Nokia has guarded the sanctity of the active idle/homescreen zealously until now. 3rd party developers had very limited control/access to the homescreen space. Only through partnering/valid business case evaluation could one get access to the active idle.

See limitations from:-

Restrictions in developing customised Active Idle plug-ins (Known Issue)

Active idle theme cannot be changed by 3rd party applications (Known Issue)

Going forward from N97 onwards, Nokia has provided the Homescreen Publishing API, using which 3rd party developers can place their widgets on the homescreen.

Home Screen

Home Screen Publishing API

With earlier versions the user can always do direct screen drawing to draw their content on the homescreen, as detailed on the link How to display ticker on active idle .

[edit] Homescreen usability guidelines are

[edit] Allow user choice to place/remove application from homescreen

Since the homescreen is the main view of the mobile, it is very important to take due consideration in deciding whether you really want to use up that space for your application usage. The user should have a choice to decide whether they want to see the application on the homescreen or not.

User can decide
User choice.JPG

[edit] Do not hamper existing functionalities

Make sure that if you are modifying the homescreen, or using that space to display your content, you do not hamper any of the existing functionalities. The navigation bar which allows faster access to applications, ability to use the center key pad etc, should work as expected. The user should be able to navigate to the menu/default applications with the same ease/consistency as they were earlier when you had not modified something on the homescreen.

Existing functionality hampered
Wrong position.JPG

Existing functionality not hampered
Right position.JPG

[edit] Honor events/interrupts

It is imperative that high priority events like incoming call/message etc are handled the same way as they were without your application on the homescreen. The user should be able to accept/reject the incoming call etc. Do not hamper the existing navigation mechanism or jump views between your application main view and homescreen repeatedly as this could confuse the user.

Key press event ignored
Func hampered.JPG

Key press event honored
Func not hampered.JPG

[edit] Avoid flickering/sluggish UI response time

In case of placing the content on the homescreen it is imperative to make sure that the homescreen response time doesn’t get affected because of your application using that space. You should make sure that while drawing the content or on updates to your application widget, there should not be any flickering and the user should not see any inconsistencies from an overall look and feel point of view.

[edit] Additional Resources

Mobile Design Pattern: Home Screen

Themes:Home Screen

Sensor based interactions with home screen Web Runtime widgets

Using the ScShortCuts Engine Wrapper API, 3rd party developers can make changes to the soft key on the active idle to display shortcuts to their applications instead of the native applications.

Before shortcut change
Default shortcuts.JPG

After shortcut change
Custom shortcuts.JPG


Details can be had from:-

ScShortcuts Engine Wrapper API

Shortcuts Engine API not available in S60 3rd Edition FP2 (Known Issue)

--- Added by Mayank on 26/06/2009 ---

This page was last modified on 9 May 2012, at 03:42.
80 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×