CrowdWorks Designer Blog

クラウドワークスのデザイナーが書くブログ。深いような、そうでもないような知識、体験、考察をお届けします。

UXデザイングループの働き方に密着レポート!

f:id:humcooh:20170710205334p:plain

こんにちは、最近ボルダリングを始めようとは思っているけどなかなか踏み出せない、出不精デザイナーの浜野です。 今日はみなさんに、私たちの働き方を知ってもらおうと、 UXデザイングループ(以下UDG)の働き方レポートをお届けします。私たちがどのように日々、仕事をしているのかを少しでも知ってもらえたら嬉しいです。

使用しているツール

まずはじめに、私たちがどのようなツールを使っているのかをご紹介します。

デザインツール

Sketch

今や定番となっているUIデザインツールですね。 UDGでは、去年の3月からこのSketchをメインツールとして使っています。 様々なプラグインがあり、使いやすいようにカスタマイズできるのが魅力です。

f:id:humcooh:20170710193726p:plain

Adobe Illustrator

言わずと知れたグラフィックツールですね。 メインでSketchを使用していますが、ここ一番でこだわりたい時やロゴ制作の際には「かゆいところに手が届く」とても頼れる存在ですよね。

f:id:humcooh:20170710194703p:plain

Adobe Photoshop

こちらも王道画像編集ツール。 ビジュアル要素を含むページやバナー制作などの画像を使用する際には、無くてはならない存在です。

f:id:humcooh:20170710193823p:plain

Zeplin

一部のチームでは以前から導入していましたが、最近チームに正式導入した、デザイン仕様書やスタイルガイドを共有できるツールです。 Zeplinの導入により、エンジニアさんとのコミュニケーションが格段と手軽になりました。

f:id:humcooh:20170710194825p:plain

Prott

デザインプロトタイピングツールです。 主にデザイナー以外の方とのコミュニケーションやアプリの画面遷移をチェックしたい時などに使用しています。

f:id:humcooh:20170710194852p:plain

その他

その他にも、業務の最適化に向けて様々なツールを日々検討しています。 Origami StudioやinVision、Adobe Experience Designを少しさわってみたり、最近はインタラクションデザイン領域に手を出したくてAdobe After EffectsやFramerで遊んでみたりしています。 ぜひ、みなさんのオススメのツールなどがありましたら、教えていただきたいですー。

f:id:humcooh:20170710200327p:plain

UI BATTLEというイベントに参加した際に実際にメンバーが作成したものです

業務管理ツール

Slack

CrowdWorksでは社内のコミュニケーションはSlackを使用しています。 チームのバーンダウンチャートを自動で通知してくれるbotを仕込んだりと、業務の最適化をSlackでも行なっています。 また、コミュニケーションのみではなく、いつもチェックしているブログやTwitterなどの情報を集めるチャンネルを作って、情報収集の場としても活用しています。

f:id:humcooh:20170710213848p:plain

Googleカレンダー

スケジュール管理はGoogleカレンダーを使用しています。 各会議室やカメラなどの備品の貸し出しまで一貫して管理しています。 突然謎のミーティングが設定されて困惑することも…?

f:id:humcooh:20170710213855p:plain

Trello

プロジェクトや、業務の進捗はTrelloで管理しています。 全チーム横断のデザイン組織のため、タスク管理はとても大変ですが、Trelloの導入によりタスクの可視化、管理が格段と改善されました。

f:id:humcooh:20170710213924p:plain

ふせん

ふせんを使うと全員が発言できるので議論が活発になり、今では欠かせない存在です。 ブレストのまとめなどにも最適で、グルーピングも手軽にでき、議論の趣旨や全体像の理解も深まります。 アナログなので、リモートワークとの相性が悪いのでその点は考慮しなくてはなりませんね…。

f:id:humcooh:20170710204922j:plain

チームの一週間はこんな感じ

月曜日はプランニングDAY

UDGではスクラム風のチーム体制をとっています。 週の初めに今週のプランニングを行なっています。 ポイントの管理などはTrelloを活用しています。

水曜日はNOミーティング、NO残業DAY

