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
810
いまさらだけど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
AIコードアシスタントとiOS開発
jollyjoester
1
340
市民のためのセキュリティ講座
jollyjoester
0
63
コミュニティMTG in WWDC24
jollyjoester
0
320
BengaluruでLTしてきた
jollyjoester
0
370
try! Swift Tokyo 2024
jollyjoester
0
360
エンジニアが直接会う場の価値について
jollyjoester
8
4.5k
来年Proposalを出すつもりで参加するときっともっと楽しい!
jollyjoester
0
400
My favorite sessions in WWDC 23
jollyjoester
0
700
みんなでAIと戯れよう
jollyjoester
0
170
Other Decks in Technology
See All in Technology
AIと新時代を切り拓く。これからのSREとメルカリIBISの挑戦
0gm
2
3.2k
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
yuu551
0
260
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
coconala_engineer
2
770
Agile Leadership Summit Keynote 2026
m_seki
1
670
広告の効果検証を題材にした因果推論の精度検証について
zozotech
PRO
0
210
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.6k
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
riku_423
2
610
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
nihonbuson
PRO
2
330
ECS障害を例に学ぶ、インシデント対応に備えたAIエージェントの育て方 / How to develop AI agents for incident response with ECS outage
iselegant
3
330
Embedded SREの終わりを設計する 「なんとなく」から計画的な自立支援へ
sansantech
PRO
3
2.6k
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
rvirus0817
0
350
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
minorun365
4
220
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
6k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
280
For a Future-Friendly Web
brad_frost
182
10k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
エンジニアに許された特別な時間の終わり
watany
106
230k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
350
Agile that works and the tools we love
rasmusluckow
331
21k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
170
GraphQLとの向き合い方2022年版
quramy
50
14k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
220
4 Signs Your Business is Dying
shpigford
187
22k
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