マシーナリーとも子 @barzam154__ A3出口から出ようとしてる時にこの案内見て発狂しないでいられる自信があるタフな奴はいるか? 私は発狂してます pic.twitter.com/zkfj5DRcy7 2022-09-01 12:09:11
ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書(紹介記事)」や「ザ・マイクロコピー(紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで
はじめに 新規事業開発に役立つ記事のリストを友人や知人に共有することが多くなり、そのつどメールやチャットツールで送ることが面倒になってきたため、「まとめ記事」にしました。 これらはたくさんの方々から教えていただいて集まった情報のリストです。実際に会ってみた、行ってみたという情報も多いです。コピーしてご利用いただいても問題ありませんし、アフィリエイトもしていません。 ※追記 (1)Qiitaの記事以外は、リンクをクリックしたら自動的に新しいタブで開くようになっています。 (2)頻繁に新しい情報を教えていただいて追加しています。「これも追加してほしい」という情報があればお気軽にコメントください。 (3)Qiitaはプログラミング記事しかダメだと知らずにこの記事を作成しました。もしQiitaから注意されたら移動します。コミュニティガイドライン - Qiita:Support 目次 新規事業開発の
某所で買い切りゲームのゲームデザイナーをしてるけど、レベルって便利なんだよね。多分、多くの人はレベルシステムがもたらす恩恵をさして意識せずにゲームを遊んでると思う。 自分もレベル上げ作業は嫌いなので、昔の一部のRPGみたいなレベル上げ必須の状況はほぼ作らない。ただのプレイ時間水増しだし。 しかし、それを抜きにしてもレベルシステムって色々な恩恵があるんだよね。 難易度調整これはみんな直感的に分かると思う。 ボスを倒せる適正レベルを設定しておいて、ゲームが得意な人は低いレベルでクリアして、ゲームが苦手な人は高いレベルでクリアする。 そういう細かい所を吸収してくれるのがレベルシステム。 同様に、サクサクとザコ敵をぶっ倒してボスまで到達するのが楽しい人もいれば、一つ一つ苦労して倒して回復薬を管理しながらボスまで到達したい人もいる。 そういう楽しみ方も吸収してくれるのがレベルシステム。 ここでレベル
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
あくまで増田の行動範囲にあるものだけなので、抜けはあると思う。ご容赦いただきたい。 セブンイレブン自分がよく遭遇するのは、半セルフのあれ。 セルフですらない。ないのだが、悪くはない。 客は商品スキャンを行わず、支払い方法を選択し、その方法で支払うだけ。 モバイルSuicaで支払うことが多い増田としては、もっとも早く会計が終わる。 デメリットがあるとすれば、会計が早すぎて袋詰が間に合わず後ろが詰まること。 セルフレジではないのでそれなりに人は並ぶのでちょっとプレッシャーだ。 セブンは今後半セルフではない完全セルフレジを導入・拡大するらしいので期待したい。 ファミリーマート個人的ベストはファミマ。 スキャン方法は鏡とスキャナを利用したスーパー方式。 レジ袋も取ってJANコードを読み込むだけなので簡単。 たいていどこの店舗もレジ自体がコンパクトで、 操作範囲が狭いというメリットと商品を置くスペー
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン+8ptグリッド=調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行
結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。
SIerのインハウスデザイナーとして働いてるんだけど、うちの会社の業務フローがクソすぎてストレスが溜まっている。 あの、PMのみなさん、ていうか我が社の開発標準つくってるみなさん。 外部設計とか機能設計とか、「設計」ってついてる工程にデザイナーをアサインしてください。 デザインって「設計」っていう意味なので。 別に、知識マウントとか偉ぶってるとかでもなんでもないです。 外部設計も機能設計も社内のエンジニアがエクセルで作っているけど、なんでデザイナーを呼んでくれないんですか? あなたたちがやってるそれ、デザインですよね? そのくせエンジニアは、自分が設計書を作っていても「デザイン」をしているという自覚は全くない。 それどころか「自分にはセンスが無いから〜!」と変にデザイナーを持ち上げてくるんだけど、あなたたちのやってることもデザインですよ。 なのに、自分たちだけですっかり外部設計とか機能設計
ホーム ニュース 高評価アクションゲーム『Celeste』開発者が、“手触り“に関する極意を明かす。プレイヤーにストレスを与えないように取り組んだこと 現在PC/Nintendo Switch/PS4/Xbox One向けに販売中の『Celeste』。山登りと自己発見をテーマにした2Dアクションゲームである本作は、何度も死にながら少しずつ歩みを進める歯ごたえあるゲームプレイが特徴だ。一方で、キャラクターの操作性の良さにより、また絶妙なレベルデザインも手伝って、何度も挑戦しているうちに突破できそうだと感じさせてくれる。 キャラクターの操作性は、コントローラーを通じてプレイヤーが直接感じ取ることになる重要な部分。その“『Celeste』らしい手触り”はどのようにして実現させたのか、本作のディレクターMatt Thorson氏がいくつかのテクニックを紹介している。 コヨーテタイム A short
多くのアクセスがあったので無料化しました 要求定義テンプレも記事内でDLできます。 はじめにはじめましてUX プランナーのShoty(@shoty_k2)です。 今回は「要求定義」をつかった、UX デザインについてご紹介します。 実践用テンプレートも記事内にて配布しておりますので、参考にしてください。 「要求定義」とは要求定義とは、「事業や施策によって実現したいこと」です。ユーザーにどのような状態になって欲しいのか・何をしてほしいのか、ビジネスで何が必要なのかなどを取り決めることです。 要求定義という言葉は、もともとはシステム開発の現場では頻繁に使われている単語で、非技術者の企画者がシステムに求める仕様を定義することです。 「要件定義」と「要求定義」の違い多くの方が「要件定義」という言葉を聞いたことがあるかと思いますが、「要件定義」と「要求定義」の違いについてご存知でしょうか? ★要件定義
WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では
「五味ちゃん 起業家7年生」連載の第一弾です。 第二弾は今月中にどこかで!25歳、起業家7年生。 こんにちは、ハヤカワ五味です。 そう、実は起業家としては7年生になってしまいました。 7年生ということは、小学1年生が中学1年生になるくらいの年数を起業家として費やしてきたということですが、正直この7年は自分にとって有意義ながら遠回りだったなと思います。 趣味で作ったものをSNSにアップしたら幸運にも話題となり、それを受けて法人化したのがシンデレラバスト向けランジェリーブランド「feast」の立ち上げの経緯ですが、そもそも私はコンシューマーゲームのプランナーか広告代理店のアートディレクターを目指していました。だから、事業を継続する気はまったくありませんでした。 そんなめちゃくちゃな立ち上がりをしたfeastなので、運営する中でも問題ばかりだったのですが、ここ半年〜1年くらいでいいメンバーとも出
X(旧ツイッター)のオーナーである起業家のイーロン・マスクは18日、Xで特定のアカウントによる連絡や投稿の閲覧、フォローなどを制限する「ブロック」機能を廃止する予定だと明らかにした。 マスクは、Xでほかのユーザーから寄せられた質問に、ダイレクトメッセージ(DM)以外のブロック機能はなくなる予定だと回答。ブロックには「意味がない」と断じた。 マスクによると、特定のアカウントのフォローを解除したりブロックしたりせず、タイムラインに表示しないようにする「ミュート」機能は引き続き使えるという。 マスクは2022年10月にツイッターを440億ドル(現在の為替レートで約6兆4000億円)で買収して以降、有料サブスクリプションサービス「Blue」の導入、ツイッターからXへの名称変更、ブランドの象徴だった青い鳥のロゴ廃止、「X Pro(旧Tweetdeck)」の実質有料化など、プラットフォームの大幅な改変
この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている1エンジニアにすぎないのですが、対客や要件定義から開発、運用、そしてUIのデザインを担当しており、自分なりに伝えられるものがないかと試みたものです。 デザインとは デザインとは単に見た目だけの話ではなく、「ビジネス」と「ユーザーが得る体験価値」から始まり、それを実データと結びつけながら人の認知を通してどう見せるのかという作業です。 始まりの部分は最近だとUXデザイナー、終わりの部分はUIデザイナーとかグラフィックデザイナーとか呼ばれるような人の仕事です。そしてそれらを形にするのがエンジニアです。 画面を設計するまでの作業 ギャレットのUX5段階モデルに従って、どういったことを考えないといけないのか確認します。 (実際にUX5段階モデルを意識して仕事してるわけではありませんが、何かしら
営業、受注、制作、納品、運用と、ウェブ制作の活動は長期に渡り、そのタスクの種類と量は膨大です。だからこそ、基本的なプロセスや使用するドキュメントなどを明確に定義しておかないと、サービスの品質が担当者により大きく変わることになります。 ベイジは社員がまだ5名の頃、各人に委ねた進め方によって以下のようなトラブルが頻発していました。 ミスが発生しても「次から気をつける」と精神論で終わらせてしまう 担当するディレクターやクリエイターによってタスクの抜け漏れが起きる 担当者それぞれが属人的な進め方をしてて品質が安定しない 役割が不明瞭なグレーゾーンのタスクが放置されてしまう 創造的な仕事の時間が、ルーチンや計画にないタスクに奪われてしまう 新しい社員が入る度に同じことを教えないといけない これら問題を解決するため、2014年頃からワークフローを整備するようになりました。ちなみに私が入社したのはこれ以
こんにちは。クックパッド デザイン戦略本部長の宇野です。 いきなりですが「ユーザーファースト」って良い言葉ですよね。サービスのあり方の基本であり、モノづくりをしていてそれを無視したいという人はいないはず。 しかし僕はこのユーザーファーストという言葉をあまり使わず、使う際は慎重に取り扱うようにしています。この言葉の概念はとても難しいと考えているからです。 「ユーザー」って誰のこと?目の前にいるユーザーの話をそのまま取り入れれば必ず良いものが作れるの? 答えは明確にNoです。 当然ですが無視するべきという話ではありません。ただ、向き合ってるユーザーがどんな人なのか、その人が本当に欲しているものは何なのかを徹底的に考え抜く必要があります。 お問い合わせをしてきている人はだれ? ユーザーからのご意見やお問い合わせ、アプリストアのレビューはとてもありがたいですよね。そこから新たな改善案をもらったり、
こんにちは、Qiita開発チームのgetty104 です。 今回は2020/03/12にリリースした、QiitaのLGTM機能について、その背景と目的を説明します。 背景QiitaについてQiitaは2011年にリリースして以降、ありがたいことに順調にユーザー数が増えていき、2020年の現在では毎月700万人を超えるユニークユーザー(UU)が訪れ、6000万PVのページアクセスがあり、毎日300件以上の記事が投稿されるようになりました。エンジニア向けWebメディアとして業界トップシェアを獲得し、国内エンジニアのほぼ100%が利用するサービスとなっています。 Incrementsの全社戦略IncrementsではQiitaの他に、エンジニア向け転職支援サービスであるQiita Jobsや、社内向け情報共有サービスであるQiita Teamも開発・運用しています。また今年、Qiitaのオーディ
もういろんなところで言われてるけど、最近よく見るタッチパネル式の食券発券機ってなんであんなに無駄なステップが多いの? 行きつけのラーメン��でノーマルラーメンを頼もうと思ったらこんだけの画面を経なきゃならない。 ・ラーメン、サイドメニュー、ドリンクからラーメン選択 ・ラーメン、チャーシューメン、煮卵ラーメンなどからラーメン選択 ・トッピング選択画面でトッピング無しを選択 ・麺普通、大盛から普通を選択 ・お支払方法選択ボタンをタッチ ・電子マネー、現金から電子マネーを選択 ・いくつかの選択肢からたとえば交通系ICを選択 ・カードをタッチ→発券 こんなのこうすりゃ簡単じゃん。 ・注文画面(=初期画面)で注文する品を選択→他メニューやトッピングも追加選択できる状態で「電子マネーをタッチ、あるいは現金を入れてください」の表示 ・カードをタッチあるいは現金を投入して発券(どの電子マネーかは自動判別)
Webサイトやスマホアプリでよく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのコードがまとめられたコレクションを紹介します。 フレームワークなども便利ですが、それだけを実装するためのコードなので、非常にシンプルでカスタマイズも簡単だと思います。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSSで実装するレイアウト・UIコンポーネント CSS Layoutの特徴 CSS Layoutはよく使われるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。
「この先はどうなっているんだろう」「あそこに敵が見えるけど戦いたくないな」「とにかく高く登りたい」「道なんて知らねぇ、直進して目的地に進む」全部叶います。 セミ的な冒険者さん 31歳 女性 基本高所への移動は面倒なだけです。しかし、『ゼルダの伝説 ブレス オブ ザ ワイルド』では案外楽しい。どう行けば登りきれるか、とか今度は薬を多めに、とか眺めとか、新たな発見とか。 lzさん 18歳 女性 ひとつの場所に行くルートや、謎解きをする方法もさまざまで、とても考えることが楽しかったです。また、とても自由度が高く自分がしたいと思ったこともほとんどでき、とても楽しかったです。 岩ちゃんさん 15歳 男性
こんにちは。デザインチームの八嶋です。2021年3月22日、SMBCのホームページが大幅にリニューアルされました。このホームページリニューアルは、約5年ぶりの大幅リニューアルでページ数は約1500ページにも及ぶ大プロジェクトでした。このプロジェクトはインハウスデザイナーによるホームページのデザインディレクションとデザインチームが作ったデザインシステムによる連携で作られています。ホームページの役割からUIの設計までコアとなる部分をインハウスデザイナーが設計し、多数のパートナー様にもご協力いただき完成させています。(特にトランスコスモス様、ありがとうございます。) 今回のnoteは、ホームページリニューアルチームの一員でもある八嶋が、デザイナーの大塚とプロジェクトマネージャーの髙橋、そして、デザインシステムを担当したデザイナーの金澤にインタビューをしました! ホームページリニューアルを通して、
情報の濃い「生情報」にたどり着けない 今年2月、アメリカで「Google Search Is Dying」(Google検索は死にかけている)と題したIT系ブログ記事が話題となりました(※1)。 ※1:DKB「Google Search Is Dying」 この記事のポイントは、「広告」と「SEO」の蔓延でGoogle検索の質が低下し、ユーザーの「Google離れ」が起きているというものです。 ユーザーはどこに不満を抱いているのか。それは、なにかを調べたいと思ってGoogle検索をしても、上位には情報の薄い「まとめ記事」が出てくるばかりで、体験談やレビューといった「生情報」にたどり着けないという問題があるからです。 試しにグーグルで「トンカツ 新宿」で検索すると… この傾向は、特に商品や店のレビューで顕著です。 例えば「トンカツ 新宿」と検索すると、最上部にはGoogleマップとそれに紐付
ホーム ニュース 『エルデンリング』にて日本人が謎メッセージ「砦、夜」に困惑していると聞き、海外プレイヤーが面白がる。その理由とは 『エルデンリング』で見られる「砦、夜」なるメッセージが日本人ユーザーを困惑させ、その様子に気付いた海外ユーザーからも反響が寄せられている。本作の定型文メッセージが、ミーム伝達の難しさを浮き彫りにしたようだ。 『エルデンリング』は、フロム・ソフトウェアが贈る新作アクションRPGだ。本作の舞台となる広大な狭間の地には、美しい高原から危険極まるダンジョンまで、作り込まれたさまざまなロケーションが存在する。そして、絶景の感動や過酷な状況をほかプレイヤーと共有できるのが、ネットワークを利用したオンライン要素だ。本作には一時的な協力プレイ要素のほか、ほかのユーザーとのゆるい繋がりを感じられるメッセージ要素もある。 本作のメッセージは、定型文の組み合わせを地面に残すシステム
タワーレコードの渋谷店がイベントスペースを大幅拡張したり、新宿店の最上階をアナログ専門フロアにしたりといった動きは、「体験を売る」動きであったりとか、アナログの再評価があったりとかをキャッチアップした結果というのは、当然そうなのですが、そういう方針転換を行う上での前提として「そもそも日本に入ってくる輸入盤CDのカタログ数が減少している」という状況がありまして。 2016年頃に、タワレコに行ってもThe Divine ComedyやThe Wedding Presentの新譜が入手できなくて、ということはそもそもCDが日本に入ってくるのが相当に遅れているということじゃないか、みたいなことを言っていたのですが、結局待っても店頭には入ってきませんでした。 要するに洋楽はどんどんパッケージのリリース数が減っていて、多少作ってはいてもまとまった数が輸入盤として日本まで届くことはないという状況。タワレ
Myersらの1992年の調査によれば、一般的なグラフィカルユーザインタフェース(Graphical User Interface; GUI)アプリケーション開発でコードの48%、実装時間の約半分がユーザインタフェース部分に割かれているといいます。それだけユーザインタフェースの設計は難しいプロセスなのです。 ユーザインタフェース設計で役に立つ基礎理論や評価手法、支援ツールは、人とコンピュータの関係をよりよくしていく学問 Human-Computer Interaction (HCI) で研究、開発されてきました。ただ、こうした知見を体系化されたかたちで学習する機会は(とくに国内では)必ずしも多くありません。 このWebページでは、自分が研究者になるにあたって知っておきたかった基礎的なことを、参考文献を挙げながら紹介します。想定している読者層は HCI を専門にする学生や、ユーザインタフェー
あるゲーム開発者がRedditにて、ゲーム内に「確率」を表記した場合、多くのプレイヤーが正しく理解してくれないとの見解を投じ、話題を呼んでいる。ゲームにおいては数値どおりの確率で処理されるとプレイヤーにストレスが生じうる可能性もあるようだ。 今回ゲーム内の確率表記にまつわるトピックが議論されているのは、Redditのゲーム開発に関するコミュニティr/gamedev内のスレッドだ。スレッド投稿者のCable23000氏はゲームデザイナーだそうで、手がけた作品でプレイテストをおこなったところ、確率表記を正しく理解してくれないプレイヤーが続出したという。同氏はフィードバックの例として「10%の確率で新たなアイテムを獲得できるPerk」において、“10回に1回は新たなアイテムを獲得できる”といった認識をもたれていたとしている。 確率と試行回数 しかし、たとえば仮に50%の確率でドロップするアイテム
こんにちは、HR業界でアプリマーケティングをしている宮﨑です。 ・アプリのアップデート前後のUI変化 ・Push通知など気になったGrowth施策 こうしたものを「#アプリノック」としてTwitterで投稿すること3ヶ月。300本以上のネタが溜まってきました。 今回のnoteでは「フォッグの消費者行動モデル」というフレームワークを使ってまとめていきます。 行動 = 動機 × 実行能力 × きっかけ ザックリいうとユーザーに何か行動を促す際に「動機/実行能力/きっかけ」の3要素をどう揃えるか?というモノ。 詳しくは深津さんの記事がとってもわかりやすいのでおススメです。 アプリノックがUI改善の勘所だけでなく、Growthの知識も一緒に学べるコンテンツになっていくと嬉しいです。 それではいってみましょう! 【動機】がないと、やる気にならない①慣れない体験にはイメージ作りを よくわからない体験は
新しいコントローラーのこと。 発売当初のプロモーション番組で、芸能人たちがこぞってコントローラーから伝わってくる臨場感がすごいと言っていた。 どういう仕組なのかよくわからないけど、ゲーム内の質感や反動なんかをフィードバックしてくれるらしい。 やっとの思いで手に入れたPS5で、その部分が一番に楽しみだった。 プリインストールされてるPS5の性能紹介的なゲームをやってるときは楽しかった。 グラフィックもすごかったし、芸人のコメントはさすがに大げさすぎたけど、確かに今まで経験したことのない臨場感を楽しめた。 そうなればやっぱり新しいゲームをプレイしたくなるもので、そこそこアクションの強いゲームを買ってきた。 場面に応じて色々なフィードバックをしてくれるコントローラー。 なんというか、今まで経験したことがないというだけで楽しかった。 ところが、とあるシーンに移った時点で、それが一気に不快感に変わっ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く