UI の設計や考え方を学ぶ UI Lab を立ち上げました

UI Lab とは

UI Lab は、デザインとエンジニアリングのワークにフォーカスし、UI を通じて設計手法やデザイン・フロントエンドエンジニアリングに関するスキルや考え方を学ぶ、主に関西で活動する有志のコミュニティです。
先日、フジタジュンコさんによる第一回目のイベントが終了し、次回は長谷川 恭久さんによる第二回目の募集を開始しました。

UI Lab では設計/デザインに必要な概念やプロセスを学びながら、実践を目的としたワークショップを行います。UI を考える・つくることで、UX デザインはもちろん、現場で実践するための周辺の諸概念やプロセスを習得することがネライです。

なぜ UX ではなく UI のコミュニティなのか

関西地方ではデザインやエンジニアリングの独立したコミュニティは増えたものの、それでも IT 系に皆さんが興味を持たれている UX や UI のイベント・勉強会は、関東に比べて非常に少ないです。特に UI となれば「関西に UI デザイナーっている?」と思ってしまうほどです。
もちろん市場の大きさや企業数により、UI デザイナーという専門職が少ないのは事実ですが、関西をはじめ地方で活躍している UI デザインに関わる方は、Web デザイナーやエンジニアがその役割を担っていることが分かりました。そして UI を学ぶとすれば、やはりネットの情報や読本といった独学によるものが中心です。

以前、UX OSAKA という UX のコミュニティを立ち上げましたが、UX も各地方コミュニティとして確立してきたこともあり、UX KANSAI となりました。
それらの経験から、まずは UX の概念や手法より、UI にフォーカスして設計手法や気づきを得ることの方が、ユーザーへの理解の手助けになったり、周辺の知識や概念の理解も深まるのではないかと思い立ちました。
UI は取り上げると誰もが使いやすい・分かりやすいと気付くことのできる要素のひとつです。ただし、ユーザビリティをはじめ、ライティングや情報設計、認知心理学、インタラクションなどの知見も必要ですし、ユーザー体験を構成する一部の媒体でもあります。

vol.1 の講師であるフジタジュンコさんのブログより引用

vol.1 の講師であるフジタジュンコさんのブログより引用

 

UI といっても Sketch でのおすすめプラグインやコンポーネントの作り方といった Tips ではありませんし、ペルソナ、ユーザーインタビューが大事、ということではなく、人と人をつなぐ「インタフェース」を起点として周辺の知識を深めていくことを UI Lab ではやっていきたいと思います。

講師はなるべく現場の方

UI Lab では皆さんと課題を「対話」しながら一緒に考えられるよう、クライアントワークなど現場で活動されている方が講師であることも特徴です。関西は懇親会からが本番!とも言われるくらい懇親会の参加率が高いのですが、懇親会ではなくイベント中にもビアバッシュなどで講師と対話しやすい場を設けています。限られた時間で行うワークショップで、もう少し聞きたかったことや実際はどうなのかを知るための工夫のひとつです。

vol.1 ディスカッションでは各グループの考えや気づきを共有

vol.1 ディスカッションでは各グループの考えや気づきを共有

vol.1 セミナー後のビアバッシュでは振り返りや交流を深める

vol.1 セミナー後のビアバッシュでは振り返りや交流を深める

UI Lab で会いましょう

UI Lab は、これから UI デザイナーとしても活躍の場を広めたい、エンジニアやディレクターで UI や設計の知識を深めたい、UI をなんとかしたいサービスをお持ちの経営層など、いろんな方にぜひ参加していただきたいです。始まったばかりですが、UI を越えてユーザーのことを一緒に考えていける良いコミュニティになればと願っています。

次回 UI Lab vol.2 は 2016年11月26日(土) 13:30〜
サイボウズ大阪オフィス セミナールーム 梅田阪急ビルオフィスタワー 35階にて

イベントの申し込みはこちらから(11/6 までの早割チケットあり)

 

ライティングはUIデザインである

低下するライティングスキル

私たち日本人は、文脈や背景の定義を必要とせず「相手を察すること」で疎通を図る「ハイコンテキスト」なコミュニケーション文化だと言われています。LINE や SNS でも短いテキストで会話が成立することは日常です。手書きからメールへ、そのメールは今やチャットに代わり、テキストの発信はどんどん増えています。
一方で、語彙力やライティングスキルが低下していると感じることはないでしょうか。記事のコピーペースト氾濫、分かりにくい文章表現、何かを PR する長文が書けない──。こうした問題はデザインやエンジニアリングの職域に関係なく、成果の質を下げているかもしれません。

ライティングは UI であること

Basecamp や Campfire を展開している 37signals による『Getting Real』の中では ”Copywriting is Interface Design” が提唱されています。優れたインタフェースは、ライティングされたものすべてであり、ピクセルやアイコンにこだわるように文字にこだわる。つまりインタフェースデザインはコピーライティングであると書かれています。
スクリーン UI のボタンのラベル、テーブルの項目名を考えるときは、自分の頭の中にある言葉だけで考えるのではなく、使うユーザーと場面を想像してみることです。その一画面では、例えば商品を選んでいるユーザー、今や買おうかと思い悩んでいるユーザー、もっと商品のことを詳しく知りたい思うユーザーなどがいるはずです。アプリやサービスの世界に入ってくれたユーザーを歓迎し、サービス提供側は、そのユーザーのためにライティングされた UI で導く必要があります。

ライティングを構成するワーディング

