Series 40 UI concept design webinar – companion article - Revision history

Hamishwillee: Hamishwillee - Fix categories

2013-01-14T00:34:53Z

Hamishwillee - Fix categories

Hamishwillee: Hamishwillee - Add SeeAlso links to other related articles

2012-12-11T03:52:24Z

Hamishwillee - Add SeeAlso links to other related articles

Krebbix: Krebbix - /* Introduction */

2012-09-25T04:30:35Z

Krebbix - - Introduction

Hamishwillee: Hamishwillee - Bot update - Fix metadata

2012-08-31T05:00:23Z

Hamishwillee - Bot update - Fix metadata

Hamishwillee: Hamishwillee - Fix link to point to specific section in webinar blog

2012-08-27T00:20:01Z

Hamishwillee - Fix link to point to specific section in webinar blog

Krebbix: Krebbix - /* Compose a view */

2012-08-24T13:14:28Z

Krebbix - - Compose a view

Krebbix: Krebbix - /* Problems */

2012-08-24T13:07:01Z

Krebbix - - Problems

Krebbix: Krebbix - /* Compose a view */

2012-08-24T13:06:16Z

Krebbix - - Compose a view

Krebbix: Krebbix - /* Compose a view */

2012-08-24T12:38:49Z

Krebbix - - Compose a view

Krebbix: Krebbix -

2012-08-24T12:15:32Z

Krebbix -

