Nokia Asha Touch UI Style Guide Part 1

•

1 like•2,061 views

This webinar covers UI essentials and UI components for Series 40 full touch phones as found in the LCDUI. Participants will learn when to use a certain UI component and when to prioritise one component to make the application work as expected by people using Series 40 phones.

Technology Business

Series 40 Full Touch
UI Style Guide

Part 1

1 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Overview

Part 1 (28.06.2012, 04.07.2012)
• Essentials
• UI Components
• Exercises (solutions 04.07.2012)

Part 2 (10.07.2012, 13.07.2012)
• Chrome and Menus
• UI Patterns
• Customisation
• Porting
• UX offering for Series 40
• Take Home Messages
• Exercises (solutions 13.07.2012)
2 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Essentials

3 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Series 40 full touch UI is different – the
APIs are not.

4 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Home screen allows direct access to
apps, contacts, and my app.

App
My Page My App
Launcher

5 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Notification bar contains pre-defined
shortcuts and global notifications.

timeout

6 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

The UI is composed of 5 main layers.

7 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Use standard gestures as intended.

Press, release Drag
Select, open Move item

Pinch open
Zoom in

Press and hold Swipe from the edge
Opens context
menu

Pinch close
Double tap Flick Zoom out
Toggles zoom states Scroll quickly
8 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Touch UI elements must show a
feedback and evoke on finger lift.

9 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Main orientation is portrait, most Java
UI elements support landscape.

10 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Support for right-to-left languages
affects chrome and content.

11 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

UI Components

12 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

LCDUI is based on few view types.

Displayable

Screen Canvas

Form List Alert Text box With chrome Full screen

Implicit choice Exclusive choice Multiple choice

Choice Date Text Gauge String Image Custom Spacer
Group Field Field Item Item Item

13 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

2 types of displayable (views)

Displayable

Screen Canvas

Form List Alert Text box With chrome Full screen

Implicit choice Exclusive choice Multiple choice

Choice Date Text Gauge String Image Custom Spacer
Group Field Field Item Item Item

14 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Screens allow pre-defined elements,
but in a canvas you can draw freely.

15 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

2 canvases

Displayable

Screen Canvas

Form List Alert Text box With chrome Full screen

Implicit choice Exclusive choice Multiple choice

Choice Date Text Gauge String Image Custom Spacer
Group Field Field Item Item Item

16 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

A full screen canvas requires you to
add navigation elements.

17 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

4 screens

Displayable

Screen Canvas

Form List Alert Text box With chrome Full screen

Implicit choice Exclusive choice Multiple choice

Choice Date Text Gauge String Image Custom Spacer
Group Field Field Item Item Item

18 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

A form is the most versatile screen to
use with LCDUI components.

19 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Lists allow only one list item type.

20 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Alerts can only be shown inside an
application.

21 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

A text box can show editable text or
non-editable text. Nothing else.

22 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

3 different types of lists

Displayable

Screen Canvas

Form List Alert Text box With chrome Full screen

Implicit choice Exclusive choice Multiple choice

Choice Date Text Gauge String Image Custom Spacer
Group Field Field Item Item Item

23 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Implicit choices are made for drill down
and single selection.

24 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Exclusive choice list does not close
automatically after selection.

25 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Also screens with multiple choices may
require some additional work.

26 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

8 form items

Displayable

Screen Canvas

Form List Alert Text box With chrome Full screen

Implicit choice Exclusive choice Multiple choice

Choice Date Text Gauge String Image Custom Spacer
Group Field Field Item Item Item

27 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Changes in forms are confirmed; or
cancelled with a confirmation query.

28 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Due to their nature, only exclusive pop-
up choice groups can collapse.

29 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

There is no ”single choice item” in Java
Form.
custom

30 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

DateField is a tumbler, only for setting
time and date.

31 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

TextField is for inline text editing such
as names or passwords.

32 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Gauge can be a slider or a progress
indicator.

33 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

