先日、「イカれたUIを作ろうの会」というオンラインイベントを開催しました。多くの皆さまにご参加いただき、誠にありがとうございました。 また、当イベントでは期待以上に自由で多様なUIがお披露目され、おおいに血湧き肉躍りました。主催者としてうれしい限りです。 ちなみに社内でも「ダメなUIを作ろうの会」と銘打って勉強会を実施しました。こちらもクローズドな空間ならではの盛り上がりを見せました。 社内での勉強会のお知らせ背景そもそもこのような会を実施した背景には、つぎのように思ったことがきっかけでした。 エンジニアとかUXとかDXとかHCDとかと比べてUIのイベントが少ない気がする。酔いどれUIデザイン選手権をやりたい。一番イカれたUIをデザインしたやつが勝ち。 — yumemi (@n__yumemi) January 24, 2023 たとえば、connpassで検索したときの結果は「UIデザイ

三崎律日 @i_kaseki ニコニコ→youtubeに行くと検索性の低さ、というか視聴者側の「自由意志のなさ」に戸惑う。 「お前が次に見るもんはコレや」って常時言われてる気分。 twitter.com/HaYuTeA/status… 2022-11-16 11:46:19 はゆ茶 @HaYuTeA ええ！？！？タグ検索機能を使うと求めてるジャンルの動画を余すことなく検索できるの！？ youtubeやtwitterだと偶然出会うのを待つしかないし、ほとぼりが冷めたら追いかけるのが困難になるのに！？ ニコ動なら数年後にブームを知った人でも簡単に履修できるの！？すげー！！！ pic.twitter.com/FMRnHbDDSB 2022-11-15 17:23:06

ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション

2022年9月13日 株式会社メンバーズ ポップインサイトカンパニーでのウェビナーのスライドです。「ユーザーが欲しいと言った機能をつけたのに使われない！」という経験はありませんか。プロダクトをつくるとき「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集めることで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。かんたんなワークも交えながら、体系的に解説いたします。Read less

【疑問】マクドナルドのレジ並びすぎ問題 / なぜ「モバイルオーダー」を使わないのか → 妻の返答が予想外すぎた あひるねこ 2022年9月1日 え!?　何この行列!?　新しい iPhoneでも出んの？　と思ったらマックのレジ待ちだった。ということが割と何度もある。朝だろうが昼だろうが夕方だろうが関係なし。いつ行ってもレジの前に人だかりができているのだ。 そんな光景を見るたび、私（あひるねこ）は「どうしてモバイルオーダーを活用しないんだろう」と疑問に思ってしまう。混雑時は多少待たされることもあるが、それでもだいぶ違うぞ。なぜ彼らはモバイルオーダーを使わずレジに並びたがるのか。 ・並ばなくていい 知らない人のために一応ご説明しておくと、「モバイルオーダー」とは注文から支払いまでをスマホで完結できるシステムのことだ。利用店舗とメニュー、受け取り方法を選んでキャッシュレス決済を完了したら、あとは店

本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo 連載 本当に実践的なデザインドキュメントの書き方 いきなり渡されたワイヤーフレームをデザインするよう言われて戸惑った経験は、デザイナーなら誰でもあるのではないでしょうか？これはディレクターとデザイナーの分業という状況に起因する問題ですが、分業が一般的なのにはもちろん理由があります。そこで、この連載では、現在の分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、この問題を解決する手段を探ります。 第1回は、受託のWeb制作における一般的な分業体制を詳細に分析し、よりデザイナーが貢献できる役割分担について考えていきます。 なかなかはじめられないUXデザイン これはGoogleトレンドで、「Webディレクター」「Webデザイナー

『エルデンリング』のUIを“普通のオープンワールド風”にした画像が、海外ユーザーの話題を呼んでいる。ゴテゴテのゲームUIを揶揄するかのような画像へのユーザー反応からは、興味深い心理も垣間見える。 『エルデンリング』は、フロム・ソフトウェアが手がけた新作アクションRPGだ。本作は広大なオープンフィールドを舞台としており、メインのダンジョンのほかにも坑道・廃墟・洞窟などさまざまな興味深いロケーションが随所に散りばめられている。また、商人や戦技・アイテムを落とすスカラベのほか、個性豊かなキャラクターと関わる一連のサイドクエストなどの要素もある。 一方で、本作のUI/UX（ユーザーインターフェイス/ユーザー体験）は比較的シンプルだ。UIとは、ユーザーとゲームの間を取り持つ画面表示などのことだ。そしてUXは、そうしたUIを通じてプレイヤーが得られる全体的な体験のことを指す。例として、本作のUIにはク

