UIの色を変えただけで大量のクレームを頂戴してしまった話｜のなと
Webプロダクト開発をしていると様々な諸事情によりUI構成を変えたり機能を増やしたり減らしたりすることが多々あると思います。そんな時に避けられない事態として「UI変更に対するお怒りがユーザーからわんさか届いてしまう」ということがあります。今回はUI上の１要素の色を変えただけで虎の尾を盛大に踏んでしまった事件の話をしようと思います。差し当たりどういうUIをどう変えたのかを明示しておきます。変える前がこちら↓↓ beforeUIほんで変わった後がこちら↓↓ afterUIご覧の通り「作業カード」と呼ばれるコンポーネントの色を「緑＆黄」から「緑塗り＆緑枠線」に変更しました。「え、それだけ？」という声が聞こえてきそうですがそうなんです。それだけなのです。しかしここはレガシードメインのtoB SaaS。toB SaaSではUIの変更がユーザー業務への影響に直結するので軽微な変更を加えるのもハードルが
知識０から、ちょっとUIデザインに詳しくなるnote｜やました
前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 デバイスやソフトによるUIの違い皆さんがお使
【閲覧注意】イライラ不可避なUIデザイン10選 - Qiita
弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに 人は見た目が9割 皆さん一度はこの言葉を耳にしたことがあるのでしょう。内面がどれほど素晴らしくても、外見がそれに見合わないと、なかなか本当の価値を認めてもらえないものです。 この話は人間だけでなく、アプリケーションにも当てはまります。どれだけ内容が素晴らしくても、見た目がイマイチだったり使い勝手が悪かったりすると、ユーザーに敬遠されてしまいます。(私は以前ネ⚪︎フリからア⚪︎プラに切り替えたのですが、使いにくく感じたため、すぐに元のサービスに戻しました) エンジニアの皆さん、優れた技術力を持ちながら、デザインが原因でユーザー離れを招いていませんか？そうならないよう
医師とデザイン。なぜ医療現場は複雑なUIが好まれるのか？｜Kei Kobayashi｜note
医師は情報が詰めこまれたスライドが好き？こんにちは、株式会社CureAppデザイナーの小林です。精神科の医師ですがデザインが好きすぎてデザイナーとして働いています。 医療の世界から会社員に転身すると、日々さまざまな発見があります。先日社外の人とプレゼンテーションの話題になり 「医師向けのプレゼンでは、シンプルなものより情報が詰め込まれたスライドが好まれるんです」 と言われ驚きました。 たしかに医療系のスライドは医師に限らず文字が詰めこまれた分かりづらいスライドが主流ですが、それはデザインへの関心が低いだけでけっして「好き」なわけではない、そう思っていました。 しかし改めて「もしかして医師は本当に複雑なデザインが好きなんじゃないか？」という疑念がわいてきました。 よく見る医療系スライドの一例 https://www.dinf.ne.jp/doc/japanese/resource/kouse
Timmy, Johnny, and Spike - MTG Wiki
ティミー、ジョニー、スパイク/Timmy, Johnny, and Spikeとは、開発部がカード開発のターゲットとなるユーザーのタイプを3つに分けて定義したもの。サイコグラフィック(psychographic、顧客の心理的特性)という広告販売での考え方を応用している。 [編集] 解説 マジックをプレイする動機を理解し、カード開発の助けにするため作られたもので、「何を求めてゲームをプレイするか？」「どんなカードを好むか？」によってプレイヤーを分類しようというものである。ステレオタイプな人物に仮託して説明する場合が多いが、本来はマジックプレイヤーが持つ多彩な動機を分類し説明しようというものであり、実際のプレイヤーが必ずどれか1種に当てはまるというものではない。よってティミー/ジョニーといった風に組み合わせて傾向を説明することや、平時はティミーでないプレイヤーが極めて興奮を誘う局面に出会ったそ
英語教育には「読む用フォント」「書く用フォント」が必要？ モリサワに聞く「フォントのユニバーサルデザイン」（3）
より多くの人に使いやすいカタチを目指すユニバーサルデザイン。その考え方は文字の世界にも広まっており、国内のフォントメーカー各社は「ユニバーサルデザインフォント（UDフォント）」を手掛けています。 書体を変えても、言葉の意味は同じ。ですが、“見え方”が変わると、言葉の在り方はどれくらい変わるものなのでしょうのか。大手フォントメーカー・モリサワに取材し、日本初というユニバーサルデザインの教科書体「UDデジタル教科書体」の開発者・高田氏、営業・盛田氏、瀬良氏に話を伺いました。 アルファベットを手書き風にするメリット ―― UDデジタル教科書体には欧文に特化したものも。これにはどのような特徴がありますか？ 高田氏：今まで中学生で初めて習うアルファベットは、どの教科書を見ても丸と棒の組み合わせでデザインされていました。だから3年前にリリースしたUDデジタル教科書体は、この丸と棒の組み合わせの「Bal
【『ロードス島戦記』出渕裕×『ペルソナ』副島成記：対談】「エルフの耳はなぜ長い？」次世代に受け継がれるビジュアル作りに隠された秘密を探る【新生・王道ファンタジーを求めて②】
じつはこの2人の共著で、いろんな妖精を描いた『フェアリー』という画集があるんです。昔はサンリオ出版から出ていて、今は別の出版社から出ているんですけど。 （画像はグラフィック社｜フェアリー 愛蔵版より） 僕はこの画集を中学生くらいの時に手に入れて、そのビジュアルセンスにすごく惹かれたんですね。 ヨーロッパのファンタジーのビジュアルというと、水彩の柔らかさを持っているイメージで、『ロードス』もどちらかというとそういうタッチの絵が多いと思うんですけど、その原点はこの『フェアリー』なんです。 あとは、後年にアラン・リーが出した『Castles』という未翻訳の画集があって。神話のお城やファンタジー世界のお城を、キャラクターも絡めて描いているんですが、これがまた素晴らしいんですよ。 （画像はAmazon｜Castles: Alan Lee, David Day, David Larkinより） アラン
敏腕ラーメン店デザイナー・マーコ氏に聞く「ラーメン店を月商600%UPさせる方法」 - メシ通 | ホットペッパーグルメ
日本人のソウルフードともいえる「ラーメン」。みなさんも大好きですよね？ 全国のラーメン店総数は35,000軒以上といわれ、まさに「ラーメン天国」な日本。でも店側にしてみれば、まさに暗闘反目の世界。売上の伸び悩みに頭を抱える店主も少なくないのでは？ どうすればもっとお客さんを呼び込めるのか？ 売上アップの法則があれば知りたい！ そんな思いを抱えるラーメン店主や、これから開業したいと思っている方のため、「日本一の売上完全特化型ラーメン店デザイナー・マーコ氏」に、ラーメン店を成功へ導く秘策をとことん聞いてきました！ ところで、マーコ氏って何者なん？ ▲日本一の売上完全特化型ラーメン店デザイナーであるマーコ氏 ただ、気になるのが「日本一の売上完全特化型ラーメン店デザイナー」、そして「マーコ」という、なんともうさんくさい肩書とネーミング。 いったい彼が何者なのか、探りを入れてみることに。 ── あの
ハースストーン、シャドウバースにおける日米の価値観・美意識の差異に関する考察 - Notwen
最近、ハースストーンというオンラインカードゲームを良くやっています。ほぼ、同じコンセプトのゲームでシャドウバースというゲームが存在します。ハースストーンはアメリカの会社が作ったゲームで、シャドウバースは日本の会社の作ったゲームです。この両者、ゲームのシステムがほぼ同じというレベルで似ています。ハースストーンの方が2年早くリリースされているのでシャドウバースの方が、ハースストーンを参考にしたのは間違いないでしょう。私はハースストーン派の人間なので「シャドウバースさんは、もうちょっと別な感じのシステムにする努力をしてくださいよ」とか思わないではないのです。ですが、まあまあまあまあ、ゲームはパクリパクられ発展してきた側面もありますし、パクリはゲーム業界の文化という事で別にいいんじゃないでしょうか。 それよりも注目したいのは、日米での価値観・美意識の違いです。この両者はシステムも似ていますが、背景
『NieR:Automata』キャラクターモデルメイキング | NieR Blog
こんにちは。『NieR:Automata』のキャラクターモデラーの松平です。 キャラクターモデラーで有名な人って、皆さんはパッと思い浮かびますか？僕は全然思い浮かびません。今の時代、あまりキャラクターモデラーが表に出ることはないですね。 ですが、幸運なことに今回こういった機会をいただいたので、メイキングをお見せしつつ、どう考えて2Bというキャラクターをモデリングしたのかを解説していきます。 イラスト通りに3D化しているだけではないんだぞ、というところを見せていきたいと思います。 メイキング 一般的に、キャラクターモデルは、 ・ラフモデルで全体的なフォルムと完成を予想 ・ハイクオリティモデルで高精度な造形 ・ゲーム用モデルとして落とし込み という工程で進みます。 まずは、吉田明彦さんからデザイン画ラフ（上図）を頂き、ラフモデルを作っていきます。 下図のモザイク部分には吉田さんの好みが出ており
優れたフォームをデザインする
サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
ハンバーガーメニューと非表示のナビゲーションはUX指標を悪化させる
Webサイトのメインナビゲーションを非表示にすると、発見しやすさはほぼ半減する。その上、タスク達成に時間がかかるようになり、タスクがより難しく感じられるようになる。 Hamburger Menus and Hidden Navigation Hurt UX Metrics by Kara Pernice and Raluca Budiu on June 26, 2016 日本語版2016年9月26日公開 非表示のメニュー（ハンバーガーアイコンなど）と、表示されているメニュー（ページトップを横切る形で置かれたリンクなど）について、定量的なユーザビリティテストをおこなったところ、以下のようなことが明らかになった： 非表示のナビゲーションは発見されにくい。表示されているあるいは部分的に表示されているナビゲーションよりも。 ナビゲーションが非表示だと、ナビゲーションはユーザーから利用されにくくなる
日本語フォントの書体の選び方・組み合わせ方、そしてデザインする日本語タイポグラフィのテクニック
明日、いや今日からすぐに役立つ、日本語フォントの書体の選び方・組み合わせ方、そしてそれをどのようにデザインするのか、日本語タイポグラフィのテクニックを学べるスライドを紹介します。 スライドは、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で45ページ。 日本語の読ませるタイポグラフィについて、書体の選び方や組み合わせ方、実例とともにデザインのテクニック、どのように勉強すればよいのかまで掲載されています。
料金表をわかりやすくデザインするコツ。実例やレスポンシブ対応サンプルも！
2017年10月31日 CSS, Webデザイン, Wordpress サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ 料金表をデザインするときのポイント 1. プランの違いをわかりやすく まずは各プランのサービス内容と料金をわけることから始めましょう。各プランの名前を料金表の先頭において、ひと目でどのプランについてまとめているのかを認識できるようにします。プランをグレードアップするごとにプランの名前もランクが上がるよう命名しましょう。 よくあるプラン名： ブロンズ・シルバー・ゴールド・プラチナ マイクロ・スモール・ミディアム・ラージ
mudenchuka.jp - mudenchuka リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
これからのお家は廊下がなくなる？ LDKに変わる新たな間取りとは | ROOMIE（ルーミー）
最近、「マンションの間取り」がどんどん進化してるって知ってました？ LDKが生まれ、和室がなくなり、キッチンも開放的に…。間取りの変化は、日本人の「暮らしの変化」そのものです。 例えば、ここに一般的な大型マンションの間取りがあります。 埼玉県の新三郷に実在するマンションの間取り。4LDKのファミリータイプ、採光良し、確かによく見るタイプの間取りです。80m²以上で角部屋というのがちょっとセレブな感じです。 ところが、同マンションのある階の角部屋だけは「ちょっと変わった間取り」をしています。なんでも「ある住宅コンペ」で最優秀賞を受賞したものが、そのまま採用されたのだとか…。 こちらがそのお部屋です。 なんだか不思議な間取り…。 ダイニングやリビングといったエリア分けがありません。コンペで最優秀賞をとったとはいえ、この間取りって何がすごいの？ 家のなかに「通りみち」をつくる この間取りの特徴は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Backlog UI リニューアルの舞台裏 / Backlog Renewal UI
縄文造形家・中３女子ボレロ村上氏、「縄文土器風のなにか」に物申す
設計の「なぜ」を考える | タイム・コンサルタントの日誌から
東京五輪：「エンブレム修正知らなかった」浅葉審査委員 - 毎日新聞