StringItem displays text and allows
hyperlinks and button creation.

34 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

ImageItem crops the image to the
screen if necessary.

35 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

CustomItem allows drawing new
elements as needed.

36 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Spacer adds space between two form
items.

37 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Exercises

38 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Exercise: How would this screen look
in Series 40 Full touch?

39 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Exercise: Create a sign in view
- Username
- Password
- Setting for auto-fill password
- Forgot password & help

40 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Exercise: Which component would you
use to pick one of the following?
- Monday
- Tuesday
- Wednesday
- Thursday
- Friday

41 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Exercise: How would you replace a
single choice item (aka switch)?

42 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Exercise: Which views can have a
button? Are there any limitations?

43 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Links Series 40 Full Touch UI Design
Library: http://www.developer.nokia.com/Resources/Library/Full_Touch/

Checklist:
http://www.developer.nokia.com/Resources/Library/Full_Touch/#!ux-
checklist.html

Icon Creation:
http://www.developer.nokia.com/Resources/Library/Full_Touch/#!icon-
creation.html

UI Components:
http://www.developer.nokia.com/Resources/Library/Full_Touch/#!ui-
components.html

UI Components Demos App:
https://projects.developer.nokia.com/s40uivisualisation

Basics:
http://www.developer.nokia.com/Resources/Library/Design_and_UX/
44 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Answers and propsals from
here:
http://www.developer.nokia.com/Community/Wiki/Wiki_Home

45 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Thanks 

ext-jan.krebber@nokia.com

46 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

More from Microsoft Mobile Developer

Welcome to Nokia X Software Platform 2.0! In this webinar we provide a detailed introduction to the new release of Nokia X platform, show you the first devices built on the new release, and help you to get started developing. In live demonstrations we show how to install and configure your development environment and Nokia tools. You’ll learn similarities and differences of Nokia X compared with other development platforms and learn how easy it is to publish your existing Android app for Nokia X. We demonstrate how to test and port your app and explain the capabilities and specifics of Nokia APIs: Nokia Notification Service, In-App Payment and HERE Maps.

Intro to Nokia X software platform 2.0 and tools

Microsoft Mobile Developer

In this webinar you'll learn about the new Lumia SensorCore SDK beta – announced at the Microsoft Build conference in April and now publicly available for all developers. This new SDK takes advantage of a low-powered hardware core in some of our latest devices, like the Lumia 930 and 630, enabling power- and memory-efficient tracking of motion and location data. In combination with what’s already included in Windows Phone 8.1, this SDK allows you to create outstanding quantified-self and self-logging apps, for example. In this webinar we'll show how to get started with the SDK and work with the APIs.

Lumia App Labs: Lumia SensorCore SDK beta

Microsoft Mobile Developer

Nokia Asha from idea to app - Imaging

Microsoft Mobile Developer

Healthcare apps for Nokia X and Nokia Asha phones present a great opportunity to help improve the lives of millions of users around the world. In this webinar, we’ll discuss the fundamentals of mobile healthcare apps and give you an overview of the opportunities and challenges involved in developing such apps for Nokia phones. We’ll open the webinar with an introduction to the fundamentals of mobile healthcare, an overview of opportunities and challenges of developing apps for wellness and mobile health, and the role of mobile platforms in enabling health and healthcare apps. Then we will dig into specific techniques available when developing such apps for Nokia X and Nokia Asha platforms.We’ll demonstrate different approaches available to developers targeting the two platforms by examining a Blood Pressure Diary app, which is implemented for Nokia X and Nokia Asha. As part of that discussion we’ll show how to retrieve heart-rate data from medical devices using Bluetooth technology.

Healthcare apps for Nokia X and Nokia Asha

Microsoft Mobile Developer

The Nokia Notifications API enables you to implement Push notifications in your Nokia X apps. Nokia Notifications consists of a client API and a server API. If you’re already using Google Cloud Messaging in an Android app, you can port or even add Nokia Notifications to the same code base and APK. In this webinar, we’ll show you how to use Nokia Notifications in your Nokia X apps and walk you through example code provided in the Nokia X SDK.

