Two thumbs User Interface @iRajLal

•

1 like•6,693 views

A digital picture frame has a frame bounding a touch screen that presents a user interface having first and second arcs of selector elements. The first are of selector elements is manipulable to establish an input genre root, and the second arc is manipulable to select an input branching from a genre root selected using an element in the first group. The arcs are rotatable to reveal previously unpresented selector elements when a person moves a hand along the respective arc. http://www.google.com/patents/about?id=l_LWAAAAEBAJ

Two Thumbs User Interface
For Digital Photo Frame

Rajesh Lal

Two Thumbs User Interface Design

Screen
preview

The User Interface

Two Thumbs User Interface Design
Why: A Photo frame is handled with two hands with two free thumbs

Default View with Two thumbs Interaction in a touch screen interface

Two Thumbs User Interface Design
Benefits
1. Unobtrusive View
2. Best suited for Two thumbs
interaction
3. A Unique and Easy way to
browse options in a photo frame
4. Clean and Elegant design

Two Thumbs User Interface Design

FEATURES
1. Rotating Dial interface which can
accommodate up to 8 items
in a category
2. A Unique Tree
a) Each Left round button is a root
b) Multiple buttons in the right are the
branch of the selected root
c) Left and Right triangle (Arrow) to go
up and down in the tree

Two Thumbs User Interface Design

1 2a
2 2b
Screen
preview
3 2c

4 2d

2 is selected which shows branches for 2 in the right

If 2 is settings 2a = albums, 2b=clock, 2c= calendar, etc
If 2 is an Album 2a = first picture in the album, and so on

Two Thumbs User Interface Design
EXAMPLE TREE
• Root = Settings
• Albums
• Album1
1 2 • Picture1
• Picture2
• Picture3
• Album2
• …
• Wi-Fi
1 = Left Arrow goes Up in • Wi-Fi 1
the Tree • Wi-Fi 2
• Clock
2 = Right Arrow goes • Hour
Down in the Tree • Minute
• Seconds

Two Thumbs User Interface Design

Grouped Interface for left thumb ONLY interaction

Two Thumbs User Interface Design

Grouped Interface for right thumb ONLY interaction

Two Thumbs User Interface Design

Grouped Interface for single finger interaction

Thank You

Rajesh Lal
http://ABCofDesign.com

Ten Tips to design Mobile website for maximum number of users and devices in the least amount of time. How to create a mobile version of your website? Do you need to optimize your current website for mobile devices or design a completely new website? Do you need to worry about different platforms, Windows Mobile, iPhone, Symbian, Blackberry, Linux, Brew, Android, Nokia and MeeGo? What resolution, what screen size you should target, and what is this PPI anyway? In this session, mobile web usability expert and co-author of Beginning Smartphone Web Development, Rajesh Lal will discuss ten pragmatic tips, for designing website for mobile devices.

Viviendas Sociales IzolaCristiane Reale

A website can be an extremely effective tool for generating sales and achieving other business goals. But that assumes you’ve “optimized” your website—that you’ve learned the techniques that will let you effectively convert website visitors into customers, whether that means buying a product, downloading your app, signing up for a beta, or scheduling an appointment. There is an art and a science to optimizing your website—or what’s sometimes called Conversion Rate Optimization (CRO)—that can be tremendously useful for marketers, executives, and business owners. This one-day workshop will provide a concise and practical overview of optimization techniques, focusing on four key subjects: mining information from Google Analytics to understand data, users, and devices; analyzing competitors; heuristically reviewing your website for usability; and A/B testing your key content for conversion. Once you have this information you will be able to optimize the layout and remove the bottlenecks in your website that may be preventing your visitors from converting into customers. You will learn how to leverage the data to create a better user flow in your website and use the test-driven framework to continuously improve your website, acquire more customers, and increase your revenue. https://continuingstudies.stanford.edu/courses/professional-and-personal-development/an-introduction-to-website-optimization-increase-roi-and-acquire-more-customers/20174_WSP-38

The art and science of website optimization

Raj Lal

