何でも自作する人

結び方の名前を知らない人のために、用途から探す入口を作った

執筆・制作：何でも自作する人（運営者について）

個人開発 / Webアプリ / UI設計 / 3D

結び方を3Dで学ぶ自作アプリ「Knot Studio」は、結び方の名前の一覧から選ぶ作りでした。しかし、結び方を知りたい人は、たいてい名前を知りません。テントを張りたい、荷物をまとめたい、という目的があるだけです。

そこで、用途から結び方を探す入口を追加しました。同時に、手順の説明が足りない工程も補いました。実機で使ってもらったところ、最初の入口は難しいと言われ、作り直しました。

最初に作った入口

教材は11個、全部で77工程ありました。まず、名前の一覧に加えて、日本語・英語名の文字検索を足しました。そのうえで、次の流れの用途検索を作りました。

  1. 用途を8種類から選ぶ
  2. 条件を7種類から選ぶ（すべてを満たすもの）
  3. 理由、注意点、資料へのリンクが付いた候補が出る
  4. 既存の教材に進む

条件の変更、用途の選び直し、戻る・進む、0件、再クリックにも対応しました。

おすすめを出さない場合

この検索は、強度のランキングではありません。収録済みの教材に対して、用途に合うかを編集上で判定するものです。そのため、次のように「出さない」ことも設計に入れました。

代わりに別の結び方を出すと、使う人が誤解して、危険な使い方につながるおそれがあります。おすすめを出さないことも、検索の品質だと考えました。

手順の説明が抜けていた

教材を点検すると、ロープを使う5教材の36工程で、「どこを持つか」「何を確認するか」が設定されていませんでした。

そこで、各工程に、保持する位置、動かす端と元側、通す穴や交差の確認点を補足しました。さらに、11教材すべてに、実物での締め方、完成の確認、ほどく・やり直す方法を足しました。

説明は、3Dの形や動きを変えずに、既存の工程に注釈を重ねる形で足しています。工程の数は増やしていません。締め付けやほどきは3Dで再現していないことも、画面に明記しました。内容は Animated Knots の解説やボーイスカウトの資料などで確認しています。

実機で見てもらって、入口を作り直した

作り直しのきっかけは、実際に使った人からの指摘でした。「輪」「固定」のような抽象的な分類が難しく、条件を全部並べた一覧も分かりにくい、というものです。

そこで、用途の分類をやめて、テントやタープ、小箱、風呂敷、縫い物、釣りのような日常の目的から選ぶ入口に変えました。必要な場面だけ、2〜3個の選択肢を出します。新聞の束ね、車に荷物を固定する、吊り下げる、は収録がないので、その理由を表示します。

専門家の分類と、日常の目的は違います。設計するときは、前者ではなく後者に合わせるほうがよい、という例になりました。

確認した範囲

テストは131件、型チェックとビルドも成功しました。ただし、今回の変更について、実際の画面やスマホでの操作は確認していません。3Dが、結び目の締め付けやほどきを再現しているとは書いていません。