Push notifications on Nokia X

Microsoft Mobile Developer

DIY Nokia Asha app usability studies

Microsoft Mobile Developer

Most Android apps run properly on the Nokia X platform without any modification, but maybe you’d like some help with improving the user experience of your apps as you port them to Nokia X. UX expert Jan Krebber, from OCTO3, has been working with developers porting to Nokia X and has seen patterns of mistakes that are easy to correct. In this webinar, he’ll share his top tips on how to avoid the most common missteps.

Lessons learned from Nokia X UI reviews

Microsoft Mobile Developer

With the open source Geo2tag platform, developers can use JSON or XML to manage location references in apps for Nokia X and Nokia Asha phones. In this webinar, we’ll show how to use the Geo2tag API and how to manage a local database of georeferences. We’ll begin the training by introducing the fundamentals of Location Based Services and the REST API of Geo2Tag LBS Platform (www.geo2tag.org). We’ll focus on networking, JSON and web services. Then we will demonstrate several applications developed on top of Geo2Tagand share the newest enhancements to the platform. We’ll end the training with a discussion of integrating Geo2Tag and third-party map widgets.

Location based services for Nokia X and Nokia Asha using Geo2tag

Microsoft Mobile Developer

HERE Maps for the Nokia X platform

Microsoft Mobile Developer

Nokia In-App Payment is designed from the ground up to encourage users to spend more on your digital goods, let you keep more of what your users spend, and reach the broadest possible market around the world. If you’re not yet using Nokia In-App Payment to generate revenue from your Nokia applications, you should be. Join this webinar to find out how to optimise Nokia In-App Payment UI flows before and after payments occur. You’ll learn about tips and tricks to increase conversion rates and to avoid pitfalls and deal-breakers.

Nokia In-App Payment - UX considerations

Microsoft Mobile Developer

Nokia Theme API and Webview API are new additions in Nokia Asha SDK 1.2. The Theme API enables developers to change themes and to access the properties of a current theme. The Webview API is used to display web pages inside a MIDlet, enabling delivery of more-sophisticated Help, About, and other screens to users. In addition, Nokia Asha SDK 1.2 contains updates to the Contact API that allow MIDlets to receive notifications with social contacts in the phonebook are added, deleted, or modified. Pranav Gothadiya, lead developer and product owner for Nokia Asha SDKs, starts this training webinar with an overview of new and updated features in Nokia Asha SDK 1.2 and the new Nokia Asha software platform 1.4. Pranav then demonstrates code examples included in the SDK to illustrate the new Theme and Webview APIs. He also touches on the (Social) Contact API, as well as on SDK features that enable developers to support frame-positioning control and progressive audio recording.

Introduction to Nokia Asha SDK 1.2 (beta)

Microsoft Mobile Developer

Approximately 75% of Android apps run properly on Nokia X platform without any modification, but maybe you’d like some help improving the UX of your app as you port it to Nokia X. UX expert Jan Krebber will show you how to improve the UX of your Nokia X apps in terms you don’t need to be a UX expert to understand. He’ll focus on the few items most important when it comes to user experience design for Android and Nokia X.He’ll introduce those items and show you how to create a launcher icon for Nokia X.

UX considerations when porting to Nokia X

Microsoft Mobile Developer

Kids' games and educational app design

Microsoft Mobile Developer

Nokia X: opportunities for developers

Microsoft Mobile Developer

The Nokia Imaging SDK 1.1 makes it quicker and easier to create imaging apps for Windows Phone 8, and now also Windows 8.1 – desktop and RT. It helps you efficiently work with images captured and stored by both Windows Phone 8 and Windows 8.1 devices from Nokia. Michael Samarin, MVP from Futurice will open this training webinar with a quick overview of Nokia Imaging SDK 1.1 new features. Then he’ll jump into live coding demonstrations to show you how to use the SDK in applications that make the most of the imaging capabilities of Nokia Lumia products. Throughout the code demos, he’ll highlight new functionality in this SDK release, such as HDREffect, LenseBlurEffects, InteractiveForegroundSegmenter and of course using SDK with Windows Phone 8 and Windows 8.1.

