これがユーザーの信頼を失うデザインだ！ 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン
ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書（紹介記事）」や「ザ・マイクロコピー（紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで
ナチスが合法的に権力掌握をおこなうために選挙で使った25枚のポスター｜ MUSEY MAG[ミュージーマグ]
ナチス（国家社会主義ドイツ労働者党）は、1923年のミュンヘン一揆が失敗してから、合法的な方法による権力掌握を目指した。 彼らはどのようにして、国会で躍進を果たし、ヒトラーによる独裁体制を合法化していったのだろうか？彼らが選挙で用いたポスターをご覧いただこう。 １、国会選挙(1930年9月14日) 1929年、テューリンゲン州議会選挙で大幅な議席を獲得したナチスは、翌1930年におこなわれた国会選挙で大躍進を果たす。それまで12議席だったナチスは、107議席を獲得し、社民党に次ぐ第2党となった。 ２、ドイツ大統領選挙(1932年4月10日） 1932年ドイツ大統領選挙は、ヴァイマル共和政における最後のドイツ大統領選挙となった。ナチスのアドルフ・ヒトラーは、4月10日におこなわれた決選投票でパウル・フォン・ヒンデンブルクに敗北したが、その存在感は大きく増していた。 ３、ドイツ国会選挙(193
![ナチスが合法的に権力掌握をおこなうために選挙で使った25枚のポスター｜ MUSEY MAG[ミュージーマグ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a9f679de66b0496e201ce1f742f52693125a40c/height=288;version=1;width=512/https%3A%2F%2Fwww.musey.net%2Fmag%2Fwp-content%2Fuploads%2F2016%2F11%2Fdove-259x300.jpg)
“表紙あるある”の知恵がこのタグに集結！ #それっぽくなる表紙 - Togetter
🐕️ @54jpd09 今まで作った表紙だが… 一枚目：絵に文字を重ねて後は揃えとけ 二枚目：正方形で揃えとけ 三枚目：タイトル斜め、写真はぼかしてりして効果的にしとけ #それっぽくなる表紙 pic.twitter.com/SOOvvkYgFH
mojimo - ちょうどいい文字を、ちょうどいい価格で
mojimoとは？ ちょうどいい文字を ちょうどいい価格で 「mojimo（もじも）」は、フォントワークスが提案する、フォントの新しいサービスです。 「ちょうどいい文字を、ちょうどいい価格で」をコンセプトに、 特定の用途ごとに最適な書体、最適な価格を実現しました。 定額制プランでご提供します。 あなたにぴったりフィットする ちょうどいい書体をパックにしました 人それぞれ、目的やシーンによって、文字の表現は異なります。 表現したいことが違うのに、みんな同じフォントでは、表現の幅も狭まります。 いまあなたが作ろうとしているもの、伝えたいことに最適なフォントのみを 目的ごとにセレクトし、専用のパックにしました。 定額制で、 好きなときだけ、好きなものだけ。 これまでフォントは、「プロのためのもの」というイメージが強くありました。 mojimoは、目的に合った最適なフォントを、使いやすい価格帯でご
デザイナーの僕がいかにしてビデオゲームのUIから「インタラクション・デザイン」を学ぶのか | 超ゲームウォーカー!
普段、インターネット上ではただのゲーム好きとして活動（？）しておりますが、本職はWebサービスやスマートフォンアプリのUIデザイナーをやらせていただいております コウノ アスヤ（@asuyakono）です。 退勤後はイベントに登壇！土日はコンセプトデザインで習作！みたいな同僚を横目に、仕事の時間以外はもっぱら家にこもってゲームを遊び、プレイ後に感想を記事にしてネットに公開することが多いです。それがこのブログです。このブログではいつも「良いも悪いも正直に。なるべく平易な文で。」をモットーに書いてますが、記事のボリュームを考えたり、専門的すぎないように気をつけていると、どうしてもなくなく端折らざるを得ない話題というものがあります。 それは、ゲームにおける「インタラクション・デザイン」のことです。 「友達が少ない」「インドア」「両親が共働き」の３本揃いで、物心ついた時から１人で黙々とビデオゲーム
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
ネットワーク図を作る時に便利なアイコン集のまとめ(2016年度版)
以前「ネットワーク図を作る時に便利なアイコン集のまとめ(2013年度版) 」という記事をエントリしたのですが、それから時間が経過したので2016年度版を作ってみました。 ※ 2020年 12月05日 「Kubernetesのアイコン集」と「ヤマハネットワーク機器のアイコン集」を追加、その他のリンク集に「資料で使う技術/プロダクトロゴのリンク集 – Qiita」を追加いたしました。 ※ 2018年 11月28日 Alibaba Cloud iconsを追加いたしました。 ※ 2017年 12月22日 ニフクラ アイコン＆シンボルを追加いたしました。 ※ 2017年11月18日 cocha-iconsを追加いたしました。 ※ 2017年8月27日セキュリティアイコン/Security icons – Security along DesigNを追加いたしました。 ※ 2016年12月26日 「
はてなブログで吹き出しを使おう！ CSSでの実装方法を勉強したので解説します。 - いつもマイナーチェンジ！
僕はいつも、記事の最後に「あとがき」をつけているのですが、画像から吹き出し付きで書くようにしています。 ですが、これ、モバイル版ではちゃんと表示されていないのを分かっていながら放置してたんです。 CSSを利用した吹き出しなので、仕組みがなかなか難しく、後回しになってしまっていました。 この仕組を理解しないことには、放置しているモバイル版の対応もできないまま。 それはまずいので、ようやく重い腰をあげて勉強してみました。 あとがきの表示 PC版ではこんな感じの表示になってます。 それに対して、モバイル版はこんな感じでした。 吹き出しになってませんね。 最初はこちらの記事を参考に吹き出しを設置したのですが、 PC版だとスペースが広いので、画像の右側に吹き出しをおけるのですが、モバイル版は横幅が狭くなるので下側に吹き出しを置いたほうが見やすくなります。 ですが、そうすると、吹き出し特有の三角部分（
「紙っぽいデザイン」の特徴を盗め！イベントポスター事例から学ぶ、紙っぽいデザインの特徴。
quoitworksのムラマツこと、muuuuu.orgの中の人、ムーちゃんです。こんにちは。お盆休みまでもう少しですね！みなさま仕事の進捗はいかがでしょうか。 webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙（ポスター、雑誌）のような完成図をイメージされることが多いのではないのでしょうか。（特集ページや、LPや、メインビジュアルなどです。検索画面とかは違いますよ！） それで今回はＬＰやアバウトページ、特集ページでよくある「紙っぽく」オーダーをスマートに解決するため
上から充電池をコロッと入れるだけのクールなデザインの充電器「Powerchute」
スマートフォンの充電器にはかわいいものから機能的なまでいろいろなデザインの充電器があります。繰り返し使用可能である充電池用の充電器には機能的でありつつデザイン性も重視しているものがあまりないのですが、単3形充電池用の充電器「Powerchute」はスタイリッシュなデザインで、かつ機能性にも富んでおり部屋のインテリアにもなるというスグレモノです。 Powerchute | Quirky Products http://www.quirky.com/products/467-Powerchute-battery-charger Powerchuteはプラスチック製で大きさが140ｘ80ｘ70mm。縦長のデザインのためあまり設置スペースを取りません。 使い方もデザインと同じようにシンプルで、充電池を上からコロッといれるだけ。 充電が済むとPowerchuteの下から1個ずつコロッと充電池が出てく
Mindful Investments: Understanding Market Dynamics
In today’s fast-paced financial landscape, the fear of missing out (FOMO) has become a prevalent phenomenon among investors and traders alike. But what exactly is FOMO, and how does it manifest in the context of the market? FOMO, a term coined in the age of social media, refers to the apprehension that one might miss out on a rewarding experience or opportunity. When applied to the market, it repr
視覚的に情報を伝える！実例で見るインフォグラフィックスの魅力
2015年1月21日 インスピレーション, 便利ツール インフォグラフィックスとは情報やデータをを視覚的に表現したものです。情報を素早く簡単に表現したい場面で用いられ、私たちの身の回りにある路線図や会議での資料、学校の教科書などなど、様々な形で目にする事があるかと思います。今日はそんなインフォグラフィックスに注目してみましょう！インフォグラフィックスを制作する機会がないという方でも、全体のデザインやアイコン制作、配色のアイデアになりますよ！ ↑私が10年以上利用している会計ソフト！ なんでインフォグラフィックスを使うの？ インフォグラフィックスで情報を視覚化することで、伝わりづらい数値や専門的な情報も比較的伝えやすくなります。簡単に例えると、「チョコレートを食べる量が2011年は200kgだったのが、2012年は240kgに増えました」と文章だけで説明されるより、棒グラフで推移を視覚的に見
21 Creative Mobile Websites
Designing for a mobile website can be tricky and exciting. Tricky because you have a small window to work with. Exciting because its a challenging to making something creative within a small space. 21 Creative Mobile Websites I’m showcasing here did a great job on design. If you would like to get mobile design ideas visit mobileawesomeness.com they do a great job picking some of the best designed
NOISEKING｜グラフィティアート 現代アート｜アート・ウェブ・ギャラリー
graffiti art グラフィティ アート & 現代アート ポスター ｜ NOISEKING アート・ウェブ・ギャラリー
お洒落なインテリアと雑貨が必ず見つかるネットショップ 100
引っ越しや部屋の模様替えをする時にこだわりたいのがインテリアと雑貨。僕自身、今月から一人暮らしを始めたのでインテリアショップや雑貨屋さんを見てどんな部屋にしようか悩んでいました。街で歩きながら探すのもいいですが、今回は家でまったり見ることができるネットショップを集めてみましたよ。 お洒落なインテリアと雑貨が見つかる素敵なネットショップばかりです。ただ、100ショップもあるので時間には注意してください。余裕のある時にゆっくり見てくださいね。 1. IDÉE SHOP Online 2. CHLOROS 3. e-goods 4. talo 5. felice 6. D&DEPARTMENT 7. morphica 8. ZUTTO 9. MoMA STORE 10. scope 11. ±0 store 12. unico 13. 無印良品 14. Francfranc 15. caina.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ベーシックで使いやすそうなBootstrap向け管理画面テンプレート・「Gentallela」
クリッカブルな日本地図を実装するjQueryプラグイン・「Japan Map」
新着記事
配色センス０でも大丈夫！？服、インテリア、デザイン、様々な“色使い”を改善するかもしれない『60-30-10 Rule』！ | バンクーバーのうぇぶ屋
地上に落ちてきてしまったお月様 - Private Moon -
