2018年3月13日、UIデザインイベント『UI Crunch』の12回目が開催された。 UI Crunchは、UIデザインを追求していくコミュニティー。GoodpatchとDeNAが主体となり、UI開発に関わるすべての人を対象とした勉強会やワークショップを定期的に開催している。

12回目となる今回のテーマは『「伝える」を加速させる。書く、読むUI』。動画や写真などビジュアルコミュニケーションの価値が注目を集める一方で、改めて書く・読むにフォーカスしたUIを考えていく。

イベントは全4部のプレゼンテーション方式。最後に登壇したのは、株式会社グッドパッチ アプリケーションデザイナー 兼 iOSデベロッパー　丸 怜里氏。テーマは『日本語アプリケーションのインターフェイスデザイン』。

丸氏は、iOSデベロッパーとしてGoodpatchに入社したが、アプリを中心としたUIを考える機会が多く、エンジニアリングとデザインを行き来しつつインターフェイスの制作に携わる。これまでJINS MEMEやVEGERY、さんちの手帖（iOSアプリ）などを担当してきた。

今回のセッションでは、同士が手がけたさんちの手帖を入り口に日本語のインターフェイスデザインにまつわる様々な話が展開された。本記事ではさんちの手帖にまつわる内容をピックアップし紹介していきたい。

文化とインターフェイス

「さんちの手帖」は中川政七商店が手がけるメディア「さんち〜工芸と探訪〜」のアプリ版。

Goodpatchがデザインを手がけ2017年にはグッドデザイン賞を受賞している。本アプリはメディアの単なる移植版ではなく、位置情報から最寄りの“産地”を探す機能やチェックインして“旅印”を集める機能なども搭載。アプリならではの機能が付与された。

丸氏は今回、そのなかのひとつ旅印を集める「旅印帖」のデザインにおけるUIの話を展開した。

丸氏は歴史上の文献（縦書きが一般的だった頃から、縦書きと横書きが混ざっているころ）などを調査。縦書きの組み方から、なぜ立てて組まれているのかといった文化的背景の調査を繰り返していったという。

文化的背景に順応するMacのインターフェイス

話は、文化的背景に基づくUIの話からMacにおけるダイアログUIに関して展開していく。というのもMacのUIでは文化的背景に準じインターフェイスが変化しているからだった。

Macが文化的背景に準じているとわかるのは、アラビア語版と見比べたときだ。通常は左上から右下に展開しているのに対し、文字が右から左に読むアラビア語の場合、すべての画面要素が反転している。

これも言語の持つ文化性に応じ、インターフェイスが呼応しているよい例だろう。

縦書き旅印帖のインターフェイスの最適解

こういった調査を経て旅印帖のUIは作られていった。同じ縦書きの和暦のなかでも、複数ある和暦を同表記するかや、プログラムでどう縦書きを実現するかなども検討要素としては含まれる。これらを経て、最終的には御朱印帖をフラットな画面で再現していったという。

他にも丸氏からは、Macにおける日本語タイポグラフィーの取り扱いについてや、Goodpatch Blogに寄稿されたダイアログデザインに関する話が展開された。

これらの話を踏まえ、イベントの最後に丸氏からは言語、文化とインターフェイスデザインに関する関係性について言及された。

slide: @usagimaru