Vodafone 360 Mobile Widget User Experience Guidelines

User Experience Guidelines Vodafone 360 Samsung H1 and Vodafone 360 Samsung M1 Version 1.0.1 Vodafone 360 Samsung M1 Vodafone 360 Samsung H1

Contents

What are the differences between the Vodafone 360 samsung H1 and Vodafone 360 Samsung M1?

What are the minimum requirements for developing a widget for the Vodafone 360?

Do I have to conform to the Vodafone 360 user interface?

What are the differences between the Vodafone 360 H1 and Vodafone 360 M1?

To the user:

Not a lot.

To the developer:

A little bit…

Different screen specifications:

Vodafone 360 Samsung M1 Fullscreen: WQVGA / 400h x 240w pixels Widget viewport : 342h x 240w pixels ~146PPI Vodafone 360 Samsung H1 Fullscreen : WVGA / 800h x 480w pixels Widget viewport : 684h x 480w pixels ~265PPI

What are the minimum user experience requirements for developing a widget on Vodafone 360 H1 and Vodafone 360 M1?

Widget closed mode icon

Square, 200 x 200 pixels in PNG format

Do not add rounded corners, the phone does it for you

Do not use a 100% black or white background

Do not use screenshots from the fullscreen mode of the widget

Must not use a photo, unless it is a cropped, detailed part of a larger photo

Widget closed mode icon

Square, 200 x 200 pixels in PNG format

Do not add rounded corners, the phone does it for you

Do not use a 100% black or white background

Do not use screenshots from the fullscreen mode of the widget

Must not use a photo, unless it is a cropped, detailed part of a larger photo

How the icon is rendered on the Vodafone 360 Samsung H1

What are the minimum user experience requirements for developing a widget on Vodafone 360 Samsung H1 and Vodafone 360 Samsung M1?

Widget extended mode icon

Occupies a 2 x 2 icon grid space

Vodafone 360 H1, 230 x 230 pixels

Vodafone 360 M1, 120 x 120 pixels

Recommended minimum font size of 4.7mm for main text elements

Show dynamically refreshed content, not just a static icon

Widget fullscreen mode

Vodafone 360 Samsung H1 wiewport 684h x 480w pixels

Vodafone 360 Samsung M1 viewport 342h x 240w pixels

Recommended minimum size of an tappable element is 6.9mm

If the widget is localised, it must:

Localise UI text and/or content

Accept localised input

Display localised text correctly

Provide language selection option

Apps shop text

Developer name: 50 characters max

Company name: 50 characters max

App title: 30 characters max

App description: 280 characters max

Assigned to at least 1 category, maximum 3

0-10 tags, 30 characters per tag (search metadata)

Apps shop visual assets

Icon: 200 x 200 pixels in PNG format

Screenshots: 240 x 320 pixels (cropped), minimum of 3, maximum of 6

Promotional image: 204 x 136 pixels in PNG format

Promotional Image Promotional Image

No, you don’t have to

But, you can if you want to

In the near future we will be providing further guidelines, code and visual assets to enable developers to do this

Do I have to conform to the Vodafone 360 user interface?

Font support

The only font available on the Vodafone 360 Samsung H1 and Vodafone 360 Samsung M1 is Vodafone Rg regular, and Vodafone Rg bold

Vodafone Rg regular Vodafone Rg bold

Vodafone 360 Theme colour settings R 136 G 187 B 9 # 88BB09 R 0 G 153 B 218 # 0099DA R 0 G 100 B 198 # 0064C6 R 243 G 149 B 0 # F39500 R 235 G 0 B 0 # EB0000 R 205 G 0 B 110 # CD00C6 R 137 G 42 B 160 # 892AA0 Green Pantone_376 Now_376 Sky blue Pantone_299 Now_299 Deep blue Pantone_2945 Now_2945 Orange Pantone_144 Now_144 Red Pantone_485 Now_485 Wine Pantone_220 Now_220 Purple Pantone_520 Now_520 There are 7 theme colours used by Vodafone 360 phones which you may use to fit in with the look and feel of the device.

Thank you, and any questions? Vodafone 360 Samsung M1 Vodafone 360 Samsung H1