私たちデザイナーにとって集中して作業できる時間はとても大切です。 ミーティングばっかりで作業時間がなかなか取れない、ということがよくありました。 そのため毎週水曜日は「NOミーティング、NO残業DAY」とし、作業のみを行い定時に必ず帰る日、としました。

f:id:humcooh:20170710220245p:plain

毎週水曜日にUDGのSlackチャンネルに定時近くになると警告してくれるようにbotを仕込みました

金曜日は振り返りDAY

週の初めにしたプランニングをもとに、一週間を振り返ります。 単純に振り返るだけではなく、ポイントの消化率や理想的なポイントなどの精査を行なっています。

f:id:humcooh:20170710202738p:plain

働き方の多様性を目指して

CrowdWorksでは働き方の多様性、個々の可能性を最大化するための人事制度があります。 実際に自分たちでも活用しているとても魅力的な制度なので、ご紹介出来ればと思います。

リモートワーク

1週間に3日まではリモートワークが可能です。 朝の出勤にかかる時間を考慮しなくていい点や、作業に没頭できるのが魅力的ですね。 始める前はコミュニケーションに不安がありましたが、Slack上でのコミュニケーションやビデオチャットを用いながら、実際にUDGのメンバーでトライする中でその不安は解消され、今では全てのメンバーがリモートワークを気軽に行えています。

f:id:humcooh:20170712162957p:plain

フレックス

10 -16時のコアタイム以外は自由に時間を使うことができる制度です。 イベントや勉強会に行ったり、社外の人との交流など、自分のスキルアップなどにも活用しています。 たまに「今日はもう飲みに言っちゃおうか」なんてことも…?

f:id:humcooh:20170710211917p:plain

お子さんがいるメンバーはフレックスを利用して早めに帰宅する日も

のびのびと仕事をしています

集中ROOM

作業に没頭できる場として、集中ROOMという個室がオフィスに設置されています。 もくもくと作業したい場合に篭る場所として活用されています。 ちょっと殺風景なので、私はあまり利用しませんが…。

フリースペース

イベントスペースとしても活用されているMixLab。 このMixLabの奥には「小上がり」が存在し、社員が自由に使用することができるスペースがあります。 ちょっと気分を変えて作業したいときに活用しています。 ここから見る景色が好きで、私もちょくちょくこの「小上がり」を活用しています。

f:id:humcooh:20170712162201p:plain

f:id:humcooh:20170712162418p:plain

さいごに

いかがでしたか? 少しでも私たちの働き方がお伝えできたでしょうか。 イベントなどでお会いしたら「うちのチームではこんなことしてるよー」や「このツールよかったよー」などの意見交換をさせていただきたいです。

また、CrowdWorks UXデザイングループでは、一緒にデザインしてくれる仲間を募集中です! 少しでも興味を持ってくれた方、小上がりってどんなところ?など気になった方、お気軽にオフィスに遊びに来てくださいー。 お待ちしています。

www.wantedly.com

instagramはじめました!

私たちの日常をもっと知ってもらうために、instagramをはじめました! ぜひ、フォローしてくださいー。 www.instagram.com

各デバイスを含めた、サービス全体を考えてモノを作るための授業(UX Failcon 登壇レポート)

f:id:ueda1023:20170703141628j:plain

こんにちは、デザイナーの上田です。最近 High Resolution という海外のデザイン組織を特集している Podcast を聴き始めてまして、あまりに面白いので、全コンテンツ日本語訳できないかなーと、もやもや検討してます。

さて、先日 UX Failcon 〜先人たちの偉大な失敗と成功〜というイベント (主催はDMM.comラボさん、UX MILKさん、CAREER HACKさん)でお話をさせていただきまして、今回はそちらの記事を書かせていただければと思います。

uxmilk.connpass.com

UX Failcon 俺みたいになるな!!

f:id:ueda1023:20170703164836j:plain

f:id:ueda1023:20170703164829j:plain

UX Failcon とは、テレビ朝日で毎週日曜よる21時58分〜放送されている「しくじり先生 俺みたいになるな!!」というテレビ番組をイメージし、UXデザインを実践した事例の中から、失敗した経験とそこからの修正と着地までの話を提供するといった趣旨のイベントです。

