1
/
5

チームでデザインの力を育む取り組み 2Weekly UI(19/11/12~19/11/26)

こんにちは!ツクリンク株式会社でデザインしております引間と申します!

今回は弊社デザイナー同士で行われている「2WeeklyUI」について
紹介したいと思います!

「2WeeklyUIって何?」って方は、以下の「2WeeklyUI」と「第1回内容」について記載した記事をご覧ください!


チームでデザインの力を育む取り組み 2Weekly UI(19/10/29~19/11/11)|ツクリンク株式会社|note
初めまして、こんにちは!ツクリンク株式会社でデザインしております引間と申します!カバー画像のデザインを昨年末頃から流行りのニューモーフィズムにしてみました! 今回は弊社デザイナー同士で行われている「2WeeklyUI」について紹介したいと思います! それでは早速ですが、2WeeklyUIについて紹介していきます! なにをやるのか ...
https://note.com/tsukulink/n/n6c2a95f98f30


それでは第2回の内容を紹介いたします!

2Weekly UI 第2回内容

テーマ

・感情をシェアするアプリ
・SP(375×667)

上記のテーマを元に3つのデザインが作成されました!


weeklyUI-02
13 Screens, Last modified on Mar 25, 2020 08:59 GMT
https://xd.adobe.com/view/fad92afc-d3f5-4c86-6062-737d54cb72be-8ce8/screen/54457f0b-fbd3-4207-a73d-52ab81f8dd18/normal-3/?fullscreen
・色は見慣れているものによせた(信号)
・感情表現をできるだけシンプルにした
・人数、時間で設定した


Weekly UI 002
4 Screens, Published on Nov 26, 2019 05:09 GMT
https://xd.adobe.com/view/1b82ea5e-e0fe-46b7-6437-d93084380d4b-6db3/
・感情のレスポンスができるようにSNS型にしてみた
・感情の表現は、テキスト、アイコン、背景写真
・社内で利用する想定で作成
・XDのアニメーション機能にチャレンジしてみた
・1.5hで作成


2WeeklyUI_1
17 Screens, Published on Mar 25, 2020 06:22 GMT
https://xd.adobe.com/view/011812a8-145b-4396-60c2-e98f36c0fcd6-7729/
・1日の感情を表現・閲覧できるようにした
・参考デザインはiPhoneの天気アプリとパワプロくん
・感情をシンプルに3つの表現にした
(赤→燃えるような感情、黄→普通、青→病んでいる )
・表情ありのイラストで、負の感情も選択しやすくした
・社内、一緒に住んでいる人同士で利用想定
・各カテゴリー別の感情付け
・アニメーションにチャレンジした


アニメーションにチャレンジしてみたり、好きなものをモチーフにしてデザインを起こしてみるなど、息抜きかつインプットの時間になったようでした!また、メンバーそれぞれの好きなものを知るきっかけにもなり、よりメンバーへの理解が深まったように思えます!

レビュー時には「slackと連携して、社員同士のモチベーションを把握できそう」、「問い合わせの顧客満足度に活用できるのではないか?」などクリエイティブから複数のアイデアが生まれました!

まとめ

・表現手段として新機能を試すことでインプットの時間になる!
・好きなものをモチーフにしてデザインを起こすことで良い息抜きになる!
・メンバーの嗜好を知るきっかけになり、理解が深まった!
・クリエイティブから複数のアイデアが生まれた!

最後に

第2回2WeeklyUIもメンバーのモチベアップや技術向上に繋がったため、
第3回2WeeklyUIの開催が決定しました!

気になる第3回のテーマは「弊社非公式キャラクター」です!
メンバーそれぞれの会社に対するイメージが具現化されて面白そうですね!
「うちはこんなことやってるよ」みたいな例があれば遠慮なく教えてください!

それでは、第3回2WeeklyUI開催後にお会いしましょう!

ツクリンク株式会社では一緒に働く仲間を募集しています
同じタグの記事
今週のランキング
ツクリンク株式会社からお誘い
この話題に共感したら、メンバーと話してみませんか?