ユーザーエクスペリエンス（UX）という言葉をよく耳にするようになりましたが UXってそもそも何だかわかりますか？ 私はよくわかりません！ そんなUXを、エンジニア目線で噛み砕いてみたいと思います 目的 UXとは何者か エンジニアとしてどう向き合えば良いのか 問題と対策 対象者 主にエンジニア UXってアレだろ・・・UXだろ？　な人 UXを調べると目眩がする人 UXのUXは良くないと思う人 UXと聞くとズンドコベロンチョを思い出す人 注意 私はただのエンジニアです よくある「UXとは」よりも一歩引いて外側から考えます いろいろ喧嘩売ってるように見えますが、そんなつもりはないです（震え声） 要約 適当な要約 いろいろな経緯があり、UXのスコープは超広範となりました そのため、UXという概念は実践で安易に使えるようなものではありません UXの1機能レベルで見ると、有用なものもそこそこありますが、

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

Beautiful emails, made easy Use drag-and-drop to create emails in minutes. No coding or design skills needed.

Jorn van Dijk（@jornvandijk）のリツイートから2ヶ月近く経った先日、ようやくFramer X βの招待が届きました。Trailerが格好良すぎてReactとシームレスになるのかという期待で一杯だったので嬉しかったです。実際、AirbnbやFacebookのデザイナーもこんな感じでした。とりあえず動画を観ていただけたら。 タイトルはUSノリですが、正直Sketchはある1プロジェクトで使ったことがあるだけです。Figmaなどの他のデザインツールは使ったことがないです。なのでここでは比較を行いません。以前からあるFramerとの差分の紹介を中心にしていきます。Framerはなぜか日本では使われていない印象がありますが、これがデザイン環境の向上に少しでも参考になれば幸いです。 Linking複数画面の遷移をつくるには、FramerではFlowComponentを利用したコ

初めましての方もこんにちは、さだこえ (@sadako_a_) と申します。DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しています。 今記事では、主にステータスのデザインに焦点を当てて記事を執筆します。 1. ステータスとステートの違い 2. 色で伝えるステータス 3. アイコンで伝えるステータス 4. 実例 : YOUTRUSTの副業意欲ステータス 5. まとめ1. ステータスとステートの違いまずはステータスの定義について決めます。似たような単語として、ステータス(status)とステート(state)、どちらも状態を表す概念ですが、両者は微妙にニュアンスの違いをもっています。 ステータスは状態を示す箱のような概念で、ステートはその状態の固有要素とであると今記事では定義します。分かりやすく言い換えるとしたら、人間

これは私が最近よく訪問する日本橋駅直結の商業ビル、東京日本橋ビル内のエレベーターのボタンです。 唐突に質問ですが、このボタンで操作ミスを起こすポイントがあるとすれば、それがどこだか分かりますか？ 説明が必要と思いますが、このビルは7Fがオフィスロビーになっています。駅直結のB1と1Fからは7Fまで直通するシャトルエレベーターがあり、全員7Fで一度降り、セキュリティチェックをし、23Fより上にあるオフィスフロアに入ります。そのオフィスロビーとオフィスフロアを行き来するためのエレベーターのボタンがこれです。 ボタンが23Fから30Fまでしかなくて、下に大きく7Fのボタンがあるのは、そういったビルの構造からです。 私と同行したディレクター（26歳）は、打ち合わせが終わってオフィスフロアからオフィスロビーに帰る際に、操作ミスをしました。それも1度だけでありません。次の打ち合わせの帰りにもまったく同

よく眠りたまに色々考える主婦 甘木サカヱ @toppinpararin 自販機で飲み物買ってたら老婦人に「ちょっとお姉さん、ただの水ってどれだかわかる？この前、水だと思って買ったら甘いジュースだったの、お医者に止められてるのに」と言われる。最近流行りの透明なジュース、私は面白がって色々買って楽しんでるけど、たしかに混乱を招きがちだよなぁと思うなどした

2018.04.27 重要なお知らせ ＜BEAMS HEART＞＜BEAMS mini＞プリントTシャツ 販売中止及び商品回収のお知らせ 日頃よりBEAMSをご利用いただきまして誠にありがとうございます。 このたび弊社が2017年4月13日より2018年4月27日まで販売いたしました＜BEAMS HEART＞＜BEAMS mini＞のプリントTシャツにおきまして、本件と関わりのないイラストレーターの方の作品と酷似したグラフィックデザインであることのご指摘をいただきました。 商品製作に関わる社内外の関係者に確認したところ、弊社がデザインを委託したデザイナー本人より上記作品に「覚えがある」との回答がございました。現在は当該作品の作者であるイラストレーターの方へ謝罪のご連絡させていただき、商品の販売を中止しております。 ご購入のお客様をはじめ、世間の皆様方をこのような形でお騒がせしてしまい、誠に