Lumia App Labs: Nokia Imaging SDK 1.1

Microsoft Mobile Developer

Welcome to Nokia X Software Platform! In this webinar we’ll provide a detailed overview of Nokia X Software Platform and show you how to get started developing for it.In live demonstrations we’ll show how to install and configure your development environment and Nokia tools. You’ll learn similarities and differences of Nokia X compared with other development platforms and learn how easy it is to publish your existing Android app for Nokia X. We’ll show you how to test and port your app and explain the capabilities and specifics of Nokia APIs: Nokia Notification Service, In-App Payment and HERE Maps.

Intro to Nokia X software platform and tools

Microsoft Mobile Developer

DVLUP members who want help with the design of their Windows Phone 8 app can redeem XP for one-hour online UI clinics delivered by the design pros at Toledo Design. This webinar is open to everyone, whether you're a member of DVLUP or not. Arturo Toledo, mobile design expert and former design evangelist and UX design in the Windows Phone design studio, has already delivered over 50 of these one-on-one consultations to help DVLUP members improve the design, usability, and user reviews of their applications. In this 1 hour webinar, Arturo shares some of the most common design challenges he has seen in these real-world consultations and shows how to fix them.

Lumia App Labs: Lessons learned from 50 windows phone 8 design consultations

Microsoft Mobile Developer

Microsoft Windows Phone ha un sistema di riconoscimento vocale molto sofisticato. Ci permette di impartire comandi al sistema operativo, leggere e dettare SMS, effettuare chiamate etc. In Windows Phone 8 è stata introdotta, per noi sviluppatori, la possibilità di utilizzare i comandi vocali anche nelle nostre applicazioni. In questa sessione vedremo come implementare il riconoscimento vocale nelle nostre app. / Microsoft Windows Phone has a very sophisticated speech-recognition system. Users can give commands to the operating system, read and dictate text messages, make phone calls, etc. With Windows Phone 8, developers have the ability to use voice commands in applications. In this webinar, you’ll find out how to implement voice recognition in your apps.

Windows Phone 8 speech: parliamo con la nostra app

Microsoft Mobile Developer

Lo sviluppo è sicuramente la parte più divertente nella creazione di un'applicazione, ma senza un meccanismo per venderle e distribuirle rimarrebbe un'attività fine a sé stessa. Nel corso di questo webinar vedremo come funziona il processo di pubblicazione di un'applicazione e impareremo a gestirne il ciclo di vita sullo Store: la certificazione, i report post pubblicazione, il rilascio di aggiornamenti.

La pubblicazione di un'applicazione sullo store

Microsoft Mobile Developer

Quando ci si trova nella necessità di sviluppare applicazioni per Microsoft Windows Phone più complesse, l'approccio tradizionale mostra qualche limite: non c'è una separazione tra i vari strati dell'applicazione e il codice è più difficile da testare e da mantenere. Questo webinar vi mostrerà le basi del pattern Model-View-ViewModel (MVVM), che offre un approccio più strutturato, in grado di separare la parte di logica dall'interfaccia grafica. / When you need to develop complex applications for Microsoft Windows Phone, the traditional approach shows some limitations. This webinar will show you the basics of Model-View-ViewModel (MVVM), which offers a more structured approach.

Il pattern mvvm come strutturare al meglio il vostro progetto

Microsoft Mobile Developer

More from Microsoft Mobile Developer (20)

Intro to Nokia X software platform 2.0 and tools

Lumia App Labs: Lumia SensorCore SDK beta

Nokia Asha from idea to app - Imaging

Healthcare apps for Nokia X and Nokia Asha

Push notifications on Nokia X

