Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
いまさらだけどiOSのHapticsを学んでみた
Search
jollyjoester
November 27, 2021
Technology
0
580
いまさらだけどiOSのHapticsを学んでみた
2021/11/27 Swift愛好会談義
https://love-swift.connpass.com/event/230401/
jollyjoester
November 27, 2021
Tweet
Share
More Decks by jollyjoester
See All by jollyjoester
コミュニティMTG in WWDC24
jollyjoester
0
130
BengaluruでLTしてきた
jollyjoester
0
210
try! Swift Tokyo 2024
jollyjoester
0
170
エンジニアが直接会う場の価値について
jollyjoester
8
3.9k
来年Proposalを出すつもりで参加するときっともっと楽しい!
jollyjoester
0
220
My favorite sessions in WWDC 23
jollyjoester
0
500
みんなでAIと戯れよう
jollyjoester
0
60
続く勉強会の作り方
jollyjoester
1
730
Code for INZAIの歩み
jollyjoester
0
280
Other Decks in Technology
See All in Technology
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
180
[I/O Extended Android 2024] What`s new in Android 2024
kyeongwan
0
220
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
ギークの理想が7つ集まるエムスリーで夢を叶えよう - エムスリー株式会社
m3_engineering
1
260
How to Think Like a Performance Engineer
csswizardry
4
590
Scaling Technical Excellence at 104: Evolution in AWS and Developer Empowerment
scotthsieh825
1
150
ゆめみのアクセシビリティの現在地と今後
ryokatsuse
3
290
AIアシスタントの活用で品質の向上と開発ワークフローのスピードアップ
nagix
1
200
[NIKKEI Tech Talk] KDDI/KAG Scrum & Community for Engineering Training
curanosuke
2
220
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
180
可視化プラットフォームGrafanaの基本と活用方法の全て
hamadakoji
0
230
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
325
21k
Documentation Writing (for coders)
carmenintech
63
4.2k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
17
8.7k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
GraphQLとの向き合い方2022年版
quramy
36
13k
Transcript
いまさらだけど iOSのHapticsを学んでみた 2021/11/27 Swift愛好会 jollyjoester
きっかけ Pikminのポコポコ…が気持ちいい ポコポコ ポコポコ … ポコ … ポコ … ポコ
…
Hapticsとは Haptics = 触覚 User Interfaceとして触覚(振動)を用いる iPhoneではTaptic Engineという部品で発生させている iPhone 6sの頃から搭載
細かくイジれるようになったのはiOS10から Apple WatchとHaptic Feedbackは相性がとても良い VRの世界で物体に触れた感覚を生じさせるものとして注目されてるよ
Hapticsが使われているところ アプリアイコンを長押ししたり アプリをインストールしたり SliderやSwitch, Picker, Pull to refreshなど操作したり
どうやって実装できるの? お手軽 • UIFeedbackGenerator カスタム • Core Haptics
UIFeedbackGeneratorの例 UIFeedbackGenerator • UIImpactFeedbackGenerator(触った感、ぶつかった感) • UISelectionFeedbackGenerator(UIで選んでる時) • UINotificationFeedbackGenerator(お知らせ) さぁみんなも体験してみよう! サンプル:
https://github.com/jollyjoester/HapticsSample ※prepare()呼ぶタイミング適当だから本番で使うときは気をつけてね
どこに使うと良いの? あまり多用するとうざい。 単独ではあまり使わない。視覚のフィードバックを補完するイメージ。 e.g. Bluetooth機器との接続解除をお知らせするトースト表示とともにポコッ、くらいが ちょうど良いイメージ • 必須ではない、けど気づいて欲しいくらいの温度感 • 結果が遅延してくるもののお知らせ
• 表示と音と触覚でうまく表現できるのがいいね e.g. アプリ内の何かに触った感を出すとき • Pull to refresh(UIRefreshControl)のひっかかる感 • Pikminにさわるとき
まとめ いまさらだけどHaptics素晴らしい 手触り感気持ちいいね ユーザー体験を考えるときにちゃんと意識していこう (マナーモードにせざるを得ない状況の多い日本だと音よりHapticsが重要かも)
参考 • Human Interface Guidelines: Haptics • Apple Developer Documentation:
UIFeedbackGenerator • Apple Developer Documentation: Core Haptics