2021年現在、ベイジの柱の事業はウェブ制作事業とウェブアプリデザイン事業です。ウェブ制作事業は会社設立の2010年からの主力事業で、サービス品質の平準化を目的に2014年頃からワークフローの整備を進めてきました。 一方ウェブアプリデザイン事業については、事業拡大したのがここ数年で、まだワークフローが整備されておらず、各人の裁量に委ねた進め方になっていました。そこで今後の事業拡大とメンバー増員を想定し作成したのが、業務システムやSaaSのUIデザインに特化した「ベイジの業務システムUIデザインワークフロー2021年版」です。 基本的な進め方は国際規格（ISO 9241-210※）の人間中心設計プロセスに基づいて組み立てていますが、細かいタスクの順序や内容は、今までベイジで培ってきたノウハウをふんだんに盛り込み、組み換えています。 また今回ワークフローを整備するうえでは、クライアントごとの開

フロントエンドの開発が初めての人が意外と抜けがちな観点をまとめてみました。 初めにざっくりと概要を話すと「デザイナーが作るデザインでは表現しづらいもの」をまとめたものになります。 デザイナーが作るデザインは静的なものなので(たまにがっつりプロトタイプを作ったりもありますが)、いわゆる"状態"を表現するのが難しかったり抜けたりしがちです。 具体的に言うとローディング、Empty、エラーなどです。これらをよしなに補完できるフロントエンドエンジニアはデザイナーからもきっと「頼りになるぅ！」と思われること間違いないでしょう。 と言うわけでそんな例を紹介していきます。 今後も思いついたら追加する可能性が無きにしも非ず。 ローディングを出そう こう言うクルクルするやつとか こんな感じでシュインシュインするやつがあります。 基本的にユーザがアクションを起こした時に待たせる場合は必ず表示させましょう。 ロ

デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則ヤコブの法則ヒックの法則80/20の法則パーキンソンの法則フィッツの法則ミラーの法則テスラーの法則FBMモデルドハティのしきい値3対1の法則ヤコブの法則ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望む。

映画館で働いている人間が鬼滅公開にビビりちらして書いたものです。 とはいえ鬼滅に限らず全ての映画に共通する所もあると思いますので興味のある方は軽く読み流してくれたら嬉しいです。 ※この記事は鬼滅含む特定の映画を侮辱する目的で書いたものではありません。 ※あくまで私が勤務している映画館を基準に書いてあるので、違った仕様の映画館もあるということをご理解いただいた上でお読みください。 入場時の混雑ここからは鬼滅が公開されたらこれが怖いな～と思うことをいくつか挙げていきます。 まずは入場時。場所にもよるかもしれませんが、現在私が働いている映画館では 検温→チケット確認→入場者プレゼントがある場合は渡す という感じなのですが、検温の機械は髪型などによっては認識が遅く時間がかかる場合があり、また鬼滅のように上映時間が多い作品は特にチケットに記載されている時間や日付などもしっかり確認してからお客さんを通

2020 年に入り、メルカリ US ではプロジェクトの担当 PDM を検討する際に「UIUX に大きな変更が入るならこの人」「関係者マネジメントが重要ならあの人」「テクニカルな知識が要求されるならこの人」といった具合に、プロダクトマネージャーそれぞれの特性・得意分野を考慮したうえで決定する傾向が以前にも増して強くなりました。 その結果、自分（フリッツ と申します、こんにちは）の場合は UIUX 改善を中心としたプロジェクトが相当に増え、並行して 3-4 名の UIUX デザイナーとそれぞれのプロジェクトについて議論することが毎日の風景となりました（めっちゃくちゃ楽しい）。 こうした状況下にあって、あらためて デザイナーと UIUX について議論・もしくはフィードバックをする際に気をつけている・気をつけたいことについて前後編にわけて振り返りをしたので共有してみたいと思います： ・前編（この記

任天堂が2020年8月6日に公表した2021年3月期第1四半期の決算でとてつもない数字をたたき出しました。売上高は前年同期の2倍以上にあたる3581億円（108.1%増）、営業利益に至っては前年同期の6倍に近い1447億円（472.7%増）という驚異的な数字です。まさに圧倒的といってよい好業績です。

モミー 【少年ジャンプ＋編集】 @momiyama2019 「少年ジャンプ＋」副編集長です。ほかに「ジャンプルーキー！」「MANGA Plus by SHUEISHA」など立ち上げました。リプライやDMの返信は気まぐれです。 shonenjumpplus.com モミー 【少年ジャンプ＋編集】 @momiyama2019 先日、見知らぬ大学１年生から、漫画アプリのUIについて物申したい！というこんなDMが。 で、実際にお会いした。 話題はアプリの設計から、最終的には漫画表現の時代に合わせた進化など、広く漫画全体の課題や未来まで広がった。 結果、逆に僕の考えが整理されて意義深い時間に。学生氏に感謝！ pic.twitter.com/Q6XZUtPAEi 2020-06-14 01:11:49