Do you know 98% of your website visitors take their business elsewhere? You want to use your website more effectively to generate sales and achieve other business goals. There is an Art and Science to Website Optimization and is increasingly becoming an important field, that marketers and business owners need to know. Website Optimization is a process of converting website visitors into customers, also referred to as Conversion Rate Optimization (CRO). It helps you to learn how to leverage people to use your website, buy your product, use your app, signup for beta, schedule an appointment and more. Raj Lal, the speaker for this event, last client got a 50% increase in their revenue within a week after optimizing their website. Imagine what will you do? Raj will cover topics like: Overview of Website Optimization How to methodically approach optimizing your website for conversion Start impacting your bottom line Four main aspect of Website Optimization: Mine information from Google Analytics to understand data, user and devices Analyze competitors Heuristically Review Website for Usability A/B test your key content

UX Workshop - Talent 2 Talent Conference, Ryerson University, Toronto Canada,...

Raj Lal

In this Interactive workshop for entrepreneurs, learn the four essential steps to better User Experience for a website. The User research, the interaction design, Visual Design and functional Prototype. Raj Lal is at the founder and Principal User Experience Specialist at Pro UX Review, a silicon Valley UX Consulting firm where he helps companies with website conversion by increasing user engagement up to 50%. A website conversion means getting your website visitors do what they want to do and came to your website for, buy your product, use your app, learn more, signup for beta, register for your service, or schedule an appointment.

Why Toastmasters - The story of a fisherman

Raj Lal

Build Amazing Camera Apps for Superphones - Silicon Valley Code Camp, 6 Oct, ...

Raj Lal

Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...

Raj Lal

Do you know about WIMP? The Natural or Organic Interface? Zooming Interface? And what the heck is the Intelligent UI? Where are all these interfaces coming from. What about the Gesture, Haptics, Pen based and touch and even multi touch interfaces? In this session learn from the Author of Digital Design Essentials: 100 ways to Design better Desktop, Web and Mobile Interfaces, the intriguing story of the Digital Interface. How the digital Interface started from Command line to WIMP Interface to GUI and now became the most debated topic in the design industry, Skeumorphic Design or Modern UI. See how, with the revolution of devices digital interface took turn to Natural, Touch and Organic User Interfaces. See how User Interface has evolved in last twenty years. See how the current trends in touch screens, text to speech and AI are molding the mere fabric of the User Interface and how the user adoption still is the key to a successful User Interface Design. http://theinnovationenterprise.com/summits/digital-design-sanfran-2013/event_activities/5129

Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal

Raj Lal

Designing Killer Apps for Mobile devices! - Raj Lal What makes a mobile app standout from the crowd? When we look at a successful App it seems like a "no brainer" but still so many developers struggle to to get the mobile design right. What's the secret ingredient to get the Mobile App design right. In this session go behind the scene of 10 successful Windows Phone app and see why Design is not how it looks but how it works. Learn ten essential tips for designing Mobile Apps, the Right Way. http://ux13.gomodev.com/modevux-2013-home/conferences/workshops/#/raj-lal

Accessible design with html5 JS Everywhere 2012 Oct 26 Fairmont Hotel San Jos...

Raj Lal

How to design an HTML5 website which supports people with disabilities, and know why its a good business decision. The four major disabilities which will be covered, that effect user capabilities are visual, hearing, mobility (difficulty in using the mouse), and cognitive disabilities, which are related to learning abilities. Know how to use the latest technologies to accommodate these users in the user interface. An accessible web application gives maximum reach to your application’s information, functionalities and benefits, by allowing multiple input methods, different interaction models, and customization based on special needs and limited device supports. What People Will Learn - Understand the problem around designing interfaces for people with, disabilities - Know concrete steps to design and develop web applications to, accommodate the four kinds of major disabilities in HTML5 - Know the business case for Accessibility, 4; Learn the standard practices and design guidelines for accessible, design in HTML5

Accessibility on Windows Phone - Windows Phone Meetup at Nokia - 16 October @...

Raj Lal

Learn what accessibility means and how to develop your app and web pages to make it more accessible on mobile devices. An accessible app gives maximum reach to your information, functionality and benefits. The four major disabilities that effect user capabilities are visual, hearing, mobility (difficulty in using the mouse) and cognitive disabilities (which are related to learning abilities). Know how to use the latest HTML5 and Accessible technologies to create for mobile devices.

Accessible design - HOW Interactive Design Conference Washington DC SEPT 27-2...

Raj Lal