この記事は総合就業支援拠点『OSAKAしごとフィールド』が、さまざまな業界の魅力をみなさんにお伝えするための、業界魅力発信記事です。OSAKAしごとフィールドでは、キャリアカウンセリング・セミナーの開講などのサービスも実施しております。就職活動のヒントにぜひご活用ください。（全て無料・要登録） OSAKAしごとフィールドについてはこちら 突然ですが、クイズです。上の画像の文字は、ある1文字を除いて全てが手書きになっています。しかも、下書きをしないで「筆で一発勝負」で書かれた文字なんです。 この文字を書いたのは、大阪府の泉州地域に住んでいる2人の看板職人。上林修さんとの板倉賢治さんです。

【画像】 逆からも読めるポスターが大絶賛　極めて難しい漢字のアンビグラムが凄いと話題に 1 名前：名無しさん＠涙目です。(やわらか銀行) [US]：2018/01/15(月) 15:25:26.76 ID:YdQ/kBeW0 逆からも読めるポスターが大きな話題となっている。このポスターには大きく「挑戦」と書かれているのだが、これを逆さまにすると「勝利」という文字に読めるのである。本来ならば「挑戦」を逆にしても「勝利」という文字にならないが、それこそがプロフェッショナルな職人がなせる業なのである。 ・ひとつのワードを違う視点で見る このポスターを作ったのは誰なのか？ アナグラムに精通した人物、野村一晟さんが文字部分を制作したポスターで、彼によると、このような逆からも読める文字を「アンビグラム」というのだそうだ。ひとつのワードを違う視点で見ると、新たに他の意味が浮かんでくるものをアンビグラムと

2013年に大阪の「文の里（ふみのさと）商店街」で企画・制作された、化粧品店「ビューティーショップ ドリアン」のポスターがネット上で話題になっている。

自宅で圧着できるプロ仕様のワンポイントプリント ユニフォーム/Tシャツ/ポロシャツ/作業着/ジャージ エンブレム/ロゴ/番号/文字/画像などOK データに関する相談歓迎 （納期：データ確定後4-8営業日） ！注意！代引きはご利用になれません（ポスト投函発送）） リピートのお客様へ／4月よりシートの仕様が変更と なります。 （同じデータでも少し色が濃くなります）

リンク www.2121designsight.jp 21_21 DESIGN SIGHT | 「デザインの解剖展: 身近なものから世界を見る方法」 | 開催概要 21_21 DESIGN SIGHT では、2016年10月14日より、企画展「デザインの解剖展: 身近なものから世界を見る方法」を開催いたします。 私たちは日々、数え切れないほど多くの製品に囲まれて生活しています。大量に生産された品はあ... 53 users 7587

Nintendo Switch 2: Everything we know about the coming release

「Gentellela」はBootstrap 3を使った無料の管理画面用テンプレートです。デフォルトスタイルのBootstrap 3をベースとして多数のパワフルなjQueryプラグインやツールを組み込んだもので、美しい管理用パネルやダッシュボードを簡単に作成することができます。 テーマにはチャートや、カレンダー、フォーム検証ライブラリ、ウィザードスタイルのインターフェイス、ナビゲーションメニュー、テキストフォーム、スライダー、プログレスバー、通知メニューなどたくさんの有用なライブラリが組み込まれています。 今回はオンライン上で確認できるデモサイトを元に、どのような画面が実現できるのかスクリーンショットとともに紹介したいと思います。 ダッシュボード ▲ダッシュボードのデモでは多様なチャートが表示できることが確認できます。テーマはレスポンシブ対応で画面サイズに応じて適切に描画されます。 フォー

3本立て開発者インタビュー その2 デザイン編 2015年5月28日の発売から、全世界で“イカ旋風”を巻き起こしている、任天堂のWii U用ソフト『Splatoon（スプラトゥーン）』。ファミ通.comでは、週刊ファミ通2015年8月6日号（2015年7月23日発売）『スプラトゥーン』大型特集の開発者インタビューで掲載しきれなかった分を増補改訂した、3本立てロングインタビューを掲載している。今回は、その2本目となるデザイン編。発表のあった通り、本作の設定資料集も発売が決定したが（詳細は→コチラ）、設定資料集は300ページオーバーと、新規IP（知的財産）としては異例のボリュームになっている。というのも、本作用に描かれた設定画がそれだけ豊富に用意されていたからだ。今回のインタビューでは、そんな設定やデザインに迫る。なお、インタビューは2015年6月に実施したもののため、一部、古い話も混じってい

大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後

この記事では、マテリアルデザイン初心者の自分が良いなと思うサイトをご紹介します。 上から順に見ていくと理解が深まるのではないのかなと思います。 マテリアルデザインとは？ よくわかるマテリアルデザインの設計コンセプト よくわかるマテリアルデザインの設計コンセプト | fladdict マテリアルデザインの設計コンセプトが分かりやすく書かれている良記事です。 これをまず読んでみてコンセプトを掴んでおけば、理解が深まると思います。 マテリアルデザインとフラットデザインって結局何が違うの？ Googleマテリアルデザインとフラットデザインって結局何が違うの？[UI/UX] | naver フラットデザインなら知っているよっていう人はこちらを見ると良いかもしれません。 動画で見てみる マテリアルデザインを解説してくれてます。 日本語字幕が出ているので親切です。 ちなみにGoogleのデザイン関連の動