UXという理解し難いモノと向き合う forエンジニア - Qiita
ユーザーエクスペリエンス（UX）という言葉をよく耳にするようになりましたが UXってそもそも何だかわかりますか？ 私はよくわかりません！ そんなUXを、エンジニア目線で噛み砕いてみたいと思います 目的 UXとは何者か エンジニアとしてどう向き合えば良いのか 問題と対策 対象者 主にエンジニア UXってアレだろ・・・UXだろ？ な人 UXを調べると目眩がする人 UXのUXは良くないと思う人 UXと聞くとズンドコベロンチョを思い出す人 注意 私はただのエンジニアです よくある「UXとは」よりも一歩引いて外側から考えます いろいろ喧嘩売ってるように見えますが、そんなつもりはないです（震え声） 要約 適当な要約 いろいろな経緯があり、UXのスコープは超広範となりました そのため、UXという概念は実践で安易に使えるようなものではありません UXの1機能レベルで見ると、有用なものもそこそこありますが、
北岡明佳の錯視のページ
北岡明佳の錯視のページ 北岡明佳・立命館大学・総合心理学部・教授、知覚心理学（錯視・目の錯覚） 認知センター 視覚センター OIC map OIC紹介 トリックアート 風景 外部へのリンク 街づくりプロジェクト SP Lab 展示もの サンプル画像 コメントもの 2002年5月10日開設・2024年4月9日更新 英語版(English) セルビア語版 ポルトガル語版 中国語版 錯視カタログ(2014/6/3) ご注意 このページには「動く錯視」（静止画なのに動いて見える錯視）が含まれています。現在まで錯視が人体に有害な影響を与えるという証拠はありませんが、車酔いなどを起こしやすい方はご注意下さい。万一気分が悪くなりましたら、速やかにこのページから退去して下さい。デザインの違法な商業的使用（要するに著作権侵害）には法的措置を取ります。 最新作（2024/2/4） 最新ページ（2024/4/
さよならSketch、こんにちはFramer X｜KANTA YAMAGATA｜note
Jorn van Dijk（@jornvandijk）のリツイートから2ヶ月近く経った先日、ようやくFramer X βの招待が届きました。Trailerが格好良すぎてReactとシームレスになるのかという期待で一杯だったので嬉しかったです。実際、AirbnbやFacebookのデザイナーもこんな感じでした。とりあえず動画を観ていただけたら。 タイトルはUSノリですが、正直Sketchはある1プロジェクトで使ったことがあるだけです。Figmaなどの他のデザインツールは使ったことがないです。なのでここでは比較を行いません。以前からあるFramerとの差分の紹介を中心にしていきます。Framerはなぜか日本では使われていない印象がありますが、これがデザイン環境の向上に少しでも参考になれば幸いです。 Linking複数画面の遷移をつくるには、FramerではFlowComponentを利用したコ
判別しやすいステータスのデザインを考える｜mamoru kijima
初めましての方もこんにちは、さだこえ (@sadako_a_) と申します。DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しています。 今記事では、主にステータスのデザインに焦点を当てて記事を執筆します。 1. ステータスとステートの違い 2. 色で伝えるステータス 3. アイコンで伝えるステータス 4. 実例 : YOUTRUSTの副業意欲ステータス 5. まとめ1. ステータスとステートの違いまずはステータスの定義について決めます。似たような単語として、ステータス(status)とステート(state)、どちらも状態を表す概念ですが、両者は微妙にニュアンスの違いをもっています。 ステータスは状態を示す箱のような概念で、ステートはその状態の固有要素とであると今記事では定義します。分かりやすく言い換えるとしたら、人間
人はなぜ「分かりやすいデザイン」でも失敗するのか｜Tsutomu Sogitani
これは私が最近よく訪問する日本橋駅直結の商業ビル、東京日本橋ビル内のエレベーターのボタンです。 唐突に質問ですが、このボタンで操作ミスを起こすポイントがあるとすれば、それがどこだか分かりますか？ 説明が必要と思いますが、このビルは7Fがオフィスロビーになっています。駅直結のB1と1Fからは7Fまで直通するシャトルエレベーターがあり、全員7Fで一度降り、セキュリティチェックをし、23Fより上にあるオフィスフロアに入ります。そのオフィスロビーとオフィスフロアを行き来するためのエレベーターのボタンがこれです。 ボタンが23Fから30Fまでしかなくて、下に大きく7Fのボタンがあるのは、そういったビルの構造からです。 私と同行したディレクター（26歳）は、打ち合わせが終わってオフィスフロアからオフィスロビーに帰る際に、操作ミスをしました。それも1度だけでありません。次の打ち合わせの帰りにもまったく同
【透明なジュースの弊害？】老婦人「ただの水ってどれ？水だと思って買ったら甘いジュースだったの、医者に止められてるのに」
よく眠りたまに色々考える主婦 甘木サカヱ @toppinpararin 自販機で飲み物買ってたら老婦人に「ちょっとお姉さん、ただの水ってどれだかわかる？この前、水だと思って買ったら甘いジュースだったの、お医者に止められてるのに」と言われる。最近流行りの透明なジュース、私は面白がって色々買って楽しんでるけど、たしかに混乱を招きがちだよなぁと思うなどした 2018-05-17 14:07:40
＜BEAMS HEART＞＜BEAMS mini＞プリントTシャツ 販売中止及び商品回収のお知らせ | BEAMS
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 逆からも読めるポスターが大きな話題となっている。このポスターには大きく「挑戦」と書かれているのだが、これを逆さまにすると「勝利」という文字に読めるのである。本来ならば「挑戦」を逆にしても「勝利」という文字にならないが、それこそがプロフェッショナルな職人がなせる業なのである。 ・ひとつのワードを違う視点で見る このポスターを作ったのは誰なのか？ アナグラムに精通した人物、野村一晟さんが文字部分を制作したポスターで、彼によると、このような逆からも読める文字を「アンビグラム」というのだそうだ。ひとつのワードを違う視点で見ると、新たに他の意味が浮かんでくるものをアンビグラムと
バッジ機能提供終了のお知らせ（10/10追記） - Yahoo!天気・災害 おしらせ（iPhone版スマートフォンアプリ）
いつもYahoo!天気アプリをご利用いただきましてありがとうございます。 バッジ機能につきまして、誠に残念ながら提供を終了することとなりました。 長年のご愛顧、ありがとうございました。 ※ 「バッジ機能」とは、ホーム画面のアプリアイコンの右上に降水確率や気温を数字で表示できる機能です。 提供終了に伴い、次回バージョンの6.2.6（2017年10月中旬リリース予定）以降、バッジ機能の設定変更や降水確率などの各情報の表示ができなくなります。 また、今後は過去のバージョンでも各情報の表示ができなくなる可能性があります iPhone 6s 以降（3D Touch対応）の端末をご利用のお客様は、ホーム画面にてアプリアイコンを強めに押すことにより、素早く今日の天気を確認できる機能がございます。ぜひこちらをご活用ください。 ※ iPhone 6 以前の端末には対応しておりません。ご了承ください。 ＜10
「男のために化粧しているうちは、お子ちゃま」 化粧品店のポスターにドキっとする
2013年に大阪の「文の里（ふみのさと）商店街」で企画・制作された、化粧品店「ビューティーショップ ドリアン」のポスターがネット上で話題になっている。
スポーツマーキング・ワッペンの制作。ユニフォーム、Tシャツ、ポロシャツに。エンブレム、ロゴ、番号。自宅で圧着
自宅で圧着できるプロ仕様のワンポイントプリント ユニフォーム/Tシャツ/ポロシャツ/作業着/ジャージ エンブレム/ロゴ/番号/文字/画像などOK データに関する相談歓迎 （納期：データ確定後4-8営業日） ！注意！代引きはご利用になれません（ポスト投函発送）） リピートのお客様へ／4月よりシートの仕様が変更と なります。 （同じデータでも少し色が濃くなります）
好きな名前の牛乳が作れるおいしい牛乳積み木が展示中！「デザインの解剖展」
リンク www.2121designsight.jp 21_21 DESIGN SIGHT | 「デザインの解剖展: 身近なものから世界を見る方法」 | 開催概要 21_21 DESIGN SIGHT では、2016年10月14日より、企画展「デザインの解剖展: 身近なものから世界を見る方法」を開催いたします。 私たちは日々、数え切れないほど多くの製品に囲まれて生活しています。大量に生産された品はあ... 53 users 7587
Gentallela - プログラマでも美しく管理画面を作成できるBootstrapテーマ | ソフトアンテナ
「Gentellela」はBootstrap 3を使った無料の管理画面用テンプレートです。デフォルトスタイルのBootstrap 3をベースとして多数のパワフルなjQueryプラグインやツールを組み込んだもので、美しい管理用パネルやダッシュボードを簡単に作成することができます。 テーマにはチャートや、カレンダー、フォーム検証ライブラリ、ウィザードスタイルのインターフェイス、ナビゲーションメニュー、テキストフォーム、スライダー、プログレスバー、通知メニューなどたくさんの有用なライブラリが組み込まれています。 今回はオンライン上で確認できるデモサイトを元に、どのような画面が実現できるのかスクリーンショットとともに紹介したいと思います。 ダッシュボード ▲ダッシュボードのデモでは多様なチャートが表示できることが確認できます。テーマはレスポンシブ対応で画面サイズに応じて適切に描画されます。 フォー
『スプラトゥーン』機能を表現するデザイン手法。キャラクター、ブキ、ギアのデザインに迫る、開発スタッフインタビュー【デザイン編】 - ファミ通.com
3本立て開発者インタビュー その2 デザイン編 2015年5月28日の発売から、全世界で“イカ旋風”を巻き起こしている、任天堂のWii U用ソフト『Splatoon（スプラトゥーン）』。ファミ通.comでは、週刊ファミ通2015年8月6日号（2015年7月23日発売）『スプラトゥーン』大型特集の開発者インタビューで掲載しきれなかった分を増補改訂した、3本立てロングインタビューを掲載している。今回は、その2本目となるデザイン編。発表のあった通り、本作の設定資料集も発売が決定したが（詳細は→コチラ）、設定資料集は300ページオーバーと、新規IP（知的財産）としては異例のボリュームになっている。というのも、本作用に描かれた設定画がそれだけ豊富に用意されていたからだ。今回のインタビューでは、そんな設定やデザインに迫る。なお、インタビューは2015年6月に実施したもののため、一部、古い話も混じってい
よくわかる、なぜ「五輪とリエージュのロゴは似てない」と考えるデザイナーが多いのか？（深津貴之） - 個人 - Yahoo!ニュース
大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後
はじめてのマテリアルデザイン入門 | DevelopersIO
この記事では、マテリアルデザイン初心者の自分が良いなと思うサイトをご紹介します。 上から順に見ていくと理解が深まるのではないのかなと思います。 マテリアルデザインとは？ よくわかるマテリアルデザインの設計コンセプト よくわかるマテリアルデザインの設計コンセプト | fladdict マテリアルデザインの設計コンセプトが分かりやすく書かれている良記事です。 これをまず読んでみてコンセプトを掴んでおけば、理解が深まると思います。 マテリアルデザインとフラットデザインって結局何が違うの？ Googleマテリアルデザインとフラットデザインって結局何が違うの？[UI/UX] | naver フラットデザインなら知っているよっていう人はこちらを見ると良いかもしれません。 動画で見てみる マテリアルデザインを解説してくれてます。 日本語字幕が出ているので親切です。 ちなみにGoogleのデザイン関連の動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icons | Font Awesome
TOPOL.io | FREE & Beautiful html email template builder and editor
Engadget | Technology News & Reviews