Learn how to design an interface that supports people with disabilities—and explains why it’s a good business decision. You’ll learn how to use the latest technologies to accommodate disabled users in the user interface, and see how an Accessible Interface gives maximum reach to your application’s information, functionalities and benefits by allowing multiple input methods, different interaction models, and customization based on special needs and limited device supports.

Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...

Raj Lal

Learn how to design an HTML5 application which supports people with disabilities, and know why its a good business decision. An accessible web application gives maximum reach to your application's information, functionalities and benefits, by allowing multiple input methods, different interaction models, and customization based on special needs and limited device supports. The four major disabilities that effect user capabilities are visual, hearing, mobility (difficulty in using the mouse), and cognitive disabilities, which are related to learning abilities. Know how to use the latest technologies to accommodate these users in the user interface.

Developing Apps for Nokia Windows Phone VSLiv Conference May 15, 2012 @iRajLal

Raj Lal

Learn to develop Mobile Apps for Nokia Windows Phone Lumia. See what's unique about the Nokia Windows Phone also known as the "First Real Windows Phone". Create some snazzy graphics and animation using XAML. The session with Live Demo on Nokia Windows Phone Lumia. You will learn: Windows Phone Development on Nokia Phone Key features of Nokia Windows Phone Lumia See a working demo with advanced graphics

Upgrade Your Website to HTML5 - VSLive Conference New York @iRajLal

Raj Lal

Learn what you need to do, to upgrade your existing web application with HTML5. How and Where do you start? Learn how you capitalize on the State-of-the-Art HTML5 tags, Cutting edge graphics and animation with CSS3, and advanced HTML5 API and take your existing website to the next level of Web revolution. You will learn: Upgrade your current website with HTML5 Use advanced HTML5 APIs which gracefully degrade Know how to enhance your website with the latest HTML5 goodies

Fun with silverlight4 Table of Content @iRajLal

Raj Lal

Angry Developer: Creating a Game in QML and JavaScript for MeeGo N9 @iRajLal

Raj Lal

Fun with QML and JavaScript: Embedded Linux Conference 11th April 2011, Hotel...

Raj Lal

Learn to develop News, Social, Tools and Fun & Game Apps using QML and JavaScript on MeeGo devices. Know how to apply some advanced graphics and animations with simple QML and see how JavaScript allows you to create a feature rich application. No C++ required. A tutorial with live demos targeted to beginner to intermediate Mobile developers interested in developing mobile applications on Linux based Mobile Devices.

Build Cutting edge Mobile Apps using QML and JavaScript for MeeGo N9: Linux F...

Raj Lal

Learn to create cutting-edge mobile applications using QML and JavaScript on MeeGo devices. Know how to apply some advanced graphics and animations with simple QML and see how JavaScript allows you to create a feature rich application. No C++ required. A tutorial with live demos targeted to beginner to intermediate Mobile developers interested in developing mobile applications on Linux based mobile devices.

QML & JavaScript on MeeGo: Flourish Conference 2nd Apr 2011, at UIC Chicago @...

Raj Lal

Build cutting edge mobile applications using QML and JavaScript on MeeGo devices. Know how to apply some advanced graphics and animations with simple QML and see how JavaScript allows you to create a feature rich application. A tutorial with live demos targeted to beginner to intermediate Mobile developers interested in developing mobile applications on Linux based Mobile Devices. No C++ required.

Transcript: Selling digital books in 2024: Insights from industry leaders - T...

BookNet Canada

The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more. Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/ Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.

Uni Systems Copilot event_05062024_C.Vlachos.pdf

Uni Systems S.M.S.A.

Recently uploaded

Transcript: Selling digital books in 2024: Insights from industry leaders - T...

BookNet Canada

Uni Systems Copilot event_05062024_C.Vlachos.pdf

Uni Systems S.M.S.A.

Encryption in Microsoft 365 - ExpertsLive Netherlands 2024

Albert Hoitingh

GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024

Neo4j

PHP Frameworks: I want to break free (IPC Berlin 2024)

Ralf Eggert

In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development. This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.

FIDO Alliance Osaka Seminar: Overview.pdf

FIDO Alliance

Video Streaming: Then, Now, and in the Future

Alpen-Adria-Universität

In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.

GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...

Neo4j

Leonard Jayamohan, Partner & Generative AI Lead, Deloitte This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.