DIY Nokia Asha app usability studies

Lessons learned from Nokia X UI reviews

Location based services for Nokia X and Nokia Asha using Geo2tag

HERE Maps for the Nokia X platform

Nokia In-App Payment - UX considerations

Introduction to Nokia Asha SDK 1.2 (beta)

UX considerations when porting to Nokia X

Kids' games and educational app design

Nokia X: opportunities for developers

Lumia App Labs: Nokia Imaging SDK 1.1

Intro to Nokia X software platform and tools

Lumia App Labs: Lessons learned from 50 windows phone 8 design consultations

Windows Phone 8 speech: parliamo con la nostra app

La pubblicazione di un'applicazione sullo store

Il pattern mvvm come strutturare al meglio il vostro progetto

Recently uploaded

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

CNIC Information System with Pakdata Cf In Pakistan

danishmna97

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

When you’re building (micro)services, you have lots of framework options. Spring Boot is no doubt a popular choice. But there’s more! Take Quarkus, a framework that’s considered the rising star for Kubernetes-native Java. It always depends on what's best for your situation, but how to choose the best solution if you're comparing 2 frameworks? Both Spring Boot and Quarkus have their positives and negatives. Let us compare the two by live coding a couple of common use cases in Spring Boot and Quarkus. After this talk, you’ll be ready to get started with Quarkus yourself, and know when to select Quarkus or Spring Boot.

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

Jago de Vreede

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

ICT role in 21st century education and its challenges

rafiqahmad00786416

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

Exploring Multimodal Embeddings with Milvus

Zilliz

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

DBX First Quarter 2024 Investor Presentation

Dropbox

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Following the popularity of “Cloud Revolution: Exploring the New Wave of Serverless Spatial Data,” we’re thrilled to announce this much-anticipated encore webinar. In this sequel, we’ll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you’re building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

apidays

Architecting Cloud Native Applications

WSO2

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

Recently uploaded (20)

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

CNIC Information System with Pakdata Cf In Pakistan

Apidays New York 2024 - The value of a flexible API Management solution for O...

How to Troubleshoot Apps for the Modern Connected Worker

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

ICT role in 21st century education and its challenges

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

Exploring Multimodal Embeddings with Milvus

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

DBX First Quarter 2024 Investor Presentation

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Architecting Cloud Native Applications

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

Axa Assurance Maroc - Insurer Innovation Award 2024

Nokia Asha Touch UI Style Guide Part 1

1. Series 40 Full Touch UI Style Guide Part 1 1 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

2. Overview Part 1 (28.06.2012, 04.07.2012) • Essentials • UI Components • Exercises (solutions 04.07.2012) Part 2 (10.07.2012, 13.07.2012) • Chrome and Menus • UI Patterns • Customisation • Porting • UX offering for Series 40 • Take Home Messages • Exercises (solutions 13.07.2012) 2 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

4. Series 40 full touch UI is different – the APIs are not. 4 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

5. Home screen allows direct access to apps, contacts, and my app. App My Page My App Launcher 5 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

6. Notification bar contains pre-defined shortcuts and global notifications. timeout 6 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

7. The UI is composed of 5 main layers. 7 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

8. Use standard gestures as intended. Press, release Drag Select, open Move item Pinch open Zoom in Press and hold Swipe from the edge Opens context menu Pinch close Double tap Flick Zoom out Toggles zoom states Scroll quickly 8 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

9. Touch UI elements must show a feedback and evoke on finger lift. 9 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

10. Main orientation is portrait, most Java UI elements support landscape. 10 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

11. Support for right-to-left languages affects chrome and content. 11 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

13. LCDUI is based on few view types. Displayable Screen Canvas Form List Alert Text box With chrome Full screen Implicit choice Exclusive choice Multiple choice Choice Date Text Gauge String Image Custom Spacer Group Field Field Item Item Item 13 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

