KinetoのUI

Last updated Unknown Edit Source

#pKineto #UI

• Apple Pencilと利き手の話、注意した方がよさそう

  • ノートのメニューと、映像のメニューをどこに置くか

• iOSDC2020で、画面の縦横によってUIを変えられるという話があった

  • 例: youtube（portraitにすると動画全画面になる）
  • kinetoもまさにそうかも、縦状態の時に映像画面いっぱいに出す理由はない
    • 下の部分に何を入れるか

• UI設計は本来的な原理を見つける作業

  • これ、未踏的UIを作る作業なら特に意識したほうがよさそう

• pagination的概念取り入れるの良いかも

  • axokxiも言ってたやつ
  • 同じページなら同期
  • これを映像処理でやるの良さそう

• seekと移動は別の操作にしたい

  • これを一般化したい #UI設計は本来的な原理を見つける作業

• アプリの捉え方:

• 「同期対話できるYoutube」 OR 「時間操作できるZoom」

  • 後者としてユーザーには捉えてほしい
  • 「自分の時間軸が全て」と思っていた方が、考える事が少ないので楽

• ただ、なんかふわっと他人と本当に同期しているか伝える手段も欲しいな

  • IPPON的UIとか?w
  • ふわっとした「存在感」「気配」をUIで表現したい

• フルスクリーン（画面上に映像だけがあるという意味）モード必要かも

  • 
  • 無に向かって操作したらUIが出現する感じの実装がよさそうね

• 集中モード

  • チャットとペン内容だけ表示
  • 時間操作バーはうっすら表示
    • ドラッグすると通常モードに

• 通常モード

  • 全部表示
  • 数秒ノータッチ（ペン除く）だと集中モードに

• 映像のサイズが可変だと、UIをどう組めば良いのかわからん

• タイプUIとソフトウェアキーボード

  • 固定式キーボード使う場合は、縦画面
  • フローティングとかソフトウェアキーボードの場合は横画面
  • 両方使うべき
  • こんな感じ
    • 
    • キーボードの上
      • リセットボタンと絵文字ボタンを配置

• Kinetoのホワイトボード ふせん

  • 文字の量で変化していった方が同期感与えられそう
    • ただ騒がしそうなので悩む
  • youtube liveでどんどん動いていくのとかもいえそういえそう

以下雑記

• 映像再生位置の操作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/時間の移動
      • 他人の位置がバーに出て、それをタップでその人と同期できるとか
        • （少なくとも近くだけでも、）他人の位置がわかるのは必須だな
        • きれいに表示する方法は考える

• こういう案

  • 下のところをドラッグで移動できる、ピンチアウトすればスケールも変えられる
    • 線はmapのフラクタルグリッドっぽい感じでやりたい

• 一旦初心に帰って、発生するインタラクションを文章で記述してみる (OOUI的な考え) #kineto