A detailed presentation about possibilities 3D touch offers. We go in depth about how Apple's 3D touch is meant to be used and how it's actually used now. Next we check out some creative uses and think of possible ways to apply 3D touch in the future.
This is a handout I created after being asked to share what I have on my iPad too many times. Although not all the apps I have are here, this does help teachers decide what apps to start with.
This is a handout I created after being asked to share what I have on my iPad too many times. Although not all the apps I have are here, this does help teachers decide what apps to start with.
With the advent of the iPhone and Android, more and more mobile with touch screens are hitting the market. In spite of superficial similarities, designing an app for a touch based interface is very different from designing an app for a keypad/keyboard/stylus/mouse based interface. Just porting an older app to the touch with minimal design changes is a recipe for disaster.
This talk covers:
1. Why touch is so important?
2. The advantages of Touch
3. The disadvantages of Touch
4. What you should do
(Talk given at IndicThreads conference on mobile application development - 2010).
Why the page is killing innovation in magazine UXRob Boynes
This talk was presented at UX CAMP BRIGHTON in 2013.
It discusses how the magazine and digital magazines in their current guise are preventing innovation. Less prescriptive, and more of a call to action, the lecture discusses the shortfall in current digital magazine UX, asks what a digital magazine should be and where it needs to innovate to.
NB Notes are on yellow slides, White slides are from the original presentation.
Information on creating portfolios for students or teachers highlighting several Web 2.0 tools. This provides steps, ideas and purpose of a digital portfolio.
How to Create Insanely Cool UX Designs Using Micro-interactions?Kaspar Lavik
Attention to details can help you enhance UX. Read article to know how a web design agency uses microinteractions in web design to help you win customers.
Designing Websites With a Mobile First ApproachDan Moriarty
Learn about designing and building your website to be mobile first, meaning you begin at the smallest screen size available. Make your design, content, and planning decisions here, and then enhance and expand to the desktop
10 Design Commandments for Mobile App DevelopersJigyasa Makkar
Top ten design blindspots for Mobile app developers. Mostly based on my first experiences with Mobile design, as a developer.
Original deck presented at XConf 2011, ThoughtWorks, Pune.
Images used in the keynote are for illustrative purposes only.
With the advent of the iPhone and Android, more and more mobile with touch screens are hitting the market. In spite of superficial similarities, designing an app for a touch based interface is very different from designing an app for a keypad/keyboard/stylus/mouse based interface. Just porting an older app to the touch with minimal design changes is a recipe for disaster.
This talk covers:
1. Why touch is so important?
2. The advantages of Touch
3. The disadvantages of Touch
4. What you should do
(Talk given at IndicThreads conference on mobile application development - 2010).
Why the page is killing innovation in magazine UXRob Boynes
This talk was presented at UX CAMP BRIGHTON in 2013.
It discusses how the magazine and digital magazines in their current guise are preventing innovation. Less prescriptive, and more of a call to action, the lecture discusses the shortfall in current digital magazine UX, asks what a digital magazine should be and where it needs to innovate to.
NB Notes are on yellow slides, White slides are from the original presentation.
Information on creating portfolios for students or teachers highlighting several Web 2.0 tools. This provides steps, ideas and purpose of a digital portfolio.
How to Create Insanely Cool UX Designs Using Micro-interactions?Kaspar Lavik
Attention to details can help you enhance UX. Read article to know how a web design agency uses microinteractions in web design to help you win customers.
Designing Websites With a Mobile First ApproachDan Moriarty
Learn about designing and building your website to be mobile first, meaning you begin at the smallest screen size available. Make your design, content, and planning decisions here, and then enhance and expand to the desktop
10 Design Commandments for Mobile App DevelopersJigyasa Makkar
Top ten design blindspots for Mobile app developers. Mostly based on my first experiences with Mobile design, as a developer.
Original deck presented at XConf 2011, ThoughtWorks, Pune.
Images used in the keynote are for illustrative purposes only.
How to design and build great apps (with moderator notes)Andreas Weder
Mika and I look at what it takes to create great apps with Magnolia, and also present some of the new features of Magnolia 5.3.
This is the version also containing notes; the nicer looking, but less informative can be found over at Magnolia's official channel: http://de.slideshare.net/Magnolia_CMS/how-to-design-and-build-great-apps
Mika did quite some coding during our talk which isn't captured in the slides. Check out the video of the presentation to get it all: https://www.youtube.com/watch?v=hs4u5XNFi2g
Time to unlock the growth of your product and boost your User Onboarding!
Learn how to capture your users hearts and minds, optimize their signups, and align your in-app touch points to increase their retention from day one.
➡️ Credit @mxbraud for the design of the slides!
eStudio34 presents London Search Love 2015 | Practical tips for the future o...William Renedo
From October 19th London Search Love, this conference by Will Critchlow focused on the real-world changes you should be making right now to your web presence and campaigns.
SearchLove London 2015 | Will Critchlow | Practical Tips for the Future of ...Distilled
Having seen the changes from Google and observed the changes in our own behaviour, you may now be trying to figure out what to do differently to prepare for the future. Will has you covered, from making the most of new ranking factors and understanding what place apps and deep linking have in your plans, to creating content for mobile. This session will focus on the real-world changes you should be making right now to your web presence and campaigns.
In this talk I shared the experience of the FigureRunning team in developing Apps for the Android platform, starting from Apps that were designed and developed for iOS.
UX Activities for Pet Wearable iOS Mobile AppNicole Warner
Mobile app product development for a pet wearable device. Product tracks fitness and health stats. Also, includes tracking service and remote access to dog door.
Presentation for SMU UX certification class.
Similar to An update about 3D Touch - What is it and what can we do with it? (20)
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
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.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
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.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
GraphRAG is All You need? LLM & Knowledge GraphGuy 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/
2. Agenda
1. What is 3D touch?
2. How is it meant to be used?
3. How is it actually used?
4. Creative uses
5. Where are the possibilities /What could be possible ways
to apply 3D touch in a new way?
4. 3D touch is the name for the screen technology by Apple which can detect
how hard you press on the screen
“
”
5. As the name implies, 3D touch
detects 3 different pressure
levels.
1. No pressure (‘old fashioned’
multi-touch)
2. Light pressure
3. Firm pressure
3 different
pressure levels
iOS Mail app
6. Once ‘peek’ mode has been
triggered the user only has to
keep touching the screen to
stay in ‘peek’ mode.
3 different
pressure levels
Pressure levels
Pressire
peek mode
time (of touching)
pop
7. 3 different
pressure levels
peek mode pop
That means it’s not necessary
to apply the same amount of
pressure. Simply keep touching
the screen will do.
Pressure levels
Pressire
time (of touching)
9. 96 sensors, integrated into the
backlight of the screen, that can
detect microscopical
differences in distance
between the sensor and the
glass.
The technical
story
Glass
Retina screen
Capacitive pressure sensors
Taptic engines
12. Quickly jump to screens or
undertake actions that are
otherwise one or multiple taps
away.
(maximum of 4 tasks)
Quick Actions
Quick Actions in native iOS apps
Rule: Only use this menu to
‘deep-link’ to the most
important and meaningful
actions/tasks.
14. Facebook puts their focus on
what they want their users to
do; create content. This way
users can do that in less time.
Facebook
Shortcuts in native iOS apps
15. The Dropbox shortcut gives
you a way to quickly access
your most recently viewed file.
Here we also see that there is a
possibility to add a sub-text to
actions in the list.
Dropbox
Shortcuts in native iOS apps
16. Flipboard
Flipboard's 3D touch shortcuts
stick with the tabs they have in
their app.
It’s open for discussion
whether this is actually faster
than opening the app. It’s not
really deep-linking.
Shortcuts in native iOS apps
17. Foursquare
This Foursquare quick actions
list adapts to the user and
shows their most recently
viewed location.
Shortcuts in native iOS apps
18. 3D touch menu
• Icons can be left and right
aligned, depending on the
position of the app on the
home screen.
• Titles can take up two rows.
• When there’s a subtitle only
one title row is possible.
• Long titles get truncated.
• Subtitles can also be above
the title.
Menu examples
19. Contacts (iOS)
Contacts iOS app
Quick actions can also occur in
apps.
Interesting: the use of
accordeons
*Check out the demo video on the next page
20. Maps
Maps iOS app
Quick actions for locations on
the map
*Check out the demo video on the next page
22. Pro’s Cons
• Faster ways of accessing deeper
lying actions without having to open
the app. (e.g. quickly Shazam a song
or quickly snap that great picture).
• There’s no indication that 3D touch is
possible and which functions it will
unfold.
• It doesn’t always save time,
especially when the links don’t go
deeper than 1 tap/layer or have load
times..
23. Pro’s Cons
• Faster ways of accessing deeper
lying actions (e.g. quickly Shazam a
song or quickly snap that great
picture).
• There’s no indication that 3D touch is
possible and which functions 3D will
unfold.
• It doesn’t always save time,
especially when the links don’t go
deeper than 1 tap/layer or have load
times..
Useful for apps where speed is
key. Content creation apps for
example.
24. Pro’s Cons
• Faster ways of accessing deeper
lying actions (e.g. quickly Shazam a
song or quickly snap that great
picture).
• There’s no indication that 3D touch is
possible and which functions 3D will
unfold.
• It doesn’t always save time,
especially when the links don’t go
deeper than 1 tap/layer or have load
times..
Keep actions that are important
or used a lot visible.
25. Pro’s Cons
• Faster ways of accessing deeper
lying actions (e.g. quickly Shazam a
song or quickly snap that great
picture).
• There’s no indication that 3D touch is
possible and which functions 3D will
unfold.
• It doesn’t always save time,
especially when the links don’t go
deeper than 1 tap/layer or have load
times..
Only useful when you link to
the most important deeper
lying actions or tasks.
28. A peek lets users preview an item and perform related actions without
leaving their current context. An item indicates that it supports peek by
displaying a small rectangular view (sometimes called a hint) in response to a
light press.
“
”
Apple iOS Human Interface Guidelines
29. ‘Peek’ makes it possible to
quickly preview the content of
a link or following screen.
When the link or following
screen is then actually opened
this is called ‘pop.’
Peek: constantly put pressure
on what you want to preview.
Pop: Firmer press on what you
are previewing to open it.
Peek & Pop
Peek & Pop in native iOS apps
30. Peek & Pop
Peek & Pop in native iOS apps
Rule: Every ‘peek’ should have
the possibility for a ‘pop.’
31. Peek & Pop
Peek & Pop in native iOS apps
Rule: The ‘pop’ shows the
same view a tap on the item
would have given the user.
32. Peek & Pop
Peek & Pop in native iOS apps
Rule: Show as little elements
that look like buttons as
possible during ‘peeking.’
Users want to push buttons.
‘Peek’ however disappears
when you take your finger of
the screen.
33. Mail
Mail iOS app
• Previewing emails.
• Quick actions during
‘peeking.’
Advice: Actions that you
already offer on for instance
touch and hold work great as
quick actions during ‘peek.’
*Check out the demo video on the next page
34. Instagram
Instagram iOS app
• Previewing and opening
photos.
• Previewing and opening user
feeds.
Rule: The ‘pop’ shows the
same view a tap on the item
would give the user.
*Check out the demo video on the next page
35. Dropbox
Dropbox iOS app
• Previewing and opening of
files.
• Quick actions.
Rule: Never use ‘peek’ as the
only way to perform certain
actions.
*Check out the demo video on the next page
37. Pro’s Cons
• Quickly check the relevance of
content without having to leave the
current screen. (e.g. scan an incoming
mail).
• Follow up actions allow extra
functions from within peak (e.g.
delete or archive an e-mail)
• Better integration between apps. (e.g.
set a Calendar event from within the
Apple Mail app.
• Your thumb is often obstructing your
sight.
• Load times aren’t always faster than
just opening the app and doing what
you want. Longer loads require you
to keep your finger on the screen
constantly.
• No indication 3D touch is possible.
38. Pro’s Cons
• Quickly check the relevance of
content without having to leave the
current screen. (e.g. scan an incoming
mail).
• Follow up actions allow extra
functions from within peak (e.g.
delete or archive an e-mail)
• Better integration between apps. (e.g.
set a Calendar event from within the
Apple Mail app.
• Your thumb is often obstructing your
sight.
• Load times aren’t always faster than
just opening the app and doing what
you want. Longer loads require you
to keep your finger on the screen
constantly.
• No indication 3D touch is possible.
Useful with shops, grids and
tables.
39. Pro’s Cons
• Quickly check the relevance of
content without having to leave the
current screen. (e.g. scan an incoming
mail).
• Follow up actions allow extra
functions from within peak (e.g.
delete or archive an e-mail)
• Better integration between apps. (e.g.
set a Calendar event from within the
Apple Mail app.
• Your thumb is often obstructing your
sight.
• Load times aren’t always faster than
just opening the app and doing what
you want. Longer loads require you
to keep your finger on the screen
constantly.
• No indication 3D touch is possible.
Useful for lists of items that can
be interacted with. For instance,
saving, adding, favoriting or
bookmarking items.
40. Pro’s Cons
• Quickly check the relevance of
content without having to leave the
current screen. (e.g. scan an incoming
mail).
• Follow up actions allow extra
functions from within peak (e.g.
delete or archive an e-mail)
• Better integration between apps. (e.g.
set a Calendar event from within the
Apple Mail app.
• Your thumb is often obstructing your
sight.
• Load times aren’t always faster than
just opening the app and doing what
you want. Longer loads require you
to keep your finger on the screen
constantly.
• No indication 3D touch is possible.
This is where 3D touch can
really shine. No more having to
switch apps all the time.
41. Pro’s Cons
• Quickly check the relevance of
content without having to leave the
current screen. (e.g. scan an incoming
mail).
• Follow up actions allow extra
functions from within peak (e.g.
delete or archive an e-mail)
• Better integration between apps. (e.g.
set a Calendar event from within the
Apple Mail app.
• Your thumb is often obstructing your
sight.
• Load times aren’t always faster than
just opening the app and doing what
you want. Longer loads require you
to keep your finger on the screen
constantly.
• No indication 3D touch is possible.
What you show during ‘peek’
shouldn’t be too detailed.
42. Pro’s Cons
• Quickly check the relevance of
content without having to leave the
current screen. (e.g. scan an incoming
mail).
• Follow up actions allow extra
functions from within peak (e.g.
delete or archive an e-mail)
• Better integration between apps. (e.g.
set a Calendar event from within the
Apple Mail app.
• Your thumb is often obstructing your
sight.
• Load times aren’t always faster than
just opening the app and doing what
you want. Longer loads require you
to keep your finger on the screen
constantly.
• No indication 3D touch is possible.
Optimizing for peaks?
45. Cursor
Cursor in iOS
Useful application: The cursor
can be moved faster and more
accurate. This is activated by
pressing firmly on the
keyboard.
*Check out the demo video on the next page
46. Sketching
Sketching in Notes (iOS native)
Useful application: The
thickness of a pen/pencil
drawn line changes with the
amount of pressure you apply.
This makes the sketching feel
more life-like.
*Check out the demo video on the next
page
47. • Use a ‘peek’ to show a live, content-rich preview of an item.
• Every ‘peek’ should have the possibility to ‘pop.’
• The possibility to ‘peek’ means edit menu’s aren’t possible anymore. So
carefully choose what has more worth.
• Avoid buttons within a ‘peek.’
• Make ‘quick actions’ within a ‘peek’ possible when an element already allows
extra actions.
• Don’t use ‘peek’ as the only way to perform a certain action.
Overview
48. “Why would we spend this many years working on 3D Touch when you can
do some of these things with a button? Well it’s, it’s just such a fluid
connection with your content. And not everything is binary, is it? Are we
developing stuff to make things easy for ourselves, or are we developing
products to move this forward? I have no interest, and I don’t think anybody
here has interest, in just designing something that will fit into a family and
behave itself.”
“
”
Jony Ive
50. Gravity makes use of 3D touch
to measure weight. It does this
with a spoon, because the
object has to be conductive
and oval. (It has to resemble a
finger.)
Gravity
Gravity app
51. This app uses pressure
sensitivity to make a note
sound louder or softer. Just like
on a real piano.
Magic Piano
Magic Piano app
*Check out the demo video on the next
page
52. Freeblade uses 3D touch to give
users the possibility to switch
weapons, without displaying
an extra button for this on the
screen.
Freeblade
(game)
Freeblade game
*Check out the demo video on the next
page
53. 3D Touch on the
web
freinbichler.me
http://freinbichler.me/apps/
3dtouch/
Marcel Freinbichler, a web
developer, makes use of 3D
touch and displays how
accurately it works.
*Check out the demo video on the next page
54. 3D Touch on the
web
codepen.io
http://codepen.io/
laurensvanheems/full/
KdWRME/
Laurens van Heems
demonstrates 3D touch on the
web with an Instagram feed.
*Check out the demo video on the next page
57. Situation:
On mobile split buttons can
become annoying when the
dropdown part becomes too
small.
Possibility:
Activate a dropdown with a
longer push.
Pro’s and cons:
+ Increased touch surface.
- No clear indication this is
possible at all.
Split buttons
Example of a split button
Split button
58. Situation:
Some buttons(like delete) ask
for a confirmation in the form
of a pop-over.
Possibility:
Skip the pop-over when
pressure is firm. 3D touch
makes it nearly impossible to
accidentally perform an action.
Pro’s and cons:
+ Less taps/clicks.
- Pop-over can sometimes
be useful (upsell/cross-sell).
Button without
confirmation
Example of a delete button
Delete
59. Situation:
Looking for information but
not being sure in which
accordeon it is found.
Possibility:
Apply soft pressure to preview,
push harder to keep the
accordeon open.
Pro’s and cons:
+ Less taps.
- Not very convenient when the
accordeon is at the bottom of
the screen.
Example animation accordeon
Accordeon
*Check out the demo video on the next page
61. Situation:
Lists often have an edit button
to edit the list.
Possibility:
You could move list items by
pushing them harder.
Pro’s and cons:
+ Faster.
- Edit a list or a grid.
Editing the order of a list
Edit a list or a
grid
*Check out the demo video on the next page
62. Selection in a grid
Situation:
To select items you often have
an edit button to enter edit
modus.
Possibility:
You could select an item by
pressing it harder.
Pro’s and cons:
+ Faster.
- No clear indication this is
possible at all.
Edit a list or a
grid
*Check out the demo video on the next page
63. Situation:
Sometimes you quickly want
to see more details (e.g. during
shopping).
Possibility
Regular ‘peek’ and ‘pop’ with
the list items.
Pro’s and cons:
+ Faster exploration.
- Your finger can be in the way
of what you want to see.
Editing list order
Peek & Pop
*Check out the demo video on the next page
65. Situation:
Pop-overs often contain brief
info about a certain part or a
complete page.
Possibility:
A quick check can be faster on
mobile with 3D touch.
Pro’s and cons:
+ Fast.
- Your finger is in the way of
what you want to see.
Pop-overs
Example of a pop-over
*Check out the demo video on the next page
67. Example: Zoom
Zoom
Situation:
Sometimes a shop offers the
possibility to zoom in on an
image on hover.
Possibility:
You could activate zoom with a
hard press.
Pro’s and cons:
+ Zooming made easier on
mobile.
+ Amount of pressure indicates
amount of zoom.
- Different interaction from
desktop.
*Check out the demo video on the next page
69. Situatie:
Sometimes tabs or menus are
in the way and disturb the user
experience. (E.g. a good article).
Mogelijkheid:
Making the menu, or tabs
appear with a hard press.
Voor- en nadelen:
+ More space.
- Hamburger discussion.
Displaying
Menu or tabs
Editing list order
*Check out the demo video on the next page
71. Situation:
Quickly browse between
multiple screens without
having to go back to a list.
Possibility:
Better and quicker oversight by
pushing the current screen
backwards.
Pro’s and cons:
+ Oversight.
+ Text selection function still
possible.
Editing list order
Browsing
*Check out the demo video on the next page
73. Situatie:
Text selection can now be
difficult, and requires a long
press and moving handles.
Possibility:
Push hard and move your
finger over the text.
Pro’s and cons:
+ A little faster than the current
way.
- You lose other 3D touch
functions.
Text selection
Text selection
*Check out the demo video on the next page