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
830
0
Share
いまさらだけどiOSのHapticsを学んでみた
2021/11/27 Swift愛好会談義
https://love-swift.connpass.com/event/230401/
jollyjoester
November 27, 2021
More Decks by jollyjoester
See All by jollyjoester
印西市創業実践プログラム2026 【AI活用講座】
jollyjoester
0
14
AI時代でも変わらない技術コミュニティの力 ~10年続く"ゆるい"つながりが生み出す価値~
jollyjoester
0
11
AIコードアシスタントとiOS開発
jollyjoester
1
360
市民のためのセキュリティ講座
jollyjoester
0
79
コミュニティMTG in WWDC24
jollyjoester
0
340
BengaluruでLTしてきた
jollyjoester
0
390
try! Swift Tokyo 2024
jollyjoester
0
380
エンジニアが直接会う場の価値について
jollyjoester
8
4.6k
来年Proposalを出すつもりで参加するときっともっと楽しい!
jollyjoester
0
410
Other Decks in Technology
See All in Technology
Rebirth of Software Craftsmanship in the AI Era
lemiorhan
PRO
4
2k
エージェントスキルを作って自分のインプットに役立てよう
tsubakimoto_s
0
360
Pure Intonation on Browser: Building a Sequencer with Ruby
nagachika
0
120
AI와 협업하는 조직으로의 여정
arawn
0
420
こんなアーキテクチャ図はいやだ / Anti-pattern in AWS Architecture Diagrams
naospon
1
450
Revisiting [CLS] and Patch Token Interaction in Vision Transformers
yu4u
0
360
Eight Engineering Unit 紹介資料
sansan33
PRO
3
7.3k
Rapid Start: Faster Internet Connections, with Ruby's Help
kazuho
2
530
Good Enough Types: Heuristic Type Inference for Ruby
riseshia
1
220
Bill One 開発エンジニア 紹介資料
sansan33
PRO
6
18k
データを"持てない"環境でのアノテーション基盤設計
sansantech
PRO
1
120
社内エンジニア勉強会の醍醐味と苦しみ/tamadev
nishiuma
0
210
Featured
See All Featured
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
380
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
890
Designing for Performance
lara
611
70k
The untapped power of vector embeddings
frankvandijk
2
1.7k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
270
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
330
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
Code Review Best Practice
trishagee
74
20k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
370
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
130
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.4k
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