本日、Writing AidをApp Storeでリリースしました。9to5Macで自分のアプリをレビューしたり、同僚にレビューを依頼したりするのは明らかに利益相反となるため、代わりにアプリの背後にあるクリエイティブな開発プロセスについて少し触れておきたいと思います。より本格的なレビューをお探しの方は、MacStories、Beautiful Pixels、iMoreの記事をご覧ください。

完成した製品として、Writing Aidは逆も使える辞書アプリと表現するのが一番です。しかし、最初からそうだったわけではありません。しばらくの間、ストアで提供されているアプリに不満を感じていました。ほとんどのアプリは「今日の単語」などの奇抜な追加機能に埋もれており、所有者に放置されているものも少なくありません（つまり、iOS 7にも対応していないということです）。文章を書いている時は、邪魔なものは欲しくありません。ボックスに単語を入力すれば、すぐに定義が表示されるようにしたいのです。

というわけで、最初に思い描いていたのはこれです。何もない画面に検索ボックス。このビジョンこそが、白紙の状態からアプリを作るという私の考え方です。他のすべては、このユニークなセールスポイントを中心に展開します。もし誰かがアプリ開発のアドバイスをくれたら、こう答えるでしょう。「一つの重要な焦点を心に決め、それを実現できるように努力する」。開発を通して、この目標を見失っていないか常に確認しています。魔法に例えるなら、まず効果から始めて、そこから逆算して方法論を見つけていくのです。

しかし、空白の画面とテキストボックスだけでは不十分だと直感的に感じました。App Storeは競争が激化しており、シンプルさだけでは成功できません。十分な機能が必要です。しかし、シンプルなビジョンを貫きながら機能を追加するのは難しいだろうと覚悟していました。

しばらくブレインストーミングをして、何ができるか考えました。同義語を追加するのが理にかなっていると感じました。現在ストアにあるアプリのほとんどは、同義語を見るために全く新しい画面、通常はタブインターフェースを使って移動する必要があります。しかし、タブバーは私が目指す単一画面アプリには合わないと思いました。同義語を同じ画面にまとめたいと考えました。当初は、関連語のリストを定義の下に置くだけでした。これで全てが1画面に収まりましたが、ある問題を解決したのに別の問題を生み出してしまったことに気づきました。この「1画面」は、今では非常に縦長になってしまったのです。

ユーザーのスクロール回数を増やしても、あまり利便性は上がりませんでした。どうしたらいいのか分からず、Mac上でアプリが数日間宙ぶらりんの状態になっていました。そんなある日、ニュース番組で動画の下部にティッカーが流れるのを見ました。どういうわけか、開発者としての私の脳みそがカチッと音を立て、これを自分のアプリに使えると確信しました。iOS 6には、通知センターの株価ウィジェットにティッカー表示の優れた実装がありました。私はAppleの動作にできるだけ近づけようと努力しました。

結果は素晴らしいと思います。ビューは小さいですが、目的に合っています。一度に3つほどの同義語が表示されますが、自動スクロール機能のおかげでその点は補われています。ユーザーは候補が流れていくのをただ受動的に眺めることになりますが、重要なのは、それがアプリケーションフローを中断させないことです。同義語ビューは、定義だけを探している場合は邪魔にならず、簡単に見過ごすことができます。

Writing Aidの目玉機能である逆引き検索は、開発が遅れて追加されたものです。少し陳腐な表現になるかもしれませんが、ご容赦ください。同義語ビューをスクロールしていた時に、同義語リストとは意味を共有する単語の集まりに過ぎないことに気づきました。定義データベースを検索可能にすれば、1回のヒットで同義語の完全なリストを取得できます（一致する単語が1つ見つかったら、その単語で同義語検索を実行するだけで、リストが完成します）。今のところ、このバックエンドスタックは私自身が担当していませんが、将来的には検討中です。

クライアントサイドの操作も好きです…フロントエンド制作の方がずっと楽しいです。単語リストの跳ねるアニメーションもその一つです。Siriの「質問」画面からインスピレーションを得て、単語が画面上部から落ちてきて、オーバーシュートして元の位置に留まります。弾むようなアニメーションは見た目も素晴らしく、iOS 7ならコーディングも非常に簡単です。減衰と速度の調整に何時間も費やし、完璧な仕上がりになりました。このアニメーションは、単調な単語リストをインタラクティブなものに変え、思わず触りたくなるような、遊び心のあるものにしています。

残るは配色とフォントの最終決定だけです。もちろん冗談です。このプロセスは簡単ではありませんが、私にとっては試行錯誤の連続です。納得のいくまで様々なスタイルを試しました。最終的に濃い紫色にし、本文のフォントは「グルムキー」にしました（iOSの標準設定通り、UIはHelveticaです）。色については、青でもオレンジでもない色を選びました。紫が妥当だと思いました。タイプセッターはこのタイポグラフィの選択を嫌うでしょう。正直に言うと、何が良いか悪いかは分かりません。読みやすく、見た目も良いと思ったものを選びました。

最終段階はアイコンのデザインです。これはいつもの作業スタイルです。最初に名前を決め、最後にアイコンを作成します。アイコンがアプリを体現するべきであり、その逆ではありません。私は絵が下手なので、アセットのデザインはOlli Wiegnerと共同で行いました。Olliには、紫色に重点を置き、虫眼鏡は絶対に使わないように指示しました。紫色を徹底することが不可欠でした。iOS 7では、アプリを区別する主な手段は淡い色です。虫眼鏡のアイコンは、既にストアにある辞書アプリで使い古されているため、使いたくありませんでした。

Olli は当初、W と A を 1 本の線に組み合わせるというアイデアを思いつきました。斜めの線を組み合わせるというアイデアは気に入ったのですが、人々が理解できないのではないかと心配でした。2 つの文字の組み合わせだと説明されなければ、ただのランダムな波線に見えてしまうからです。そこで隙間を加えることを提案し、その結果、配送アプリで表示される視覚的に紛らわしいアイコンが生まれました。アイコンを右から見ると W が目立ちますが、左側から見ると A が一番はっきりと認識されます。クールな効果です。大きく表示すると分離しているのが少しおかしく見えますが、ユーザーのホーム画面で縮小表示したときにアイコンがきれいに見えるようにするために必要なことです。幅が広くなければ、小さく表示したときに目で見て理解できないでしょう。

2月16日にApp Storeにビルドを提出し、23日に承認されました。本日、App Storeで公開され、どなたでもお試しいただけます。気に入っていただければ幸いです。コメント欄にプロモーションコードをいくつか記載しましたので、お早めにお申し込みください。アプリを無料で入手できます。

アプリの詳細については、こちらをご覧ください。iPhone版Writing AidはApp Storeで99セントで入手できます。

[編集者注：あるライターが作成したアプリについて、最適な取り扱い方について議論しました。客観的なレビューは不可能なので、開発者や開発を検討している方々にアプリ開発の「舞台裏」を垣間見ていただけるよう、開発の背景を説明することにしました。]

havebin.com を Google ニュース フィードに追加します。 

FTC: 収益を生み出す自動アフィリエイトリンクを使用しています。詳細はこちら。