ShellWebサービスの会社で働くデザイナーが、デザインやライフハックについてゆるく書き連ねるブログです。2017-08-02Webサービスやアプリなど、UIの言葉選びで気をつけたい3つのポイントデザイン突然ですが、あなたはUIデザイナーと聞いてどんな仕事をしているイメージがありますか?Web業界の中でのUIデザイナーといえば、主に画面内のビジュアルを作る人というイメージが強いかもしれません。実はビジュアル設計と同じくらいUIデザイナーが大切にしていることが1つあります。それは「言葉選び」です。一見するとUIで「言葉選び」と言われてもピンと来ないかもしれませんが、実はUIデザインを行う上で、言葉は大きな要素として関係しています。次のような文言についてデザイナーは考える必要があるのです。ボタンの文言ナビゲーションの文言アラートの文言エラーの文言これらの言葉選びは、簡単なように見えて実は難しいのです。誤った言葉選びをしてしまうと、ユーザーを誤解させてしまったり、ストレスを与えてサービスから離脱させてしまうきっかけになってしまいます。そこで今回は、わたしがUIデザインを行うときに気をつけている、言葉選びの3つのポイントについてご紹介します。1.表記を揃えよう2.世界観を意識しよう3.文脈から長短を決めようおわりにUIの「言葉選び」について学ぶなら1.表記を揃えようまず初めに意識しなければならないのが、「表記を揃える」ということです。この記事を読んでいるWebサービスやアプリ開発者の方は、「表記ぐらいちゃんと揃えてるよ。当たり前じゃないか!」と思われているかもしれません。大規模なサービスになってくるほど、この表記の統一が取れていない場合が増えてくるのです。これは、サービスが成長してくると開発チームも細分化され、それぞれのチームで別々に機能追加が行われることでよく発生する問題です。成熟した会社であれば、こうしたコピーに関するルールも明文化されている場合も多いのですが、急成長しているベンチャー企業等では、UIの「言葉選び」に関するルールまで定められていないことがほとんどです。あなたがもしWebサービスやアプリの開発に携わっているのであれば、新しい機能を追加するときには表記が揃っているかどうかを気にしてみてください。類義語:「応募する」or「申し込む」2.世界観を意識しようWebサービスやアプリは、独自の世界観を備えています。UIの言葉選びをする際には「自分のサービスはどんな世界観を持っているだろうか」ということをまず意識しなければなりません。女性向けのサービスであれば、女性的な言葉選びを心がける必要があります。年齢や性別など、ターゲットとなるユーザー像によって言葉選びも変わってくるのです。距離感:「操作が完了いたしました」or「おつかれさま、これで完了だよ!」3.文脈から長短を決めよう最後に「文脈から長短を決める」というのもUIの言葉選びで重要なポイントです。ところで、長短とはそのまま「文章の長さ」のことなのですが、あなたはUIの言葉は長いのと短いのとどちらが良いと思いますか?きっと「基本的には短い方が良いんじゃない?」と思われた方が多いのではないでしょうか。その通りで、ユーザーは基本的に長々しい文章を読むのを面倒くさがりますし、なるべく苦労せずに直感的に理解できるラベリングになっていることが望ましいのです。いって「どんな場面においても、短いのが正義!」というわけではありません。厳密には「基本的には短く、文脈によってはあえて長く」だとわたしは考えています。いうのも、例えば「とある機能」を持った画面の中で別の画面に遷移させたい場合があります。こんなときに、あまりに短い言葉だと唐突すぎて、ユーザーに誤解を与える可能性があるのです。そんなときは、ボタンの文言など少々長くなったとしても、具体的に書いてあげた方が良い場合もあります。このように文脈によって「どのくらい説明するか」の長短を判断することも大切です。長短:「応募」or「今すぐ○○して申し込む」おわりにUIデザインといえば、多くの場合は美しいビジュアル面ばかりが注目されがちです。ビジュアルの設計と同じくらい言葉選びも大切だということがお分かりいただけたのではないでしょうか。この後、あなたの好きなWebサービスやアプリを開いたときは、UIの中でどんな言葉選びをしているのかに注意して観察してみるのも面白いかもしれませんよ。UIの「言葉選び」について学ぶならUIデザインを学ぶとき、ビジュアル設計についての本はあっても、UIの言葉選びに特化した本というのはあまり見たことがないのではないでしょうか。そんな方におすすめしたいのが、下記の「情報アーキテクチャ」という本です。この本では、Webサービスやアプリにおいて、見つけやすく理解しやすい情報設計を実現するためのテクニックが豊富に紹介されています。その中でも「ラベリング」という、まさに言葉選びについて解説された章があるのですが、Webサービスやアプリに関わる方であれば読んでおいて損は無いと思います。気になる方は、ぜひチェックしてみてくださいね。00:38Webサービスやアプリなど、UIの言葉選びで気をつけたい3つのポイントTweet関連記事2019-10-12新機能リリース時のユーザーコミュニケーションについてここ半年くらい、Webサービスの新機能リリースに携わる機会が多...2019-05-02UIデザインの定義と、その学び方について思うこと最近、ふとUIデザインの定義について考えていて、何となく昔よ...2017-08-27情報アーキテクチャ(IA)とは何か?その役割と仕事について最近わたしの中で、空前のしろくま本ブームが到来しています。Reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。