Designers Hack - デザイナーズハック

Web やアプリのデザイナーか「技術にしばられないでデザインを考えていく」コミュニティ。
月1回の定例MTGと年に数回のデザイン中心ハッカソンなどをしています。

  

マルチデバイスに幅広く対応できるデザイナーであるために

2012.04.25

PC版Webサイトだけで完結することのほうが少ないここ最近、次々と出てくるデバイスに、Webデザイナーはどう対応していったらいいのか?というのが今のデザイナーの課題です。

スマートフォンサイト、iPhoneアプリ、Androidアプリ、HTML5やJavaScriptだけで作れるというWebアプリ、各デバイスそれぞれのデザインをするには、次のことが必須となります。

  • 各デバイスのシステムデザインを熟知していること
  • 各デバイスに常に触れていて、そのハードの特徴と長所短所を熟知していること
  • 各デバイス独自のユーザーインターフェイスガイドラインを熟知していること

よりインタラクティブになるサイト、インターフェイス設計がカギとなるアプリ。

今後はPCやスマートフォン以外にも、近い将来ではテレビなどのデバイスでWebサイトを閲覧することも増え、それ用のアプリ(#)も展開されていくでしょう。

#日本・アメリカ以外ではすでにOpera TV Storeがオープンしている。

デザイナーズハック

デザイナーズハックはそもそも、Android系のハッカソンにデザイナーとして参加したものの、形にならなくてとても悔しかった気持ちから始まっています。

自分だけでの勉強や情報発信から、みんなで集まってわいわいやるものまでいろいろと考えています。

  • 組み込み済みですでに動くシステムを使って、UI/デザインを考えて作ってみる
  • エンジニアの、デザイナーに対する(文句)気持ちを聞いてみる
  • 各デバイスで、最適なデザインのパターンとその作り方の勉強会

デザイナーも技術を追いかけないといけない

特にHTML5などは今の流行でもあり、また実際にこれからもっと発展していく技術でもあり、細かく追いかけて行かないと数年後には技術者として困るかもしれないという理由から、エンジニアさんはこぞって追いかけていっている技術です。

しかし、そういった技術はエンジニアさんだけのものと思っていては、デザイナーとしても置いていかれてしまうと思うんです。 HTML5で何ができるか、ということを知っていないと、その技術を使ったmaxのデザインはできません。

100%できる必要はないと考えています。
ですが、「ゼロ」ではダメです。
せめて「イチ」でもいいので技術も勉強しながら、デザイナーとしてもっともっといろいろなマルチデバイス・技術に対応できるようになっていきたいという気持ちです。

このブログでは

そういったマルチデバイス対応のデザインをするときに知っておきたいこと、備忘録、Tipsなどを自分目線で発信していきます。
また、実際に行なった勉強会やイベント活動などもアーカイブしていきます。

管理者

秋葉ちひろ(@tommmmy
Lady Beetle Design
デザイナー/アートディレクター ふんわりとしたやわらかいデザインワークを主軸とし、Web制作全般・アプリデザインなどに携わっている。制作の他、講演や執筆なども。

It’s the designers’ tasks that how we adapt to the multidevies. Variable designs are required because so many kinds of devices are appeared recently. Not only PC, but also iPhone, Android, iPad, Android Tablet, Windows Phone, and so on. We have to design about each devices and each technologies : * Website (PC/Smartphone) * iPhone App * Android App * Web App (made by only HTML5 and JavaScript) For our design works, we must know well about these things below.

  • System designs of each devices.
  • The features, especially strong points and weak points. We have to touch the devices all the time.
  • User Interface Guideline of each devices.

Websites are getting more interactive. Apps need more useful interface design. In the near future, we will be able to browse websites with TV screen in the living room, and the apps with TV screen(#) will increase. # Opera TV Store is open except Japan and United States.

About Designers Hack

Designers Hack is a community, started with my experience where my design didn’t work on the systems at “Android Hackathon”. I was so galling because my design didn’t work. But in fact, my knowledge about the android technologies was the same as “zero”. So it was not the engineers’ blame. It’s also because of me. I studied and learned about some android technologies, and thought that I need skills about design over the devices. I’ll write design tips, links, and many useful information in this blog.