SlideShare a Scribd company logo
1 of 11
Download to read offline
Mobile Widget
User Experience Guidelines
Developing for the Vodafone 360 H1 and
Vodafone 360 M1 by Samsung
Vodafone 360 M1Vodafone 360 H1
2
Contents
> What are the differences
between the Vodafone 360
H1 and Vodafone 360 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?
3
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 M1
3.2”
WQVGA / 400h x 240w
~146PPI
Vodafone 360 H1
88.9mm / 3.5” diagonal
WVGA / 800h x 480w px
~267PPI
4
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
– Note that the widget title is rendered as a semi-
transparent overlay at the bottom of the icon.
Therefore, leave a 51 pixel blank space at the bottom
that is the same colour as the rest of the icon
background
> Must be in PNG format
> Do not add rounded corners, the phone does it for you
> Do not use reflective gloss, the phone does it for you
> Do not use a 100% black 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
5
What are the minimum user experience requirements for
developing a widget on Vodafone 360 H1 and Vodafone 360 M1?
Widget extended mode icon
> Vodafone 360 H1, 230 x 230 pixels
> Vodafone 360 M1, 120 x 120 pixels
> Make use of all of the available viewport
> Minimum font size of 18 pixels / 4.7625mm for
main text elements
> Show dynamically refreshed content, not just a
static icon
6
What are the minimum user experience requirements for
developing a widget on Vodafone 360 H1 and Vodafone 360 M1?
Widget fullscreen mode
> Must make use of 684h x 480w pixels for Vodafone 360
H1, and 342h x 240w pixels for Vodafone 360 M1
> The minimum size of an interactive 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
7
What are the minimum user experience requirements for
developing a widget on Vodafone 360 H1 and Vodafone 360 M1?
Apps shop
> Apps shop icon must be a minimum of 200 x
200 pixels in PNG format
> App must have a title with a maximum of 50
characters, and a description with a maximum
of 300 characters, but will be concatenated
> Minimum 3 screenshots, maximum 6
screenshots: 240w x 320h at 72 DPI
> Apps Shop banner: 204w x 136h pixels at 72
DPI
> Note: If you upload a widget for multiple
platforms and it fails QA for one of those
platforms, the whole upload process will fail.
You will need to fix the QA issue on the
respective widget platform(s) and resubmit your
widget(s) for QA.
8
> No, you don’t have to
> But, you can if you want to
– We have visual design
assets that matches the
rest of the Vodafone 360
operating system
– We have visual design
specifications
documents showing you
the how to lay them out
on the Vodafone 360 H1
and Vodafone 360 M1
Do I have to conform to the
Vodafone 360 user interface?
9
Font support
> The only font available on
the Vodafone 360 H1 and
Vodafone 360 M1 is
Vodafone Rg regular, and
Vodafone Rg bold
Vodafone Rg regular
Vodafone Rg bold
0
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 M1Vodafone 360 H1

More Related Content

Viewers also liked

Vodafone AppSelect Image Style Guide
Vodafone AppSelect Image Style GuideVodafone AppSelect Image Style Guide
Vodafone AppSelect Image Style GuideVodafone developer
 
Work sample: Starbucks Store Brand Threat Analysis
Work sample: Starbucks Store Brand Threat AnalysisWork sample: Starbucks Store Brand Threat Analysis
Work sample: Starbucks Store Brand Threat AnalysisBinglinglin
 
Levi's brand book
Levi's brand bookLevi's brand book
Levi's brand bookeman3088
 
Starbucks PowerPoint
Starbucks PowerPointStarbucks PowerPoint
Starbucks PowerPointjjhackn
 
Coca cola Presentaion
Coca cola PresentaionCoca cola Presentaion
Coca cola Presentaion2AM
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with DataSeth Familian
 
3 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 20173 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 2017Drift
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheLeslie Samuel
 

Viewers also liked (11)

Vodafone AppSelect Image Style Guide
Vodafone AppSelect Image Style GuideVodafone AppSelect Image Style Guide
Vodafone AppSelect Image Style Guide
 
Work sample: Starbucks Store Brand Threat Analysis
Work sample: Starbucks Store Brand Threat AnalysisWork sample: Starbucks Store Brand Threat Analysis
Work sample: Starbucks Store Brand Threat Analysis
 
Levi's brand book
Levi's brand bookLevi's brand book
Levi's brand book
 
Apple's Brand and Identity
Apple's Brand and Identity  Apple's Brand and Identity
Apple's Brand and Identity
 
Starbucks ppt
Starbucks pptStarbucks ppt
Starbucks ppt
 
Starbucks PowerPoint
Starbucks PowerPointStarbucks PowerPoint
Starbucks PowerPoint
 
Brandbook Nike
Brandbook NikeBrandbook Nike
Brandbook Nike
 
