KinetoのUI
#pKineto #UI
Apple Pencilと利き手の話、注意した方がよさそう
ノートのメニューと、映像のメニューをどこに置くか
iOSDC2020で、画面の縦横によってUIを変えられるという話があった
例: youtube（portraitにすると動画全画面になる）
kinetoもまさにそうかも、縦状態の時に映像画面いっぱいに出す理由はない
下の部分に何を入れるか
UI設計は本来的な原理を見つける作業
これ、未踏的UIを作る作業なら特に意識したほうがよさそう
pagination的概念取り入れるの良いかも
axokxiも言ってたやつ
同じページなら同期
これを映像処理でやるの良さそう
seekと移動は別の操作にしたい
これを一般化したい #UI設計は本来的な原理を見つける作業
アプリの捉え方:
「同期対話できるYoutube」 OR 「時間操作できるZoom」
後者としてユーザーには捉えてほしい
「自分の時間軸が全て」と思っていた方が、考える事が少ないので楽
ただ、なんかふわっと他人と本当に同期しているか伝える手段も欲しいな
IPPON的UIとか?w
ふわっとした「存在感」「気配」をUIで表現したい
フルスクリーン（画面上に映像だけがあるという意味）モード必要かも
https://gyazo.com/fbc7e32421afa4592806177bee9ffb42
無に向かって操作したらUIが出現する感じの実装がよさそうね
集中モード
チャットとペン内容だけ表示
時間操作バーはうっすら表示
ドラッグすると通常モードに
通常モード
全部表示
数秒ノータッチ（ペン除く）だと集中モードに
映像のサイズが可変だと、UIをどう組めば良いのかわからん
タイプUIとソフトウェアキーボード
固定式キーボード使う場合は、縦画面
フローティングとかソフトウェアキーボードの場合は横画面
両方使うべき
こんな感じ
https://gyazo.com/381177bb898df62f6d164f80f5a44c4f
キーボードの上
リセットボタンと絵文字ボタンを配置
Kinetoのホワイトボード ふせん
文字の量で変化していった方が同期感与えられそう
ただ騒がしそうなので悩む
youtube liveでどんどん動いていくのとかもいえそういえそう
https://gyazo.com/ebb9ac8b0e4ae0325394ace77baed388
-.icon
以下雑記
映像再生位置の操作UI
YoutubeのようなシークバーUIは適していない?
相対的な映像再生位置の操作
画面下部をドラッグして再生位置を動かす
Demo (必要最低限の実装)
授業画面
欲しい情報
他人のノート
授業映像
同期
今どのくらい遅れているか
他の人がどこにいるか
これは同期していないことを意識させてしまう?
まあ表示することも考えて
したい行動
授業映像で再生位置コントロール
解像度を上げると：
見返したいところに一瞬移動
これ、一瞬移動してすぐ戻るみたいな操作できたらいいな
授業映像の特異性
この一瞬、というよりはこの情報を求めて移動する
他の映像イメージ: Youtube, スポーツ中継, ニュース番組, MV
シーンではなく情報を求めている
seek
その他特異性
ペンを持ってるからその状態で操作できると嬉しい
楽しさ的なところで、時が巻き戻ってる的な演出すると面白そう
かぶる問題をUIで解決したい
ペンを持ってるから、画面右下は使いづらい
問い（問答でUIを定めていくの良さそう、分からない点があればa/bテスト）
バーは、授業の最初から最後まで表示するか
検討の余地あり
他生徒の情報はどう表示するか
画面はどう占有するか
上下の小さいスペースで時間操作をやりたい、Apple純正Photosと同じ形式
ユーザーに体験してほしいこととは
理想
何も同期性について考えず、自由に授業を受けているといつの間にか同期されている
影響をあたえるところ
授業がそろそろ終わっちゃうので流石に今から戻るのはきついよってやつ
類似: 遅れすぎだよというやつ
同期できるようにちょっとづつ移動
つまり、動作に制限をつけてエレガントに上記の影響を与えられれば嬉しい
てか、あからさまにyoutube風UIなのも違うのかも
「同期もできるYoutube」より、「時間操作できるZoom」の方が面白い?
「同期感」を与えると言うことを意識
テレビっぽいUIにすることで、従来のリニアな映像配信っぽくする
バーを出すとしても、バーの中心を自分にする感じの方が自分centricで良いかも
運転感が近いかも、<論文ログ> SmartPlayer: User-Centric Video Fast-Forwarding
他にそういうメタファーないかな
ランニング?
他の人の位置に再生速度が影響されるという点で同じ
読書か、やっぱ
非同期のなかでも、本のUIはとても優れている?
でもそれは別にyoutubeと同じか
ページめくり
/ibjapanese/時間の移動
他人の位置がバーに出て、それをタップでその人と同期できるとか
（少なくとも近くだけでも、）他人の位置がわかるのは必須だな
きれいに表示する方法は考える
https://gyazo.com/bc32292b0c283dab91b47b119013b5be
こういう案
下のところをドラッグで移動できる、ピンチアウトすればスケールも変えられる
線はmapのフラクタルグリッドっぽい感じでやりたい
一旦初心に帰って、発生するインタラクションを文章で記述してみる (OOUI的な考え)
#kineto