Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

(Difference between revisions)

HomeScreen Usability

From Wiki
Jump to: navigation, search
mayankkedia (Talk | contribs)
(New page: Category:Mobile_DesignCategory:Usability ==Introduction== Homescreen is the most prime real estate/ important view of the mobile device and gets more page views than any other pa...)
 
mayankkedia (Talk | contribs)
(Added images/content, streamlined the layout)
Line 5: Line 5:
 
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.
 
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 gaurded the sancity 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.
+
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 :-
+
See limitations from:-
  
 
[[KIS001196 - Restrictions in developing customised Active Idle plug-ins]]
 
[[KIS001196 - Restrictions in developing customised Active Idle plug-ins]]
Line 13: Line 13:
 
[[KIS001381 - Active idle theme cannot be changed by 3rd party applications]]  
 
[[KIS001381 - Active idle theme cannot be changed by 3rd party applications]]  
  
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.forum.nokia.com/index.jsp?topic=/S60_5th_Edition_Cpp_Developers_Library/GUID-2E28D8F7-7406-4EBF-BD52-E82BAE1A7D31.html Home Screen]
Line 26: Line 26:
  
 
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.  
 
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.  
 +
 +
<table>
 +
<tr>
 +
    <td align="left">
 +
'''User can decide'''<br>
 +
[[Image:User choice.JPG]]
 +
  </td>
 +
  </tr>
 +
</table>
  
 
===Do not hamper existing functionalities===
 
===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 exisiting 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.
+
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.
 +
 
 +
<table>
 +
<tr>
 +
    <td align="left">
 +
'''Existing functionality hampered'''<br>
 +
[[Image:Wrong position.JPG]]
 +
  </td>
 +
<td align="left">
 +
'''Existing functionality not hampered'''<br>
 +
[[Image:Right position.JPG]]
 +
  </td>
 +
  </tr>
 +
</table>
  
 
===Honor events/interrupts===
 
===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 exisiting navigation mechnism or jump views between your application main view and homescreen repeatedly as this could confuse the user.
+
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.
 +
 
 +
<table>
 +
<tr>
 +
    <td align="left">
 +
'''Key press event ignored'''<br>
 +
[[Image:Func hampered.JPG]]
 +
  </td>
 +
<td align="left">
 +
'''Key press event honored'''<br>
 +
[[Image:Func not hampered.JPG]]
 +
  </td>
 +
  </tr>
 +
</table>
  
 
===Avoid flickering/sluggish UI response time===
 
===Avoid flickering/sluggish UI response time===
  
In case of placing the content on the homscreen 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.
+
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.
  
 
==Additional Resources==
 
==Additional Resources==
Line 47: Line 82:
 
[[Sensor based interactions with home screen Web Runtime widgets]]
 
[[Sensor based interactions with home screen Web Runtime widgets]]
  
Using the ScShortCuts Engine Wrapper API, 3rd party developers can make changes to the softkey on the active idle.
+
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.
 +
 
 +
<table>
 +
<tr>
 +
    <td align="left">
 +
'''Before shortcut change'''<br>
 +
[[Image:Default shortcuts.JPG]]
 +
  </td>
 +
<td align="left">
 +
'''After shortcut change'''<br>
 +
[[Image:Custom shortcuts.JPG]]
 +
  </td>
 +
  </tr>
 +
</table>
 +
 
  
Details can be had from :-
+
Details can be had from:-
  
 
[[ScShortcuts Engine Wrapper API]]
 
[[ScShortcuts Engine Wrapper API]]

Revision as of 10:41, 26 June 2009


Contents

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:-

KIS001196 - Restrictions in developing customised Active Idle plug-ins

KIS001381 - Active idle theme cannot be changed by 3rd party applications

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 .

Homescreen usability guidelines are

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

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

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

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.

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

KIS000920 - Shortcuts Engine API not available in S60 3rd Edition, Feature Pack 2

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

73 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.

×