マガジンのカバー画像

エンジニア->デザイナー

58
エンジニアからデザイナーになりたい、エンジニアでデザインを知りたい人向けキュレーションマガジンです。
運営しているクリエイター

#UX

【保存版】デザイナーがチェックすべき情報収集先16選

【保存版】デザイナーがチェックすべき情報収集先16選

デザイナーがチェックすべき情報収集先をまとめてみました。
普段の情報収集に是非ご活用頂き、デザイナーのスキルアップの手助けになれれば幸いです。

自分の場合、デザインを制作する際は、PinterestとGoogle画像検索をフル活用しています。
またPinterestとnoteのUIやサービス設計は非常に参考になるので、そちらもあわせて見てみると勉強になると思います。

1、Pinterestクラ

もっとみる
人はなぜ「分かりやすいデザイン」でも失敗するのか

人はなぜ「分かりやすいデザイン」でも失敗するのか

これは私が最近よく訪問する日本橋駅直結の商業ビル、東京日本橋ビル内のエレベーターのボタンです。

唐突に質問ですが、このボタンで操作ミスを起こすポイントがあるとすれば、それがどこだか分かりますか?

説明が必要と思いますが、このビルは7Fがオフィスロビーになっています。駅直結のB1と1Fからは7Fまで直通するシャトルエレベーターがあり、全員7Fで一度降り、セキュリティチェックをし、23Fより上にあ

もっとみる
実務経験なし中途でデザイナー転職目指してる人へ

実務経験なし中途でデザイナー転職目指してる人へ

こんちゃす。Jayです。某事業会社でインハウスデザイナーとして働いてます。業務の種類は多岐にわたりますが、UI/UXデザイン中心。サムネのネタが少し古めだし初めてnote書くけど、叩かれるの怖すぎてガタガタ震えてる。でも書く。お手柔らかにおなしゃす。​ちなみにめちゃくちゃ長いです。10分くらいかかると思うんでお時間のある時に。

この記事を特に読んでもらいたい人デザイナーとして転職を目指す、30歳

もっとみる
『UIデザイン みんなで考え、カイゼンする。』を読んでみた。

『UIデザイン みんなで考え、カイゼンする。』を読んでみた。

こんにちは。
夏みたく暑くなったり、涼しくなったり、令和の皐月君は不安定ですね。

却説、会社で本を買ってもらえる制度があって定期的に欲しい本を帰るのですが、今回読んだ本はこちら

ラッキーなことにパラパラめくってたタイミングで著者の方交えた読書会にも行けました。
読書会の形式は読む章(今回は4章と5章)でチーム分けをして、さらにチームの中でも項目を分担して読んでまずはチーム内にシェア、最終的には

もっとみる
「デザイナーよ。足を動かせ。頭を動かせ。手を動かせ。」 ー UI Crunch#14 スマートフォンを超えた体験を創る。導くUI

「デザイナーよ。足を動かせ。頭を動かせ。手を動かせ。」 ー UI Crunch#14 スマートフォンを超えた体験を創る。導くUI

こんにちは!
渋谷でデザイナーをしているちょいちょい(@739nanak)です。
UI Crunch#14にnoteレポート枠で参加してきました✏️

長いので、ざっと読みたい方は太字だけ追っていくことをお勧めします!