GridMate - End to end testing is a critical piece to ensure quality and avoid...

ThomasParaiso2

Securing your Kubernetes cluster_ a step-by-step guide to success !

KatiaHIMEUR1

Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster. However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks. In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.

FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf

FIDO Alliance

20240607 QFM018 Elixir Reading List May 2024

Matthew Sinclair

GraphRAG is All You need? LLM & Knowledge Graph

Guy Korland

Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs. 1. Unifying Large Language Models and Knowledge Graphs: A Roadmap. https://arxiv.org/abs/2306.08302 2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs: https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf

FIDO Alliance

GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...

Neo4j

Dr. Sean Tan, Head of Data Science, Changi Airport Group Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.

FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf

FIDO Alliance

Communications Mining Series - Zero to Hero - Session 1

DianaGray10

This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered: • Communication Mining Overview • Why is it important? • How can it help today’s business and the benefits • Phases in Communication Mining • Demo on Platform overview • Q/A

DevOps and Testing slides at DASA Connect

Kari Kakkonen

The Future of Platform Engineering

Jemma Hussein Allen

Generative AI Deep Dive: Advancing from Proof of Concept to Production

Aggregage

Recently uploaded (20)

Transcript: Selling digital books in 2024: Insights from industry leaders - T...

Uni Systems Copilot event_05062024_C.Vlachos.pdf

Encryption in Microsoft 365 - ExpertsLive Netherlands 2024

GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024

PHP Frameworks: I want to break free (IPC Berlin 2024)

FIDO Alliance Osaka Seminar: Overview.pdf

Video Streaming: Then, Now, and in the Future

GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...

GridMate - End to end testing is a critical piece to ensure quality and avoid...

Securing your Kubernetes cluster_ a step-by-step guide to success !

FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf

20240607 QFM018 Elixir Reading List May 2024

GraphRAG is All You need? LLM & Knowledge Graph

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf

GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...

FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf

Communications Mining Series - Zero to Hero - Session 1

DevOps and Testing slides at DASA Connect

The Future of Platform Engineering

Generative AI Deep Dive: Advancing from Proof of Concept to Production

Two thumbs User Interface @iRajLal

1. Two Thumbs User Interface For Digital Photo Frame Rajesh Lal

2. Two Thumbs User Interface Design Screen preview The User Interface

3. Two Thumbs User Interface Design Why: A Photo frame is handled with two hands with two free thumbs Default View with Two thumbs Interaction in a touch screen interface

4. Two Thumbs User Interface Design Benefits 1. Unobtrusive View 2. Best suited for Two thumbs interaction 3. A Unique and Easy way to browse options in a photo frame 4. Clean and Elegant design

5. Two Thumbs User Interface Design FEATURES 1. Rotating Dial interface which can accommodate up to 8 items in a category 2. A Unique Tree a) Each Left round button is a root b) Multiple buttons in the right are the branch of the selected root c) Left and Right triangle (Arrow) to go up and down in the tree

6. Two Thumbs User Interface Design 1 2a 2 2b Screen preview 3 2c 4 2d 2 is selected which shows branches for 2 in the right If 2 is settings 2a = albums, 2b=clock, 2c= calendar, etc If 2 is an Album 2a = first picture in the album, and so on

7. Two Thumbs User Interface Design EXAMPLE TREE • Root = Settings • Albums • Album1 1 2 • Picture1 • Picture2 • Picture3 • Album2 • … • Wi-Fi 1 = Left Arrow goes Up in • Wi-Fi 1 the Tree • Wi-Fi 2 • Clock 2 = Right Arrow goes • Hour Down in the Tree • Minute • Seconds

8. Two Thumbs User Interface Design Grouped Interface for left thumb ONLY interaction

9. Two Thumbs User Interface Design Grouped Interface for right thumb ONLY interaction

10. Two Thumbs User Interface Design Grouped Interface for single finger interaction

11. Two Thumbs User Interface Design Grouped Interface for single finger interaction

12. Thank You Rajesh Lal http://ABCofDesign.com

Two thumbs User Interface @iRajLal

Recommended

Recommended

More Related Content

More from Raj Lal

More from Raj Lal (20)

Recently uploaded

Recently uploaded (20)

Two thumbs User Interface @iRajLal