久しぶりに勉強会に言ってきました。
どれも参考になって面白かったです。
１社会人として初心に帰ったのがこちらのスライド。
人間が吸収していくのってとっても大変。
とくにデザイナーは沢山のスキルを求められて......
だけど毎日できる事を少しでもいいからやっていく事が大切だよね？と思った
マーケットイン思考とプロダクトアウト思考ってあるけど
双方の兼ね合いをあわせる事ってとっても大切。
デザイナーで言う【見せ方】【体験提供】なんかになるのかなって思います。
よくあるのが【会社の都合だから】みたいな情報をユーザーに提供しないと行けない事もありますよね。【へー】ってユーザーに流されるよりも
【こんなのあるんだ！知らなかった】と思われる方がいい。
それが１つのリード文グラフィックになったりするのかなと。
そんな双方のコンディションを上手く出来ているなぁーと思ってしまうのが
のスライド。もちろんご存知の方も多いので、割愛しますが、
会社のやりたいことを、私達が実現したい事をいかに
有益な情報としてお伝えできるかが、あるいみデザイナーに求められている
最低ラインなような気もします。
【情報アーキテクチャ】の本を読んだのでまとめておきます。
死ぬ気で読んだオライリーはちょっとむずかしい事を書いてあったので.....
さっくりまとめると.....
・情報をわかりやすく伝え手段
・受け手が情報をスムーズに探せる手段
【具体的にどのような場所で】
・メニュー
・ラベル
・UI設計
・グラフィック制作
ってかなんでも関わって来る感じ
【かんたんに言ってしまえば.....】
あらゆる制作物において、ユーザーニーズにそっているものを
情報を精査し、構成することでUXをあげていこうぜ！的な感じ
UXは体験
AIはデザインとUXの間の設計
UIはデザイン
って感じで細分化されている感じですね。
過去の記事をたどってもらうとmimikas がどこで働いているのかがわかると思うのですが..........
2社目となる現職に気づいたら1年たってました。
早いですね。とてつもなく早い。
そんな中で私は
・コーポレートのデザイン業務
・企画コーディング(見習い)
して頑張っているの中で気づきを忘れないうちに書いておきますね。
デザイナーにとっても求められるもとは？と考える事が多くなりました。
そんな中で、ググってぶち当たったのはこちら。
たまたまお会いしたことのある藤井さんとは、これまた何かのご縁ですね。
デザイン組織とは、結局のところ、一番コミニュケーションが
重要な部署である様な気もします。
結局UIデザイナーとか、グラフィックデザイナーとかいろいろあるけど
自分は何になりたいんだろうか.....とか
そしてこの会社でどのポジションが正解なのか......とか考えてしまいます。
全部自分でというのはあまり性に会わないのでやりたくないので
なるべく沢山の人といろいろ作りたいなーとか考えると
結局何が必要なのかと考えた時にコミニュケーションが
これからの武器になるのか？それってデザイナーに業務なのか？とか
ちょっと話がまとまらないので、これはこのまま置いておきますね。汗
もう1つはかなり普通の話して思うは
サラリーマンになるのが正解なのか。という事。
今年で28歳になるmimikasですが、相変わらず非社会的な人間です。
けど、最近思うのがそれの何が悪いのかな？と。
評価の為にやら、己の実績のためにが強い事もすごくいいけど
デザイン制作している時が一番すきだったりします。
たぶん年齢的にももう少し業績とか、売上とか考えていかないと
だめなのかもしれませんが、
目の前のお客様や社内の人が困っていたら、デザインで助けていきたい。
そんな事が自分にとって喜びなのかもしれません。
新卒みたいな事をいっているかもしれませんが、
ちょっと一周回っていろいろ考えてみました。
以上。
最近ごりごりとコーディングをさせていただいているのですが。。。
なんせdisplayを友達になれないってことで...
理解できるまでここでやってみる。
displayの種類は......
・block(ブロック要素なんしょ？)
・inline(インライン要素なんしょ？)
・inline-block(インライン要素とブロック要素の中間的な？)
・table(いる？これ？)
くらいに思ってました。
で実際に書いたところ
<!DOCTYPE html>
<html>
<head>
<meta charset="ja">
<title>displayについて</title>
<style>
.lnLine{
background-color:red;
display: inline;
}
.block{
background-color:pink;
display: block;
}
.inline-block{
background-color: aquamarine;
display: inline-block;
}
.table;
background-color: black;
display: table;
}
</style>
</head>
<body>
<section>
<h1>display:inline</h1>
<div class="inLine">inline</div>
<div class="inLine">inline</div>
<div class="inLine">inline</div>
</section>
<section>
<h1>display:block</h1>
<div class="block">block</div>
<div class="block">block</div>
<div class="block">block</div>
</section>
<section>
<h1>display:inline-block</h1>
<div class="inline-block">inline-block</div>
<div class="inline-block">inline-block</div>
<div class="inline-block">inline-block</div>
</section>
<section>
<h1>display:table</h1>
<div class="table">table</div>
<div class="table">table</div>
<div class="table">table</div>
</section>
</body>
</html>
こんな感じですね。
なるほどねー!
・inline:存在感はないよ。すっきりダイエット系。だけど、その分メンテナンスが
とてつもなく大変。
だからレイアウト変えたくないけど、なにか装飾をしたい時とか便利そう。
血液型でいうA型ですね。
※左右のみpaddingとmarginが使えるらしい。縦はvertical-align。
※親要素をblockにしたらtext-alignをつけることができるよ。
・block:お前か。blockはそのままでした。
ただ、高さとか位置を組むときに便利そう。
※vertical-alignだけは使えない。しけた
・inline-block:必要最低限をblock要素にしてくれる。block要素に変換する領域が、
inlineなだけで、中身は完全にblock要素様。
コウモリ系のやつでした。
さ、tableは。。。。。。って言いたいところなので、眠いのでまた今度。
そしてまだdisplayの種類はたくさんありそうなので、そこでまとめまーす
こんばんわmimikasです。
最近色々な事がmimikas自身になって
そんな中で【コーディング】学んでいいよと言われたので
コーディングを学ぶ事になりました。
とはいえ、じゃあデザイナーがコーディングを学ぶ事でどんな事がプラスになるのか
まずは技術的にざっくりその通りであると思ったブログは
それから、今本当に実感したのはミミカスデザインでも紹介したコレ。
新しい事を学ぶ上ではやはり会社の理解と、
人件費と学習コストが生じる事。
そしてそれによって費用対効果がどれくらいでるかというと
【mimikas次第】なのでがんばります！
てきな感じで次回からは少し
技術的な話ができればと思いますー
AdobeExperienceを触ってみた
出来る事
・エクスポートをリンクベースでできるので
クライアントのOSなど関係なしに共有ができる
・画面遷移が簡単にできる
・blockベースの記事などは、１つレイアウト組むと
使いまわしが聞く
・プレゼンなどに使いやすい！
できない事
・modalなど簡単なアニメーション
・Slidemenuなどがまったく出来ないのでリッチ感あるUIまでは無理
できる事
・簡単画面遷移でのプロトタイピング制作
・コーディングベースのアニメーション
・コーディングがわらない人でもhtml/CSS/jsの共有をエンジニアにできる（製品版までのソースのクオリティではない）
・簡単なLPとかであれば、コーディングなしでリリースできるよ！
できない事
・そもそものコーディングがある程度理解できないと厳しい
・UIが激しくわかりにくい,,,,,,,,,,
って感じでした。
使用用途にわけて使い分けるべきですが
簡単なモックならXDで、モック件製品版であるならmuseかなと思いました！
前回の話からプロトタイピングをまとめてみました。
昔はprottだけだったのですが、
今はどうなんですかね。。。。。。って事も含めて。
・基本的なプロトタイピングのワイヤーツールなどを含めている
・自動でユーザーの動きをトラッキング可能
・上記データをレポーティングを自動で行ってくれる
・無料版:各プロトタイプにつき3人分のテストデータを取得
・複数人でのプロトタイプテストが準備完了状態
・for iOSとAndroidってだけにwebに適しているかは謎
・開発環境はmacだけなのかWindowsまで対応しているのか謎
Atomic
・オフラインでの制作ができない
・細かなアニメーションまで可能
・DesignはできないがPNG、JPG、GIF、SVGのインポートが可能
・コメントが残せる
・プロジェクト毎に他ユーザーを招待が可能
・CustomCSSのコピーが可能
・誰も知っている
・ワイヤー組がだれでも出来る簡単UI
・基本アクションがスマホベース
・基本的な考えはアプリのイメージ
・トライアルが一ヶ月
・日本語での対応が可能
・WEB アプリ双方に優れている
・自由性は高い
・操作が難しい
・現状英語版のみ
・アニメーションまでできるが大きな画面遷移は簡単にできる
的な感じでした。
まだまだたくさんあるけど、ミミカス's ピックアップはこんなかんじ。
おすすめなどあればぜひー！