登壇のお誘いを受けた際、改めて自分自身の経験を振り返ってみていくつか候補が浮かんだのですが、失敗からの修正や着地といったところに比較的対処できているアプリプロジェクトでの話を今回はさせていただきました。

PCメインのサービスなのに、アプリ好き勝手に作っちゃった

しくじり先生のフォーマットに習って整理すると、

  • どんなしくじりか?
    • 好き勝手にアプリをつくった結果、使いづらいアプリにしてしまった
  • どんな先生か?
    • PCメインのサービスなのに、PCとの一貫性を無視してアプリ好き勝手に作っちゃった先生

といった内容でお話しさせていただきました。

クラウドワークスはもともとPCのみだったのですが、2015年以降アプリでもサービスを展開しています。

私はアプリのプロジェクトでサービス改善やUIデザインの担当として関わっていたのですが、プロジェクトの進め方やUIデザインにおいてしくじりポイントがあったので、そのあたりの内容をお話しいたしました。

詳しい内容は、以下のスライドをご覧いただけると幸いです。

伝えたかったこと

スライドにもある通り、アプリ未経験でプロジェクトに取り組んだ背景もあり、目先の数字だけに囚われて定性的なものを軽視してしまったり、PCメインのサービスなのにアプリ独自の仕様をたくさん詰め込んでしまったりと、反省点の多いプロジェクトでした。

サービス改善の経験を重ねたり、UIデザインを学習する中で当時を振り返って「じゃあ、どうすればよかったのか?」と見えてきた部分もあるので、同じ失敗を繰り返さないための教訓として、以下のような内容を共有させてもらいました。同じような状況にある人にとって、少しでも参考になればと思っています。

教訓 其ノ一「数字だけに囚われることなかれ。」

定量的な数字のみ追ってしまい、定性的なものを軽視していたので、 自分たちが好き勝手に作ってしまったことに気づけなかった。

教訓 其ノ二「アプリはユーザー体験の一部。一貫した設計を意識せよ。」

デバイスの役割は被り、はっきり切り分けられない。 逆に機能に一貫性を持たせることで、相互に代替できるようにすべきだった。

さいごに

UX Failcon は企業やプロジェクトの規模を問わず、普段聞けない失敗事例を知れるので、自分自身も他の登壇者の方の話を聞いてとても勉強になりました。後日、CAREER HACKさんがイベントのレポート記事を公開して下さるそうなので、よろしければそちらもウォッチしていただけるとうれしいなと思います。

といった感じで、日々、試行錯誤しながら業務に取り組んでいます。そんなクラウドワークスにご興味ある方、恵比寿のオフィスまで気軽に遊びに来てください!

最後までお読みいただき、ありがとうございました。

www.wantedly.com

デザイナー以外へUXガイドラインを浸透させるためにやったこと

f:id:takuto-yao:20170627122119j:plain

こんにちは、UXデザイナーの八尾です。

今回は以前公表し、多くの方に読んでいただいたクラウドワークスの"UXガイドライン"について書こうと思います。

UXガイドラインとは、 クラウドワークスというサービスが提供すべきユーザー体験の指針を、11ケ条・33項目にまとめたものです。

さて、今回は作成したUXガイドラインをどのようにデザイナー以外のメンバーに浸透させたかということについての記事を書こうと思います。

やったことは大きく二つです。

  1. UXガイドラインを印刷、メンバーに配布
  2. UXガイドラインをもとにワークショップを実施 

1.UXガイドラインを印刷、メンバーに配布

せっかく作ったガイドラインも、デザイナーが利用するだけでは不十分です。

なぜならUXガイドラインはデザインをする上での指針ではなく、プロダクト全体の指針だからです。

まずはとにかく多くのメンバーにみてもらおう、手元に置いてもらおうという思いでUXガイドラインを印刷し、実際に本にしました。

画像のようにしっかりと表紙をつけ、中には目次やはじめにという項目をつけ一つの読み物として成立するよう工夫しました。

そして製本も自分たちでやりました!

f:id:takuto-yao:20170628101204p:plain

そして完成したのが↓

f:id:takuto-yao:20170627102709j:plain

それに加えて各チームの使用しているホワイトボードにフライヤーを設置してメンバー全員に周知できるよう工夫しました!

