モバイルアプリの操作方法を疑ってみる

モバイルアプリの操作方法を疑ってみる KAWASHIMA Yoshiyuki YUMEMI.grow Mobile #8 2023.11.08

伝えたいこと • モバイルアプリが提供している操作は絶対ではない • モバイルアプリが使いづらいのであれば変えることができる

話す内容 • インタフェースに対する見解の共有 • ユースケースを通してインタフェースを作ってみる

書籍案内 • ゆめみ大技林 '23 (2) に掲載 • この書籍は技術書典15開催日 （11/11）以降に購入できます • 無料配布です

インタフェースとは何でしょうか？

つなぐ

モバイルアプリのインタフェースは何か？

画面

モバイルアプリのインタフェースは画面以外にもある • マイクとスピーカーによる音声の入出力 • 位置情報の送受信 • カメラによる映像の入力 • 指紋認証 • 電源ボタン • マナーモードボタン • 音量調整ボタン • 振動で着信を伝える

“ユーザーインプットではなく、 マシンインプットを考えろ” さよなら、インタフェース 脱「画面」の思考法 / ゴールデン・クリシュナ 著 / 2015年

インタフェースを作ってみよう

ユースケース • 電車で片手でスマホをスクロール操作する

過剰なユーザーインプット

マシンインプットが使える？

サンプルアプリ • https://github.com/ykws/motion-scroll-app

• https://github.com/ykws/motion-scroll-app

傾きを検知する • iOS CoreMotion • Android SensorManager

傾きの検知を開始する • iOS startAccelerometerUpdates • Android registerListener

傾きの検知を終了する • iOS stopAccelerometerUpdates • Android unregisterListener

ボタンと組み合わせスクロールを制御する • iOS • SwiftUI ScrollViewReader 座標 NG • UIKit setContentO set • Android • rememberScrollState ff • detectTapGestures

おわりに • 当たり前になっている操作方法も変えることができる • それをすぐに試すことができる • スマートフォンに搭載されているセンサーと API は身近な存在になっている • マシンにユーザーを従わせるのではなく、ユーザーにマシンが従うようにシス テムを設計・構築したい

考えてみてほしいこと • スマートフォンに搭載されているセンサーにはどんなものがあるか • Apple や Google が公開している API にはどんなものがあるか • 面倒だったのに慣れてしまった操作は何があったか • もし画面がなかったらどんな表現で情報を伝えるあるいは処理できるか

書籍案内 • ゆめみ大技林 '23 (2) に掲載 • この書籍は技術書典15開催日 （11/11）以降に購入できます • 無料配布です