14. 2 types of displayable (views) Displayable Screen Canvas Form List Alert Text box With chrome Full screen Implicit choice Exclusive choice Multiple choice Choice Date Text Gauge String Image Custom Spacer Group Field Field Item Item Item 14 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

15. Screens allow pre-defined elements, but in a canvas you can draw freely. 15 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

16. 2 canvases Displayable Screen Canvas Form List Alert Text box With chrome Full screen Implicit choice Exclusive choice Multiple choice Choice Date Text Gauge String Image Custom Spacer Group Field Field Item Item Item 16 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

17. A full screen canvas requires you to add navigation elements. 17 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

18. 4 screens Displayable Screen Canvas Form List Alert Text box With chrome Full screen Implicit choice Exclusive choice Multiple choice Choice Date Text Gauge String Image Custom Spacer Group Field Field Item Item Item 18 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

19. A form is the most versatile screen to use with LCDUI components. 19 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

20. Lists allow only one list item type. 20 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

21. Alerts can only be shown inside an application. 21 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

22. A text box can show editable text or non-editable text. Nothing else. 22 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

23. 3 different types of lists Displayable Screen Canvas Form List Alert Text box With chrome Full screen Implicit choice Exclusive choice Multiple choice Choice Date Text Gauge String Image Custom Spacer Group Field Field Item Item Item 23 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

24. Implicit choices are made for drill down and single selection. 24 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

25. Exclusive choice list does not close automatically after selection. 25 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

26. Also screens with multiple choices may require some additional work. 26 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

27. 8 form items Displayable Screen Canvas Form List Alert Text box With chrome Full screen Implicit choice Exclusive choice Multiple choice Choice Date Text Gauge String Image Custom Spacer Group Field Field Item Item Item 27 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

28. Changes in forms are confirmed; or cancelled with a confirmation query. 28 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

29. Due to their nature, only exclusive pop- up choice groups can collapse. 29 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

30. There is no ”single choice item” in Java Form. custom 30 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

31. DateField is a tumbler, only for setting time and date. 31 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

32. TextField is for inline text editing such as names or passwords. 32 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

33. Gauge can be a slider or a progress indicator. 33 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

34. StringItem displays text and allows hyperlinks and button creation. 34 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

35. ImageItem crops the image to the screen if necessary. 35 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

36. CustomItem allows drawing new elements as needed. 36 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

37. Spacer adds space between two form items. 37 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

39. Exercise: How would this screen look in Series 40 Full touch? 39 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

40. Exercise: Create a sign in view - Username - Password - Setting for auto-fill password - Forgot password & help 40 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

41. Exercise: Which component would you use to pick one of the following? - Monday - Tuesday - Wednesday - Thursday - Friday 41 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

42. Exercise: How would you replace a single choice item (aka switch)? 42 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

43. Exercise: Which views can have a button? Are there any limitations? 43 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

44. Links Series 40 Full Touch UI Design Library: http://www.developer.nokia.com/Resources/Library/Full_Touch/ Checklist: http://www.developer.nokia.com/Resources/Library/Full_Touch/#!ux- checklist.html Icon Creation: http://www.developer.nokia.com/Resources/Library/Full_Touch/#!icon- creation.html UI Components: http://www.developer.nokia.com/Resources/Library/Full_Touch/#!ui- components.html UI Components Demos App: https://projects.developer.nokia.com/s40uivisualisation Basics: http://www.developer.nokia.com/Resources/Library/Design_and_UX/ 44 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

45. Answers and propsals from here: http://www.developer.nokia.com/Community/Wiki/Wiki_Home 45 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

46. Thanks  ext-jan.krebber@nokia.com 46 © Nokia 2012 Series 40 Full Touch UI Style Guide p1.pptx v.01 2012-06-28 Jan Krebber

Nokia Asha Touch UI Style Guide Part 1

Recommended

Recommended

More Related Content

More from Microsoft Mobile Developer

More from Microsoft Mobile Developer (20)

Recently uploaded

Recently uploaded (20)

Nokia Asha Touch UI Style Guide Part 1