Coca cola Presentaion
Coca cola PresentaionCoca cola Presentaion
Coca cola Presentaion
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 
3 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 20173 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 2017
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
 

Similar to Vodafone 360 - User Experience Guidelines

Using the Presentation API and external screens on Android
Using the Presentation API and external screens on AndroidUsing the Presentation API and external screens on Android
Using the Presentation API and external screens on AndroidXavier Hallade
 
[Android Codefest] Using the Second-Screen API & Intel® Wireless Display From...
[Android Codefest] Using the Second-Screen API & Intel® Wireless Display From...[Android Codefest] Using the Second-Screen API & Intel® Wireless Display From...
[Android Codefest] Using the Second-Screen API & Intel® Wireless Display From...BeMyApp
 
Android Live Streaming Box Technical
Android Live Streaming Box Technical Android Live Streaming Box Technical
Android Live Streaming Box Technical Jimmin Kurichiyil
 
AIR Mobile Development Overview
AIR Mobile Development OverviewAIR Mobile Development Overview
AIR Mobile Development Overviewmario_vieira
 
Lecture 4 display_principles
Lecture 4 display_principlesLecture 4 display_principles
Lecture 4 display_principlesmoduledesign
 
EventPilot Conference Apps - Getting Started: Mobile App Graphics
EventPilot Conference Apps - Getting Started: Mobile App GraphicsEventPilot Conference Apps - Getting Started: Mobile App Graphics
EventPilot Conference Apps - Getting Started: Mobile App GraphicsATIV Software
 
Chrysler Smart Screen
Chrysler Smart ScreenChrysler Smart Screen
Chrysler Smart ScreenMostafa Sameh
 
Shazam extend process specs 2015
Shazam extend process specs 2015 Shazam extend process specs 2015
Shazam extend process specs 2015 Hollie Parlour
 
21 app packaging, monetization and publication
21   app packaging, monetization and publication21   app packaging, monetization and publication
21 app packaging, monetization and publicationWindowsPhoneRocks
 
Lecture 4 display_principles
Lecture 4 display_principlesLecture 4 display_principles
Lecture 4 display_principlesmoduledesign
 
SAP CMMS Software Productoo 2018 | Smart Factory
SAP CMMS Software Productoo 2018 | Smart FactorySAP CMMS Software Productoo 2018 | Smart Factory
SAP CMMS Software Productoo 2018 | Smart FactoryProductoo Software
 
Game Republic 24th April 2014 - Maximising your app revenue
Game Republic 24th April 2014  - Maximising your app revenueGame Republic 24th April 2014  - Maximising your app revenue
Game Republic 24th April 2014 - Maximising your app revenueLee Stott
 
Rock Your Web Apps with Vaadin: Coding Serbia 2014
Rock Your Web Apps with Vaadin: Coding Serbia 2014Rock Your Web Apps with Vaadin: Coding Serbia 2014
Rock Your Web Apps with Vaadin: Coding Serbia 2014Ville Ingman
 
Panelsaw sawteq-b-400-e
Panelsaw sawteq-b-400-ePanelsaw sawteq-b-400-e
Panelsaw sawteq-b-400-eAmirStern2
 

Similar to Vodafone 360 - User Experience Guidelines (20)

Using the Presentation API and external screens on Android
Using the Presentation API and external screens on AndroidUsing the Presentation API and external screens on Android
Using the Presentation API and external screens on Android
 
Video Streaming
Video StreamingVideo Streaming
Video Streaming
 
Windows 10 IoT Buyer's Guide
Windows 10 IoT Buyer's GuideWindows 10 IoT Buyer's Guide
Windows 10 IoT Buyer's Guide
 
[Android Codefest] Using the Second-Screen API & Intel® Wireless Display From...
[Android Codefest] Using the Second-Screen API & Intel® Wireless Display From...[Android Codefest] Using the Second-Screen API & Intel® Wireless Display From...
[Android Codefest] Using the Second-Screen API & Intel® Wireless Display From...
 
Android Live Streaming Box Technical
Android Live Streaming Box Technical Android Live Streaming Box Technical
Android Live Streaming Box Technical
 
AIR Mobile Development Overview
AIR Mobile Development OverviewAIR Mobile Development Overview
AIR Mobile Development Overview
 
Lecture 4 display_principles
Lecture 4 display_principlesLecture 4 display_principles
Lecture 4 display_principles
 
EventPilot Conference Apps - Getting Started: Mobile App Graphics
EventPilot Conference Apps - Getting Started: Mobile App GraphicsEventPilot Conference Apps - Getting Started: Mobile App Graphics
EventPilot Conference Apps - Getting Started: Mobile App Graphics
 
Chrysler Smart Screen
Chrysler Smart ScreenChrysler Smart Screen
Chrysler Smart Screen
 
