ベータ期間中、今年の夏に登場する新機能を特別に裏側からご紹介します。 Goodnotesでは、私たちとコミュニティの皆さんと一緒に成長しながら、創造のプロセスを共有していきたいと考えています。具体的には、私たちが作ったツールや機能、その背景にある理由、そして開発過程で直面した課題などを皆さんにお届けします。
ご意見はしっかりとお聞きしました！ 無限のスペースへのニーズ
長い間、皆さんのリクエストリストで常にトップにランクインしている機能が無限キャンバスです。 皆さんのご意見はすべてのチャネルでしっかりと届いています。 UserVoiceでは最も多くの支持を受けたアイデアの一つで、Redditのスレッドでも「もっとスペースが欲しい」という声が盛り上がっています。 皆さんから、マインドマップや複雑な図表を作成するための制約のない環境、そしてGoodnotesを使って大きなアイデアを形にする素晴らしい方法について、たくさんのご要望をいただきました。
ホワイトボードの進化
それでは、ホワイトボードをご紹介します。 私たちは意図的に「ホワイトボード」と呼んでいます。それは単に無限のキャンバスであるだけでなく、それ以上の機能を備えているからです。 これを全く新しいタイプの創造的なワークスペースとして構想し、それを基にまったく新しい体験を築き上げています。
新しいホワイトボードを開くと、最初に目に入るのは無限のスペースです。 パノラマ表示とズームイン/ズームアウトを無限に行えます。 位置を把握しやすくするために、さりげないドットグリッドの背景パターンをデザインしました。 画面の隅にミニマップが表示され、ボード全体の概要を把握できます。そのすぐ隣にはズームレベルインジケーターが表示されます。 これらの要素はシームレスに連携し、スケール感を提供するとともに、広大なワークスペースの中で迷うことなく作業を進められるように設計されています。
徹底解説 – どのように構築したか
ホワイトボードの構築は簡単ではありませんでした。 数多くの魅力的なデザインやエンジニアリングの課題がありました。
背景パターンの繊細な技
些細なことのように聞こえるかもしれませんが、背景のドットを完璧に仕上げることにはかなりの手間と時間がかかりました。 その主な役割は、ズームレベルを暗黙のうちに伝えることです。ドットが大きいほどズームインしており、ドットが小さいほどズームアウトしていることを示します。 では、どうやってズーム範囲を400%から5%まで幅広くカバーすることができるのでしょうか？ 単一のドットの層では機能しません。密度が高くなりすぎたり、逆に薄くなりすぎたりするためです。
これはデザインツールだけでは解決できない問題の一つです。 実際に感じなければならないのです。 そこで、アプリ内に特別なデバッグメニューを組み込み、すべてのパラメーターをリアルタイムで調整できるようにしました。具体的には、ドットのサイズや間隔、新しいドットの層が表示されるズームレベルなどです。 すべてのデバイスでちょうど良いバランスを見つけるまで、ほぼ2ヶ月にわたる作業を繰り返しました。うまくデザインされているとほとんど気づかないような細かい部分ですが、少しでも間違っているとそればかりが目についてしまうようなデザインです。
ミニマップでのシームレスなナビゲーション
もう一つの重要な課題はナビゲーションでした。 無限のキャンバスだと簡単に方向を見失ってしまいます。 そこで、ミニマップが活躍します。 私たちは広大な世界をナビゲートするために小さなマップを活用するビデオゲームからインスピレーションを得ました。 ここでも同じロジックを適用し、いくつかのデザインを繰り返し試行錯誤しました。 当初、ミニマップとズームレベルは対角線上の反対側に配置されており少しバラバラな印象でした。 最終的にそれらをひとつのまとまりのあるユニットに統合しました。
社内テストの結果、ミニマップが常に必要とは限らないことがわかったため、ワンタップでオン/オフを切り替えられるようにしました。
創造性を引き出すテンプレート
キャンバスそのものを超えて、皆さんがより早く始められるようお手伝いしたいと考えました。 弊社の調査では、学生も専門家もテンプレートを好む傾向が一貫して見られました。 学生はブレインストーミングを始めるためのマインドマップテンプレートを、専門家は会議のメモやプロジェクト計画、特にコラボレーションのための一貫性のあるテンプレートを望んでいました。
今、新しいホワイトボードを作成するとき、テンプレートから始めること、そしてさらに後で「追加」メニューからテンプレートを追加することもできます。 これらはまだほんの始まりに過ぎません！ 私たちはクリエイターと協力して、Goodnotesにさらに多くのテンプレートを提供するために取り組んでいます。そして、将来的には、マーケットプレイスでテンプレートを検索できるような未来を想像しています。
創造力を飛躍的に高める – 刷新された図解ツール
ホワイトボードは、もう一つの大きな新機能である完全に刷新された図解体験と連携して動作します。 以前の図形ツールは毎月20%以上のユーザーに使われていますが、私たちはそれがもっと強力なツールになれると確信していました。
最大の課題の一つは、スタイラス優先の体験に自然に溶け込む図解ツールをデザインすることでした。 ほとんどの図解ツールはマウスとキーボード向けに作られています。 Goodnotesの外で独自のプロトタイプを構築する必要がありました。それは、インタラクションとジェスチャーを検証するためです。 スタイラスで図形をどう繋げるのでしょうか？ ハプティクスはどんな感じが理想なのでしょうか？
実際のテストを通じて、さまざまなワークフローを観察しました。 最初にすべての図形を描き、その後つなげてからテキストを追加するユーザーもいれば、 図形・テキストなどを含む1つのノードを完成させてから次に進むユーザーもいます。 これらのすべてのワークフローに対応する必要がありました。 さらに予期しないワークフローも発見しました。多くのユーザーがまずペンで思考を描き、その後コンテンツの周りに図形を描くという方法を取っていました。 スタイラスを使用する場合、これは理にかなっています。テキストを書き込むまでは、図形のサイズがどれくらい必要か分からないからです。 そこで図形が中にあるコンテンツに自動的に連動するようにし、そのような使い方をサポートできるツールを開発しています。
これらの洞察を基に、私たちは範囲を絞り込み、ベータアプリで現在ご覧いただいているバージョンを実装しました。特に、入力されたテキストや画像、インクストロークなどのコンテンツの追加に焦点を当てています。
未来を共に創造しよう
今日ご覧いただいているものは、数多くの研究、デザイン、エンジニアリングの成果ですが、まだほんの一歩を踏み出したに過ぎません。 皆さんの意見やフィードバックは、私たちが進むべき方向を決定する上で不可欠です。
一方通行ではありません。 私たちは、皆さんにGooodnotesの未来を共に作り上げていくお手伝いをいただきたいと考えています。 ぜひ、私たちのベータプログラムに参加し、コミュニティの一員となってフィードバックをお寄せください。
ベータ版にサインアップするには、goodnotes.com/betaをご覧ください。
お読みいただき、ありがとうございました。 皆さんがどんな作品を生み出すのかを楽しみにしています！