@@ Line 1: / Line 1: @@
-[[Category:User Experience]][[Category:Series 40]][[Category:Mobile Design]][[Category:Event]]
+[[Category:User Experience]][[Category:Series 40]][[Category:Mobile Design]][[Category:Webinar]]
 {{Abstract|This article is companion for the [http://www.developer.nokia.com/Blogs/News/blog/2012/08/08/two-webinars-this-month-for-series-40-developers/#usercentricsection Series 40 UI concept design webinars] held in September 2012. It covers both sessions ([https://forumnokia.adobeconnect.com/_a799911421/ux-design-s40-ssn1/event/registration.html 22 August 2012] and [http://forumnokia.adobeconnect.com/ux-design-s40-ssn2/event/registration.html 23 August 2012])}}.  See [[#Future webinars]] for information about our next webinars, planned in September.
 {{SeeAlso|

@@ Line 1: / Line 1: @@
 {{ArticleMetaData <!-- v1.2 -->
 |sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
@@ Line 21: / Line 31: @@
 |author= [[User:Krebbix]]
 }}
 == Introduction ==

@@ Line 32: / Line 32: @@
 * Steps to design your application
 * Problems, solutions and proposals for the webinar exercises
-* Link to [http://www.slideshare.net/nokia-developer/increase-your-nokia-store-success-with-user-centric-design-of-series-40-apps slide deck] and recording
+* Link to [http://www.slideshare.net/nokia-developer/increase-your-nokia-store-success-with-user-centric-design-of-series-40-apps slide deck] and [http://forumnokia.adobeconnect.com/p95ca39lnw9/ recording]
 ==Check list==

@@ Line 1: / Line 1: @@
 [[Category:User Experience]][[Category:Series 40]][[Category:Mobile Design]][[Category:Event]]
 {{Abstract|This article is companion for the [http://www.developer.nokia.com/Blogs/News/blog/2012/08/08/two-webinars-this-month-for-series-40-developers/#usercentricsection Series 40 UI concept design webinars] held in September 2012. It covers both sessions ([https://forumnokia.adobeconnect.com/_a799911421/ux-design-s40-ssn1/event/registration.html 22 August 2012] and [http://forumnokia.adobeconnect.com/ux-design-s40-ssn2/event/registration.html 23 August 2012])}}.  See [[#Future webinars]] for information about our next webinars, planned in September.
@@ Line 95: / Line 117: @@
 {|class="wikitable"
 |-
-| [[File:webinar_serie40_concept_design-01.png|200px]] ||
+| [[File:webinar serie40 concept design-01.png|200px]] ||
 The view contains an immediately visible part (light pink) which is above the fold and a hidden part, which is above the fold and which becomes visible after scrolling.
 * The Chrome contains Header, Options menu icon and Back button icon. There s no category bar

@@ Line 1: / Line 1: @@
 [[Category:User Experience]][[Category:Series 40]][[Category:Mobile Design]][[Category:Event]]
-{{Abstract|This article is companion for the [http://www.developer.nokia.com/Blogs/News/blog/2012/08/08/two-webinars-this-month-for-series-40-developers/ Series 40 UI concept design webinars] held in September 2012. It covers both sessions ([https://forumnokia.adobeconnect.com/_a799911421/ux-design-s40-ssn1/event/registration.html 22 August 2012] and [http://forumnokia.adobeconnect.com/ux-design-s40-ssn2/event/registration.html 23 August 2012])}}.  See [[#Future webinars]] for information about our next webinars, planned in September.
+{{Abstract|This article is companion for the [http://www.developer.nokia.com/Blogs/News/blog/2012/08/08/two-webinars-this-month-for-series-40-developers/#usercentricsection Series 40 UI concept design webinars] held in September 2012. It covers both sessions ([https://forumnokia.adobeconnect.com/_a799911421/ux-design-s40-ssn1/event/registration.html 22 August 2012] and [http://forumnokia.adobeconnect.com/ux-design-s40-ssn2/event/registration.html 23 August 2012])}}.  See [[#Future webinars]] for information about our next webinars, planned in September.
 == Introduction ==

@@ Line 97: / Line 97: @@
 | [[File:webinar_serie40_concept_design-01.png|200px]] ||
 The view contains an immediately visible part (light pink) which is above the fold and a hidden part, which is above the fold and which becomes visible after scrolling.
-* The Chrome contains Header, options menu icon and Back button icon. There s no category bar
+* The Chrome contains Header, Options menu icon and Back button icon. There s no category bar
 * Buy tickets - even it just got 6 votes it will the ultimate important item in this view - the business driver is behind and special care should be taken of this item. The initial layout places it in the action button !, but tests must verify that this position works for this item. If not, it must be moved to another position (likely in the upper part of the view)
 * More information of the stadium is placed below the fold. It is not important according to the votes

@@ Line 60: / Line 60: @@
 #** Show stadium name (info) [5]
 #** Navigate me to the stadium (link) [4]
-#** Show stadium adress (info) [2]
+#** Show stadium address (info) [2]
 #** Show emblems of soccer clubs (info) [8]
 ==Proposals and solutions==

@@ Line 104: / Line 104: @@
 ** Up-most because the information/link are so important
 ** Right because of optimizing for right-handler thumb use, e.g. if you are in the cue into the stadium, you might have one hand occupied, so the phone could be operated just with one hand and with thumb only. The majority of people is right-handler. People are likely to operate the phone with their preferred hand, since the phone in this case takes all their attention
-** The up-most left corner is better for information-only items, since itis harder to reach with the thumb.
+** The up-most left corner is better for information-only items, since it is harder to reach with the thumb.
 * Show start time - is rated very important and goes up-most, but to the left since this is information only and not relevant for further finger/thumb interaction
 * More information about the soccer teams - is not very important, but can be linked with the club emblems, which were rated very important
 * Show stadium name - this is "medium" important placed to the start time to complete time and place group. However, if there are troubles in designing the final layouts, this information can be moved further down as a title of the stadium information.
 * Navigate me to the stadium - is of medium importance and grouped with the actual stadium information. Nevertheless, care should be taken that this link is still above the fold and visible from the first glance
-* Show stadium adress -
+* Show stadium address - this is one of the not important items. It goes to the lower part of the view. In our case it is makes sense to keep this information close to the "navigate" link
-Show emblems of soccer clubs (info) [8]
+* Show emblems of soccer clubs - this information was rated very important is placed right after the info/link regarding the tickets; this is combined with a link to the teams info page, just giving the emblems a frame and a link
 |}

@@ Line 96: / Line 96: @@
 {|class="wikitable"
 |-
-| [[File:Webinar Series40 UI Design 15.png|200px]] ||
+| [[File:webinar_serie40_concept_design-01.png|200px]] ||
-The drill down structure as found in Series 40 Touch and Type phones can be converted in a tab bar structure in Series 40 full touch phone. This will reduce one view. (Please note that this reasoning is just valid for 4
+The view contains an immediately visible part (light pink) which is above the fold and a hidden part, which is above the fold and which becomes visible after scrolling.
 |}
 == Future webinars ==

@@ Line 91: / Line 91: @@
 ** Use if there are zero, one or multiple choices possible
 ** Can be used as a substitute for a on/off switch where check equals "on" and uncheck represents "off", this should be done only if the values are truely opposite to each other and could be mapped to a checked/unchecked state
 == Future webinars ==