↓こんな感じ

f:id:takuto-yao:20170628100938p:plain

f:id:takuto-yao:20170628101009j:plain

ここまでで結構時間と労力かけてます(笑)

2.UXガイドラインをもとにワークショップを実施

UXガイドラインの印刷・配布によって社内認知を広めた後に、メンバーにしっかり使ってもらえるようワークショップを実施しました。

対象はプロダクトに関わる全社員。

ワークショップの様子は以下の写真をご覧ください。

f:id:takuto-yao:20170627122056j:plain

f:id:takuto-yao:20170627122119j:plain

ワークショップの内容は?

ワークショップでは仮想の機能を題材にしてワイヤーフレームを書くという内容でした。

扱った題材はクライアントからクラウドワーカーにお歳暮を送れるという機能でした!

※私たちが運営する「クラウドワークス」は、お仕事を発注する「クライアント」と、お仕事を受注する「クラウドワーカー」をマッチングするサービスです。

  1. クライアント→クラウドワーカーでお歳暮を送る機能のワイヤーフレームをUXガイドラインを見ずに作ってみる

  2. UXガイドラインを使ってレビューする
  3. チームのアウトプットをお互いにシェア

という流れで行いました。

考えやすいようにお歳暮はクッキーかamazonギフト券に限定したり、技術的な難易度は考慮しないようにするなどいくつか前提を加えました。

こういった前提は事前にUXデザインチームでリハをした時に議論になったものを反映しています。

工夫した点

  1. 仮想の機能を題材に用いたことで既存の機能などとは切り離し、比較的0ベースで考えられるよう工夫しました。
  2. 実際のアウトプットに対してUXガイドラインを利用することでリアルな使い方をイメージづけてもら得るようにしました。
  3. UXデザインチームのメンバーも全員出席し、フィードバックやUXガイドラインの解説を行い、楽しみながら理解が深まるようにしました。

実際やってみてどうだった?

ワークショップを実施したことで実際多くのメンバーにUXガイドラインの活用法についてイメージしてもらうことができました。

アウトプットの内容もチームごとに大きく異なるところがあり楽しみながら実施することができました!

実際、ワークショップ後のアンケートではこのような声がありました。

・判断に迷った際などの根拠になると思う。参照していきたい。

・今回実際に使うことができたので、どのように活用したらいいかイメージが湧きました。事例もあったのがよかったです。

・ワークショップで体感的に理解が進んだ

・根拠としてガイドラインを使うことでコミュニケーションが円滑になりそうです

短い時間のワークショップとはなりましたが、まず具体的なイメージをつけてもらうという意味では非常に意味のあるワークショップになったなぁと感じています。

感じたこと

社内に新たな文化や仕組みを浸透させる上で重要だなと感じたことは徹底することです。

プロダクトに関わる社員全員の時間をいただいて、かつ、デザイナー全員の時間を使って一つのドキュメントへの理解を得る機会を作るということは簡単なことではありません。通常業務で忙しい中そんなことをしている暇はないという声もあると思います。

それでも作りたての今だからこそ、徹底して全社員に伝わるようにある程度コストを割いて工夫を凝らすことが将来的にはいいプロダクトを作ることに繋がると試していく中で感じました。

最後に 

いかがでしたか?

社内で作った指針をどのように社内に浸透させたかという内容でした。

そうはいってもまだやれることはたくさんあるので、今後当たり前に使われるようにどんどん新しいことをやっていきます!

 

そんなデザイン文化を築こうとしているワクワクする時期のクラウドワークスUXデザイングループではデザイナーを募集しています。

ご興味ある方はぜひ遊びに来てくださいね!

www.wantedly.com

初めてモバイルアプリのデザインに携わって学んだ3つのこと

f:id:yusuke-tamura:20170623165456p:plain

こんにちは!デザイナーの田村です。

今回はモバイルアプリの話をさせていただこうと思います。

というのも、先月リリースされた「CrowdWorks for Client 発注者アプリ」は、わたしにとって初めてモバイルアプリに携わる機会となったからです。

しかし、無事にリリースすることはできたものの、最初はとにかく勝手が分からずいろいろと試行錯誤したことを覚えています。