2020年1月に行われた Design Matters Tokyo のセッションでUXライティングについて学んだので記事にまとめます。 Slack社でUXライティングに取り組んでいるアンドリューさんのお話で、実際にUXライティングするワークショップも体験したので共有したいと思います。 Slack社のアンドリューさん UXライティングとはUXライティングとは、ソフトウェアやインターフェースを言葉で対話可能にすることを目的としたコピーです。 ユーザーの行動フローを理解し、専門用語を使わずに対話できるインターフェースを設計する職種のことを「UXライター」と呼んでいますが、まだまだ新しく誕生した職種のためいろいろと模索しているとのことです。 特にSlackでは人とのつながりの構築を意識してUXライティングに取り組んでいて、 どうやったら人と繋がれるのか。 どうやったら言葉で人と寄り添えるのか。 ど

こんにちは、UXデザイナーの八尾です。 これまで初めてユーザーインタビューをやってみた話やユーザビリティテストをやってみた話を書いてきました。入社してからの軌跡みたいになっている感を自分で感じていますw そして今日は、カスタマージャーニーマップを作って実践してみた話を書こうと思います。 UXデザイン手法の話って一般論はよくネット上に出てくるようになっていますが、実際に「やってみる」と言う部分はまだまだ情報が少ないと感じます。 私のように「実際やるには何が重要なの？」と悩んでいる方も多いのではないかと思い、リアリティを重視して書いてみようと思います。 まずは、作ってみないとわからなかった難しかったことやよかったことをまとめてみます。 ＊あくまで体験談であり、体系化された方法論ではありません。ご了承ください 次回は整理して方法論にできるよう頑張りますw 弊社で初めて本格的にペルソナ・カスタマー

WEB+DB PRESS Vol.107掲載のオブジェクトベース設計によるUIデザイン改善を読んだ。デジタルなサービスのUIを設計していく上で、とても参考になる知見なのでまとめてみる。 オブジェクトベースUI設計とはユーザーがやること（タスク）の手順をそのまま画面に反映させるのではなく、ユーザーの関心対象（オブジェクト）を画面とデータに対応させながら考えていく手法。 オブジェクトベースUI設計の良いところこのオブジェクトベースUI設計は、特に複雑なタスク＆要求が混在する業務利用アプリケーション（SaaS / B向けサービス）のUIデザイン改善、運用で活かしやすいという印象を受けた。 大規模なシステム、膨大なデータと連携しながら、多様なユーザーニーズに応えやすいUIを実現するにはどうすれば良いか。 要件に散在する情報をオブジェクトとして捉えることで、その場しのぎではないUIデザインが作りやす

AnthonyはUX Movementの設立者で執筆者です。素敵なWeb体験をこよなく愛し、ユーザのために日々奮闘しています。 トグルスイッチを使うべき場合と使うべきでない場合があります。デザイナーが誤った使い方をするとユーザーの混乱とイライラにつながります。使うべきタイミングを知るには、さまざまなタイプのトグルの状態や選択肢について理解する必要があります。 文脈上の状態 vs システムの状態 トグルスイッチとトグルボタンをデザイナーは混同しがちです。両方とも状態を管理しますが、トグルスイッチとトグルボタンには根本的な違いがあります。トグルスイッチはシステムの状態を管理し、トグルボタンは文脈上の状態を管理します。文脈上の状態のトグルはユーザーが見ようとしている現在の画面にのみ影響を及ぼしますが、システムの状態のトグルはアプリ全体に影響を及ぼします。 トグルスイッチを文脈上の状態のために使う

はじめまして。HR業界でアプリマーケティングをしている宮﨑といいます。 ・アプリのアップデート前後のUI変化 ・Push通知など気になったGrowth施策 こうしたものを「#アプリノック」としてTwitterで毎日投稿しています。 https://twitter.com/yositune12345 noteでは10月の1ヵ月間で100本のノックをする中で感じた「〇〇できたら、ユーザー体験が良くできそう！」というトピックスを投稿します。 どうやってるのか？①Playストアの設定で自動更新をOFFに ②アップデート待ちのアプリが溜まる あとは一通りスクショを残してからアップデートし、UIの変更がないかを見比べていきます。 それではいってみましょう！ ①確認画面で離脱させない確認画面で何か不安になった時、画面を往復させられると面倒な気持ちに。あらかじめ不安になりそうな要素を揃えておいて離脱させな

新記事書きました：貯金が底をついた。誰か助けてください UberEatsで1ヶ月働いてみて、自転車で50回配達完了したので感想を書いてみます。 ■良い点・儲かる名古屋で1日8時間強働いて収入は9,892円。 https://twitter.com/kouzin987456/status/1180892327809695745 Uberからの給料だけでも時給1000円を超えるので、まぁバイト代わりとして使うにはいいんじゃないかと思う。東京なら時給2000円になったりもするらしい。 自分はポイントサイト経由で登録して、かつ紹介者IDを使ったのでポイントサイトから1.7万、紹介者からのキックバックで2.7万、Uberからの給料で3.2万の合計7.6万ほど稼いだ。50回配達で30時間くらいかかるので時給換算2500円くらい。 ・クソ客対応をしなくていい普通の仕事ならクソ客がいても真摯な対応をしなく