ライティングという書くスキルからもう少し UI にフォーカスすると、「ワーディング」というスキルがあります。ワーディングとは、言葉遣いや言い回しを決めることであり、ワーディングによって「世界観が作られる」と私は考えています。
ワーディングの正攻法は多くあります。UI とライティングの関係性に初めて気付いたのであれば、ライティングに関する多くの良書も参考になります。
以下では、最近の UI でありがちな、ワーディングの禁じ手を取り上げたいと思います。

ワーディングでしてはならないこと

  • 他社のワーディングを参考に(模倣)する
  • 括弧や装飾記号を多用する
  • 同じ意味の語彙を多く使う

他社のワーディングを参考に(模倣)する

“「いま」起きていることを見つけよう。”
これは Twitter 日本版のヒーローヘッダーです。Web やアプリではこうした “〜しよう” という呼びかけ型のコピーが多く見られるようになりました。ニュースを読もう、書いてみよう、検索してみよう。Twitter のように広く知れたサービスでなければ、こうした呼びかけはとても奇妙です。他社には他社の世界観があります。ワーディングでは、流行や模倣でオリジナルの世界観を築くことはできません。どこどこ社のサービスはこういうワーディングだから同じようなテイストにする、という発想では決して良いものは生まれません。

括弧や装飾記号を多用する

これは2バイト文字を扱う特有の問題かもしれません。装飾記号(■□◆┏など)で目立たせようとするのは、まるでプロではないことをアピールしているようです。また括弧記号も日本語変換辞書には多く含まれています。特にメルマガによく見かける墨括弧【 】で囲まれた文字。見やすいと思われたのか、文字や項目を酷く装飾して文字数を無駄にしています。記号には正しい用法があり、飾りのためにあるものではありません。時代遅れのメール文化から足を洗い、記号ではなく言葉に集中すべきでしょう。

同じ意味の語彙を多く使う

同じアプリで保存、完了、というような同じ意味のラベルやメッセージは混ざっていませんか。また日本語のラベルには名詞だけでなく、動詞のもの(例えば “保存する”)も増えています。これはフラットデザインの小さな影響で、テキストリンクだけではボタンとして認識されないことで、ユーザーの操作イメージに近い言葉に進化しました。こうした過程で統一性が崩れていくことがあります。世界観を維持するのは、たくさんの語彙ではなく、統一されたワーディングです。多くの人が関わるチームでは、独自のワーディングブックなどを共有するとよいかもしれません。

これからのワーディング

コンピューターが AI によって進化すれば、コミュニケーションは音声よりもテキストメッセージングが先駆けになるかもしれません。まるで誰かと話しているかのように、サービスを進行する UI はスクリーン上のボタンや画像だけではなく、対話型のメッセージ UI も含まれるでしょう。
そうした流れで、サービス提供側がまず考えなければならないのは、自社のワーディングです。担当者の頭の中にあるワーディングだけでなく、自社やそのブランドの統一されたライティングを築き上げることが求められます。
幸いにも私たち日本人は、短歌や俳句、落語や漫才といった「言葉」を大切にしている文化の国でもあります。グラフィックやスクリーンだけではなく、人間味が感じられるワーディングをこれからも一緒に考えていきたいと思います。

長谷川 恭久さんとの対談 Podcast Automagic

Web やデザインに関するセミナー講演などで定評がある長谷川 恭久さんは、ブログ could をはじめ、電子書籍や Podcast といった様々なメディアで情報を発信されています。
今回、その Podcast「Automagic」にゲストで呼んでいただきました。
フリートークの収録は初めてでしたので上手く話せていない点も多々ありますが、長谷川さんのリードにより、なんとか無事に配信できる対談にはなったようです。

はじめに自社で開発・運営している iOS アプリ「ジオメモ」のデザインに触れながら、そして話は「デザイナーの意義」という大きなテーマにまで及びました。デザイナーの肩書きを持っていない私がそういうテーマを話すのは僭越ですが、デザインの領域で仕事をする上で、一度しっかり考えたいテーマでもありました。

お話した内容についてダイジェストを記します。
Podcast を通じて、普段から何気なく接している「デザイン」というものを考えてみるヒントやきっかけになれば幸いです。

「長谷川 恭久さんとの対談 Podcast Automagic」の続き…

コンテキストと共感から始めるUX改善

この記事は「#UX Tokyo Advent Calendar 2015」第22日目の記事です。

2年前に公開したこのスライドは、とある勉強会のご依頼があり、UI と UX の違いや、基礎を理解するためにと作成したものです。公開からだいぶ経っていますが、何かのきっかけでシェアされたのか、今でも多くの方に見ていただき、もう少しちゃんと練って作ればよかったと少し後悔もしています。

「コンテキストと共感から始めるUX改善」の続き…

スマフォアプリUIでやってしまう失敗ケース

この記事は「#UI Design Advent Calendar 2015」第18日目の記事です。

スマートフォンアプリの普及により、UI デザインの需要は年々増しています。最近になり、アプリ UI デザイナーとしてお仕事を始められた方も多いかと思います。
UI デザインは、原則や関連知識の理解を深めることも重要ですが、ケーススタディとしてみることでスキルの習得も早くなります。

今回は、これまでユーザビリティの観点で監修したアプリ UI の中から、ユーザビリティテストのスコアリングが低くなる傾向のデザインパターンをご紹介します。それらは少し見直すことで、スコアが改善されるというのもまた特徴です。やってしまいがちな失敗 UI ケースの入門として、ご参考になれば幸いです。

「スマフォアプリUIでやってしまう失敗ケース」の続き…