そこでこの記事では、主にモバイルアプリのデザイン経験の無い方を対象にして、上記の試行錯誤の中で学んだ3つのことをご紹介したいと思います。

続きを読む

経営企画室で勉強会をしました。

どうも、2回目です。

経営企画室 ブランディングPRチーム アートディレクター
鈴木雄大です。(前回自己紹介がてら書いた記事はこちら→http://designer.crowdworks.co.jp/entry/2017/04/21/170000

「経営企画室で勉強会をした。」ということで、そもそも「経営企画室」って何?ですが、

経営企画とは、“会社経営のかじ取り役”です。会社が小さいときは、社長が自ら経営企画に携わることが多いのですが、会社の規模が大きくなると組織としての経営企画機能が必要となってきます。 そこで求められるのが、経営企画の存在。市場のニーズ動向分析や競合他社調査などをもとに、中長期的な経営企画の立案を行なったり、経営者のパートナーとして経営業務をサポートしたりといった業務を手がけます。(引用元:https://employment.en-japan.com/tenshoku-daijiten/12430/)。

一般的には、こういうことらしいのですが、

組織自体もこの4月から立ち上がり、クラウドワークスでのメンバーは広報・秘書・渉外・IR・M&A。それぞれバラバラ。なので、今クラウドワークスでの経営企画室ってなんだろう。は、今、動きながら作っている。そんな感じです。

そんな中、僕自身、広報・秘書・渉外・IR・M&Aの業務内容や役割、なんか大変そうだけど何してるの?は、同じチームとして理解しないといけないと思い、それぞれの役割を理解するために勉強会を提案し、やってみました。

f:id:yudai-cw:20170609141354p:plain

最初は、

こんな感じで、まずは仕事の整理術的な話から

社内スローガン浸透PJのUDGポスターのデザインが完成するまでのプロセスの流れで、デザインって、なんぞやを説明させてもらいました。

結果、反応は

・そもそもの思考のプロセスに驚きがあった。
・最初から頭の中に絵があると思っていた。
・協業していくうえで、どこまで話をシャープにすればいいのか知りたい。
・作業や思考のプロセスがどれだけ、分解されて一つのデザインが作り出されるのか。など

と、いう感じで、興味と関心を持ってもらえました。

やってみて思ったことは、役割の違う人の仕事は知った気になっていて、実は理解していない(自分もそうだけど)。お互いが実現したいことの価値を最大化できるかは、理解することからはじまるんじゃない?ってことでした。

実際、広報の仕事は、よりやってることに興味が湧いたので広報のイベントに行って学びを得たりしています。これがまた色んな形の広報があって面白い。やり方に決まりはないんだなと感じます。

さらに、会社ってこうやってできてるんだとか、新しいビジネスもどうしたらできるのか、協業していく中で、新しい発見がたくさんあります。

と、いうことで、こんな自由なワークスタイルで、自分のキャリアもやりたいこともデザインできるクラウドワークスでは、様々な職種を募集しております。

www.wantedly.com

常識に捕らわれず、どんどん挑戦したい方はぜひどうぞ。

クラウドワークスを作り変えるUXガイドライン(11ヶ条33項)の中身を初公開

f:id:ueda1023:20170607145714j:plain

こんにちは、UXデザイングループのデザイナーの上田です。最近ハマってる音楽は、先日オススメしてもらって聴き始めた Little Glee Monster でして、 先月発売の「だから、ひとりじゃない。」を永遠リピートする日々です。

さて、クラウドワークスのUXデザイングループでは、仕事(発注者)と受注者のマッチングサービス「クラウドワークス」の提供すべきユーザー体験の指針として、2017年1月に“UXガイドライン”を作りました。

デザイナーイベントのUX JAM 14で、「自分たちでつくった『UXガイドライン』を片手に、クラウドワークスを作り変える」といったテーマで社外向けの発信はしており、SNSやイベントなどで一部反応は頂いていたものの、ガイドラインの内容自体は公開できてませんでした。そんな中で、もろもろ準備が整ってきたので、今回の記事では初めてその中身を公開できればと思います。

続きを読む

UIライティングについて考える連載 vol.1

みなさんこんにちは。UXデザイングループのマネージャー、アタラシです。家でリモートワーク中にこのブログを書いています。リモートワーク、通勤がないのでめっちゃいいんですけど、お昼ご飯を自分で用意しなきゃいけないところだけが個人的には難点です。今日のお昼は中本のカップラーメンです。ハイ、おいしい昼飯が確定しました。

どんな中身の連載になる?

細かいことは、まだ何も考えてないのですが、とにかく「UIライティング」っていうテーマを扱いたいなと。言葉って、たったひと言で、人間関係とか世の中が変わっちゃうくらい重要じゃないですか? なのに、UIについて語られるとき、テーマはデザインのことばかりで、言葉への言及はあんまり見かけない(最近、見かける頻度が高くなってきたような気もしますが)。だからちょっと、UIまわりの言葉について、観察したり考察したりしたことを、ツラツラと連ねてみようかなと思っとります。

ちなみに、アタラシは、前職でコピーライターとして広告コピーを書いていまして、クラウドワークスにもコピーライターとして入社しました。当初は、社内外のコミュニケーションデザイン(なにそれ)を担当しており、半年前からやっとプロダクトデザインに関わるようになった状態です。なので、まだまだいろいろと勉強中。その過程で、目がいくのは、やっぱり言葉まわりのことだったりします。

f:id:takeshi-atarashi:20170601125425p:plain

そういえば、「何でこんなにもUIライティングについては語られていないんだろう?」と考えていて、ひとつ「これかな?」と思いついたことが。それはもしかしたら、「デザイントレンドは海の向こうから入ってくるが、言葉のトレンドは入ってこない」ってことなのではないか、と。

海外(っていうかアメリカ)は、言語や宗教が多様な「人それぞれが違いすぎるのが当たり前」な文化だから、(少なくともUIにおいては)言葉を「いかに多用しないか」という方向への発展しかしておらず、言葉の「活用性」についてはあんまり発展してこなかったのかなーと、想像しました。

あ、でも全然違うかもしれないので、信用しないでくださいね!マジで何も調べずに書いてるので。どなたか、この件について考察したことある方は、ぜひご一報ください!普通に理由が知りたいです。

f:id:takeshi-atarashi:20170601125158p:plain

言葉の意味は何で決まるのか

さて、今回のテーマは「言葉の意味は何で決まるのか」ってことにしてみます。突然ですが、あなたに質問。

あなたにとって、以下の2つの言葉には、どういう意味の違いがありますか?

  • ゴミ捨て場に落ちている看板に書かれている「トイレはこちら」
  • 街角で見つけた看板に書かれている「トイレはこちら」

文字的にはまったく同じです。意味も同じ。看板も同じ。看板がある場所だけが違います。質問の意味がよくわからない? まあ、そりゃそうっすよね。

f:id:takeshi-atarashi:20170531141142p:plain

じゃあ、これだとどうですか。想像してみてください。

あなたは今、ビール10杯飲んで、終電逃したあと、家に向かって歩いています。そして、超絶に漏れそうです。そんなとき、2つの看板を見つけました。あなたにとって、以下の2つの言葉には、どういう意味の違いがありますか?

  • ゴミ捨て場に落ちている看板に書かれている「トイレはこちら」
  • 街角で見つけた看板に書かれている「トイレはこちら」

これだと、どうですか? 完全に意味が違いますよね。後者の「トイレはこちら」という言葉は、すぐ近くにトイレがあることを示唆してくれていているので、「おめでとうございます!あなたはまもなく救われます!そして、人としての尊厳を失うことなく帰宅できます」という、ものすごい意味の言葉になっているわけです。歓喜ですね。

今回のtips「言葉の意味は読み手の文脈で決まる」

ということで、早速ですが、まとめです。

  • 言葉というのは、読み手の文脈(背景)によって、だいぶ意味が変わる。

  • UIだろうが、日常だろうが、言葉を扱うときは、読み手の文脈(背景)を積極的に意識すること。

言葉って、見るだけで済むデザインに比べると、見たあとに読まなきゃいけないものなので、直感的に伝える力は弱いです。そのせいで、UIデザインにおいては特に、「言葉はデザインの補足」みたいな捉え方をされることも多いのかなと思います。だけど、明確な意味の伝達には、やっぱり言葉は必須だし、メインのツールです。利用者の背景などをしっかりと考えて、言葉を上手に活用し、効果的なUIをつくっていきたいものですね。

そういえば!現在、UXデザイングループでは、「UIライティングよりもやっぱりUIデザインが好き」というデザイナーを募集してます。興味ある方は、連絡ください。ぜひカフェでお茶でもしましょう。 www.wantedly.com

新卒の見習いUXデザイナーがユーザーさんの声を聞いて感じたこと

f:id:takuto-yao:20170524115154p:plain

初めまして、新卒1年目のUXデザイナーの八尾と申します。

今年の4月から初めて「デザイン」という領域に関わっています。

そして日々デザインというものの奥深さを体感しております。

 

本日は、そんな私がUXデザイナーとして約2ヶ月取り組んできたユーザーさんの声を聞くということについて書いてみたいと思います。

続きを読む

文字について考えよう Vol.1

f:id:humcooh:20170517163940p:plain

「文字には不思議なちからがあります」とTRICKというドラマで山田里見(野際陽子さん)が言っていたのを、ふと思い出しました。

はじめまして、CrowdWorks UXデザイングループの浜野です。文字が好きすぎるデザイナー(グラフィック歴6年:Web歴1年半)です。

突然ですがみなさん、好きな書体はなんですか?

私がいま一番好きな書体はBrandon Grotesquです。

f:id:humcooh:20170517152341p:plain

可愛らしい印象を持ちながら、シンプルで力強いイメージも持っている、とても魅力的なフォントです。Cap & Lawの相性がいまいち悪く、使う時はもっぱらAll Capsで使ってしまっていますが…

和文であれば、A1明朝やこぶりなゴシックなどのフォントを溺愛しています。

嫌いな書体はDINです。

f:id:humcooh:20170517152453p:plain

正確に言うと、訳もなく使われているのが見えてしまうDINが可哀想で目も当てられないのです。

 フォントには生まれた国や歴史、文化などがあり、もちろん得手不得手があります。DINは1930年頃ドイツ工業規格(Deutsche Industrie Normen)のために作られたフォントで、ドイツの道路看板などに使用されています。日本でいうところの「公団ゴシック*1」にあたります。

※ちなみにこの「公団ゴシック」は高速道路というスピードの高い環境下で、的確に情報を認識させるために、棒を数本少なくしたりと本来の文字としての正確さを犠牲にしているので、興味深いですよね。

 必ずしも、日本のデザインにドイツのフォントを使ってはならない、ということではなく、歴史や文化を理解した上で適切なフォントチョイスをしよう、ということです。

さて前置きが長くなりましたが、そんな文字バカが文字について日々悶々としていることをお話ししたいと思います。

*1:2010年まで使用されていましたが、現在はヒラギノ角ゴシックW5に変更されています

続きを読む

デザイナーとデザイナーじゃない人でデザイン組織を作る(UX & Service Sketch #27 登壇レポート)

f:id:takeru0757:20170510171135j:plain

こんにちは。エンジニアの廣瀬です。連休中に『ラ・ラ・ランド』観てきました。とても良かったです。もう一回観に行きたいです。

さて、冒頭に書いた通り、僕はエンジニアで、つい最近までは他のエンジニアと一緒に開発チームで実装などを行っていましたが、今年の春からは“UXデザイングループ”というデザイン組織でデザイナーと一緒に仕事をしています。

とは言っても、ジョブチェンジをしたわけではありません(社内では「廣瀬、エンジニアやめるってよ」みたいな誤解も一部ありました)。いわゆるデザイナー、ビジュアルデザイナーになるつもりも今のところはありません*1

それではなぜエンジニアがデザイン組織に所属することになったのか?――そのあたりも含めて、先日、弊社のオフィスで開催された『文化の違いを多角的に捉える UX & Service Sketch #27』(Media Technology Lab. さん主催)というイベントでお話をさせていただきました。

mtl.connpass.com

*1:色々あって「UXデザイナー」という肩書は増えました。

続きを読む