デザイナーズハック

デザイナーズハックとは？

デザイナーがメインとなり、サイトやアプリのUI/UX・デザインを徹底的に追及してつくり上げるという、参加者が主体となるイベントです。

1日という限られた時間内で、最終的にシステム実装前までのモックを作り上げることをゴールとします。

いわゆる「ハッカソン」のデザイナー版のようなもので、デザイナー同士の交流や、発表を通して自分とはちがう意見に触れる機会になればいいなと思っています。

デザイナーズハックをやりたいと思ったのは、次のふたつのイベントに参加したときでした。

どうしても技術がメインとなり、時間も限られているため、肝心のUI部分をしっかりと話し合えなかったから。もっとユーザーのことを考えて使いやすいものをしっかり作りたいなと思いました。

アプリの仕様を考えてワイヤーフレームを模造紙に書いてみるというワークショップにいくつか参加しましたが、そこで終わってしまうのがどうしてももったいないなと思ったから。

ディレクター（設計・接客なども含め）、デザイナー、エンジニアの境界線がうすれてきているということ。

ディレクターからワイヤーを渡されて、「これをきれいにデザインしといてよ」というデザイナーで一生を終えないために、いろいろな技術に触れてみようという趣旨もあります。

時間内でデザインを作りこむので、Photoshop や Fireworks などグラフィックソフトを使ってデザインを作れる人をメインターゲットとします。

アプリ・サイトを設計していく上で、デザイナーといっしょに仕様を決定することができます。また、エンジニアは決定した仕様のモックなどを作っていき、可能であればデザイナーが作ったデザインと合体させることもできます。

普段会社で仕事をしている制作チームが、チームごと参加することもできます。案件以外の制作を通して、いつもは見えないところが見えたり、チーム力アップにもつながるかもしれません。

今回で制作するものの発表。場合によっては 30分〜1時間程度のオリエンテーションやライトニングトーク、レクチャーの時間を設けます。

「こんなもの作りたい！」というアバウトな感じで、制作する題材をいくつか決めます。題材ごとにグループを作り、詳しい仕様やページ遷移、ワイヤーフレームを決めていきます。

アイデアソンで決めたものをもとに、各自デザインを作り込んでいきます。

自分の作ったデザインを発表します。

デザイナーズハックで制作したものとして、Webサイトのギャラリーに掲載します。（制作者の許可を得たもののみ）
# 著作権がデザイナーズハックにうつることはありません。

●→必須、○→あるといいもの

●パソコン（デザインを作れるソフトが入っているもの）
●VGAケーブル（プロジェクターとつなぐ用）
○マウスまたはタブレットなど
○大きめのノート、ペン、ふせんなど（アイデアソン、ブレスト用）
○テーブルタップ（タコ足配線）
○名刺

基本的には上記の流れをベースとして、年に4〜6回ぐらいの開催を予定。このデザイナーズハックはあくまでデザイナーがメインのため、エンジニアとのコラボハッカソンなどを随時開催する予定です。

また、アプリが題材となった場合、デザイナーだけでは仕様決定が不十分な場合が多々あります。その場合は、そのときに来ているエンジニアに教えてもらうか、もしくはオープニングでレクチャーをしてもらうことも可能です。

技術がどんどん進んでいき、新たな端末がどんどん出てくる中、そういった端末のデザインをしようとするときは、デザイナーもある程度その端末の特性を知っておく必要があります。

またそれに従って Web 制作だけでなく、いろいろな端末のデザインもできる人が今後どんどん必要になってきています。

普段の仕事だけではなかなかそういったことができないデザイナーさんに対して、しっかりと自分の制作にあてる時間を作ることができれば、わたしたちはうれしいです。