1. かわいいが届くまで (FLOWER/ROLLCAKE) 🖥登壇者・サービス
- 木坂 名央さん(ROLLCAKE株式会社 デザイナー)
- FLOWER(「かわいい」が

もっとみる
【翻訳してみた】マテリアルデザイン - モーションデザインを理解すること

【翻訳してみた】マテリアルデザイン - モーションデザインを理解すること

前置き
モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をしてみることにしました。こちらはGoogleが発表したUIガイドラインのマテリアルデザインからモーションデザインについての翻訳になります。

引用元 Google - Material Design
Understanding motion - Material Design
※動画像データもこちらから引用させてい

もっとみる
【翻訳してみた】マテリアルデザイン - コレオグラフィ

【翻訳してみた】マテリアルデザイン - コレオグラフィ

前置き
モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をしてみることにしました。こちらはGoogleが発表したUIガイドラインのマテリアルデザインからモーションデザインについての翻訳になります。

前章 : マテリアルデザイン - 速度について

引用元 Google - Material Design
Choreography - Material Design
※動

もっとみる
【翻訳してみた】マテリアルデザイン - 動きのカスタマイズ1

【翻訳してみた】マテリアルデザイン - 動きのカスタマイズ1

前置き
モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をしてみることにしました。こちらはGoogleが発表したUIガイドラインのマテリアルデザインからモーションデザインについての翻訳になります。今回は長いので2つに分けて投稿させていただきます。

前章 : マテリアルデザイン - コレオグラフィ

引用元 Google - Material Design
Customi

もっとみる
ユーザーの声に振り回されないデザインの改善プロセス

ユーザーの声に振り回されないデザインの改善プロセス

dely Advent Calendar 2018の9日目の投稿は、最近入社したプロダクトデザイナーのkassyが担当します。昨日は「jQueryへの依存を外す方法」という内容でフロントエンドエンジニアの @all__user が記事を書いてくれました。デザイナーが読んでも面白い内容なので、ぜひどうぞ。

いまはWeb版クラシルのUIやUX周りのカイゼン作業を行っているのですが、その際にネット上の

もっとみる
検索フォームを作るときに気をつけること

検索フォームを作るときに気をつけること

仕事で検索フォームは作ってないのですが、いつか作るだろうと思って勉強しました。たくさん勉強したので、デザイナーとして検索フォームを作るときに気をつけたいことをまとめてみました。

1、適切な位置に配置する検索フォームは一般的には、画面の上部に配置されています。ユーザーが普段使い慣れている位置に習って配置をした方が、どこに検索フォームがあるのか認識しやすくなります。

2、適切なサイズにする検索フォ

もっとみる
【保存版】無料で学べるUXデザインの教材まとめ

【保存版】無料で学べるUXデザインの教材まとめ

UXデザインやデザイン思考を学ぼうと思ったときには、まずどこから始めるといいのでしょうか?
世の中には無料の良い教材が溢れていますが、学び初めの時期はそういった良質な教材を見つけづらいものです。

とりあえずUXデザインを学ぼう!と思ったときに、まずこれらを読んでおくといいよっ!というリンク集を紹介します。
ぜひとも皆様の学習の糧となれば幸いです。

まずは基礎を学ぶ■まずはここから
デザイン思考

もっとみる
エンジニアとデザイナーが「いい関係」を築くための勉強会を開催します #dxel

エンジニアとデザイナーが「いい関係」を築くための勉強会を開催します #dxel

概要7月10日、エンジニアとデザイナーがお互いを理解し合うための勉強会を開催します。

ここではなぜ開催しようと思ったのかを書いておこうかと思います。

開催の背景iOSエンジニアの私は今まで何人かのデザイナーさんと仕事をしてきました。その中で「このデザイン、この挙動はiOSの世界にはあまりなじまないから違うのにしたい」「このアニメーションはかなり工数かかるからちょっと相談したい」と言って方針を再

もっとみる
ユーザー視点を取り戻す為にした事

ユーザー視点を取り戻す為にした事

一見簡単なようで難しいユーザー視点。どんなにユーザー視点を意識してはいても、制作を進めていく過程や運用のフェーズに入ると、どうしてもその視点を失いがちになる。
今回はユーザー視点を取り戻すキッカケになった事を書いていきます。

設計段階までは順調(のように感じる)WEBサイト構築の場合、まずはユーザーを見据えたマーケティング分析を行い、クライアントと共通認識を持った上で、ユーザーのニーズを汲み取っ

もっとみる