weekyUI-01
10 Screens, Last modified on Nov 11, 2019 04:45 GMT
https://xd.adobe.com/view/0f6eaff8-5e04-44d5-4024-a7218711cbc3-795f/
初めまして、こんにちは!
ツクリンク株式会社でデザインしております引間と申します!
カバー画像のデザインを昨年末頃から流行りのニューモーフィズムにしてみました!
今回は弊社デザイナー同士で行われている「2WeeklyUI」について
紹介したいと思います!
それでは早速ですが、2WeeklyUIについて紹介していきます!
・2週間で1画面を設計からプロトタイプの作成まで行う。
・遊び感覚で作成する(ぶっ飛んだデザインを意識)
・2週間後にデザイナーチーム(現在3名)でレビューを行う
・ツールのキャッチアップ
・デザインの引き出しを増やす
・定期的にアウトプットする機会を作る
※参考:チームでデザイン力を高めよう! Weekly UIトレーニングの紹介
・テーマをデザインチームの担当者が自由に決める(回ごとに順番で変わる)
・各自で使いたいデザインツールを決める
・最低限必要な機能/仕様は決める
※例:フォーマット(SP:375×667)
・制限時間は3時間以内
続いて第1回の内容を紹介いたします!
・CO2測定アプリ
・SP(375×667)
当時社内でCO2への関心度が高まっており、その勢いのまま決定されたようです。
上記のテーマを元に作成された2つのデザインが作成されました!
・CO2の量によって危険度を写真で表現した(XD上で新機能でレタッチ)
・下の波波はCO2の増減の変化を表現した(アニメーション機能使用)
・フォントは画面領域に合わせて選定した
・画像の選定基準は危険度が視覚的に伝わるもの(はじめの写真は余白を利用した)
・タイマーを設置して危機感を出す
・ゲーム性を組み込む(おじいちゃんが美女になるなど)
・ビジュアルで認識できるように(色で識別)
・おじいちゃんで面白くした、楽しめるように
・フォントは強調したい部分で明朝、その他の部分はゆるさを表現した
ワクワクさせる仕組みの部分や視覚的な部分など、
デザイナーによってこだわる部分が違って面白いですね。。
レビュー時にはXDで簡単なアニメーションが作れるという知識の共有や、
ブラッシュアップのためのフィードバックも行われて、新たなインプットがありました。
加えて、議論を重ねることが多いことから日々の業務のやりとりをより円滑にする効果もありそうです!
・人によってデザインする優先順位のつけ方が違って面白い!
・普段の業務から離れてデザインすることで、息抜きになりモチベ上昇!
・作業効率ノウハウやデザインツールの新機能を共有することができるため、スキルアップに繋がる!
・デザイナー同士のコミュニケーションの場になり、日々の業務のやりとりも円滑になる!?
デザインスキルの向上だけでなくコミュニケーションの場の1つにもなり、
チームの団結力にも良い効果が出始めたため、
めでたく引き続き2WeeklyUIを行うことになりました。
第二回のテーマは感情シェアアプリです!
一体どんな作品が出てきたんでしょうか?楽しみです!
「うちはこんなことやってるよ!」みたいな例があれば遠慮なく教えてください!