2016年12月18日（日）
UIデザインワークフロー ベストプラクティス
朝早いセミナーって珍しいんですが、
UIも学んでおかないといけないので、
忘年会前に頑張って参加してきました。
講師はJuusando代表のハフィドさんです。
1 良いデザイナーについて
・スキル＆センス（３０?４０％）
・基本ルール＆知識
・スキルアップ＆インスピレーション
・ナイスワークフロー
※インスピレーションが一番大事
２ デザインの原則
・革新的
・実用的
・美しい
・分かりやすい
・主張しない
・誠実である
・ながもちする
・細部まで完璧
・環境にやさしい
・純粋で簡素
３ UIデザイン4Dプロセス
・Discover（発見）
・Define（定義）
・Design（デザイン）
・Deliver（納品）
４ UIデザイン「７ステップ」プロセス
・理解（なぜなのか）
・リサーチ（似ているサービスを探す・理解）
・ストラテジー（どんなことをするか）
・提案
・デザイン
・納品（スタイルガイド・プロトタイプ・アイデアなどたくさんある）
・テスト
５ UIデザインワークフロー
・デザインツール（Skechおすすめ）
・インスピレーション
・リソース
・コラボレーション（クライアント＆チーム）
・コミュニーケーション（Chatwork・Slack）
・学習＆スキルアップ
・テクニック＆コツ
▼デザインツール
・ワイヤーフレーム
UXpin Balsamiq Axure
※一番いいのは手書き
・UIデザイン
Sketch XD Figma
・インタラクションデザイン
Principle Flinto Atomic
▼インスピレーション
・UIデザイン
Dribbble Behance Muzli Pinterest Pttrns Uiohmy Uihaus Collectui
・インタラクションデザイン
Capptivate Uimovement Appanimations
・アイコン
Iosicongallery Iconsfeed
・ボーナス
Littlebigdetails
▼リソース
UIデザインモックアップ
Sketch App Sources XD Guru Principlerepo Freebiesbug
Sketchrepo Dbfreebies PSDRepo Mockupcatalog
Applypixels UISpace Designmine
アイコン
Flaticon Iconmonstr Iconjar
▼リソース２
画像
Unsplash Gratisography Lifeofpix Imcreator
動画
Coverr Videos.pexels Pixabay
フォント
Losttype Fontsquirrel Fontfabric
カラー
coolors colorhunt
▼コラボレーション
Zeplin Invision GoVisually Cage Mural Red Pin
Avocode Prevue Real Time Board
invisionの勢いが強い
▼コミュニーケーション
ツール
Slack Trello HipChat Basecamp Asana Mister Task Bitrix24
▼学習＆スキルアップ
・専門サイト
・デザインSNS
・デザインコミュニティ
・イベントや勉強会
・本
・デザインブログ
・動画チュートリアル
・無料＆有料デザイン講座
→前回の作品よりもっと良いものを作る
▼テクニック＆コツ
・遊び心
（いい気分じゃないとクリエイティブなものが作れない・Youtube見たり、音楽聞いたり）
・便利オンラインツール
・リトルソフト
・パソコン裏技（作業に影響がある楽になる裏技）
・フォーカス
・プラウザプラグイン
（ブラウザのタブをそのまま保存してくれる）
・モチベーション
・大掃除（デスクトップの）
・ワークスペース環境
・カスタマイズ
・マイライブラリ
・ファイル整理
・ツールショートカット
■質問タイム
ハフィド氏→デザイナーとしてどのプロセスまでやっているか。
→プロジェクトでまちまちで自由になっている。リサーチからテストまで。
→提案書までクライアントに纏められてしまっているので、
それをどう指摘するか。
ハフィド→リサーチデータだけ持ってくるクライアントがいる。
クライアント会社がUXを知らないのに、
いろいろなサイトのいいところを集めたワイヤーフレームを持って、
デザイン会社を探すことが多い。
→人によるところがあるが、UIデザイナーの半分くらいは全部に関わっている。
ハフィド氏→インスピレーションどうしてますか。
→ドリブルやピンタレストを見てる。
→良いデザインサイトを真似して練習してみる。
ハフィド氏→リソースで海外や国内のものを見ている人います？
→ワードプレスを扱っているので、海外のテンプレートを見たりする。
ハフィド氏→スキルアップどうしてます。
→アイコン作るときとかに時間を計っておいて、次の作業の時に比べる
→ドリブルとピンタレストの良いデザインをSketchで作っている。
ハフィド氏→スキルアップを感じますか？
→模写をしているとスピードアップしている感覚がする。
■プロセスで使っているリソース、ツール、テクニックなど
■UXUIデザインの役に立つツールやサービスの紹介
・Behance
https://www.behance.net
・littlebigdetails
・iconjar
http://geticonjar.com
・Product hunt
・https://muz.li
・kap
・right font（フォント）
・SIP（カラー選択）
・tabloid（Choromeプラグイン）
・CAPPTIVATE.CO
http://capptivate.co
UIデザイナーのツールとかの情報量がすごくて、
とても刺激的なセミナーでした。
コメント