Shazam extend process specs 2015
Shazam extend process specs 2015 Shazam extend process specs 2015
Shazam extend process specs 2015
 
21 app packaging, monetization and publication
21   app packaging, monetization and publication21   app packaging, monetization and publication
21 app packaging, monetization and publication
 
Lecture 4 display_principles
Lecture 4 display_principlesLecture 4 display_principles
Lecture 4 display_principles
 
Website rasa chatbot + helpdesk
Website rasa chatbot + helpdeskWebsite rasa chatbot + helpdesk
Website rasa chatbot + helpdesk
 
SAP CMMS Software Productoo 2018 | Smart Factory
SAP CMMS Software Productoo 2018 | Smart FactorySAP CMMS Software Productoo 2018 | Smart Factory
SAP CMMS Software Productoo 2018 | Smart Factory
 
Zoom user manual
Zoom user manualZoom user manual
Zoom user manual
 
Game Republic 24th April 2014 - Maximising your app revenue
Game Republic 24th April 2014  - Maximising your app revenueGame Republic 24th April 2014  - Maximising your app revenue
Game Republic 24th April 2014 - Maximising your app revenue
 
Rock Your Web Apps with Vaadin: Coding Serbia 2014
Rock Your Web Apps with Vaadin: Coding Serbia 2014Rock Your Web Apps with Vaadin: Coding Serbia 2014
Rock Your Web Apps with Vaadin: Coding Serbia 2014
 
Website Google DialogFlow Chatbot
Website Google DialogFlow ChatbotWebsite Google DialogFlow Chatbot
Website Google DialogFlow Chatbot
 
Technoserve
Technoserve Technoserve
Technoserve
 
Panelsaw sawteq-b-400-e
Panelsaw sawteq-b-400-ePanelsaw sawteq-b-400-e
Panelsaw sawteq-b-400-e
 

Recently uploaded

IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 

Recently uploaded (20)

IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 

Vodafone 360 - User Experience Guidelines

  • 1. Mobile Widget User Experience Guidelines Developing for the Vodafone 360 H1 and Vodafone 360 M1 by Samsung Vodafone 360 M1Vodafone 360 H1
  • 2. 2 Contents > What are the differences between the Vodafone 360 H1 and Vodafone 360 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?
  • 3. 3 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 M1 3.2” WQVGA / 400h x 240w ~146PPI Vodafone 360 H1 88.9mm / 3.5” diagonal WVGA / 800h x 480w px ~267PPI
  • 4. 4 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 – Note that the widget title is rendered as a semi- transparent overlay at the bottom of the icon. Therefore, leave a 51 pixel blank space at the bottom that is the same colour as the rest of the icon background > Must be in PNG format > Do not add rounded corners, the phone does it for you > Do not use reflective gloss, the phone does it for you > Do not use a 100% black 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
  • 5. 5 What are the minimum user experience requirements for developing a widget on Vodafone 360 H1 and Vodafone 360 M1? Widget extended mode icon > Vodafone 360 H1, 230 x 230 pixels > Vodafone 360 M1, 120 x 120 pixels > Make use of all of the available viewport > Minimum font size of 18 pixels / 4.7625mm for main text elements > Show dynamically refreshed content, not just a static icon
  • 6. 6 What are the minimum user experience requirements for developing a widget on Vodafone 360 H1 and Vodafone 360 M1? Widget fullscreen mode > Must make use of 684h x 480w pixels for Vodafone 360 H1, and 342h x 240w pixels for Vodafone 360 M1 > The minimum size of an interactive 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
  • 7. 7 What are the minimum user experience requirements for developing a widget on Vodafone 360 H1 and Vodafone 360 M1? Apps shop > Apps shop icon must be a minimum of 200 x 200 pixels in PNG format > App must have a title with a maximum of 50 characters, and a description with a maximum of 300 characters, but will be concatenated > Minimum 3 screenshots, maximum 6 screenshots: 240w x 320h at 72 DPI > Apps Shop banner: 204w x 136h pixels at 72 DPI > Note: If you upload a widget for multiple platforms and it fails QA for one of those platforms, the whole upload process will fail. You will need to fix the QA issue on the respective widget platform(s) and resubmit your widget(s) for QA.
  • 8. 8 > No, you don’t have to > But, you can if you want to – We have visual design assets that matches the rest of the Vodafone 360 operating system – We have visual design specifications documents showing you the how to lay them out on the Vodafone 360 H1 and Vodafone 360 M1 Do I have to conform to the Vodafone 360 user interface?
  • 9. 9 Font support > The only font available on the Vodafone 360 H1 and Vodafone 360 M1 is Vodafone Rg regular, and Vodafone Rg bold Vodafone Rg regular Vodafone Rg bold
  • 10. 0 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
  • 11. Thank you, and any questions? Vodafone 360 M1Vodafone 360 H1