The deeper meaning behind Japan’s unique UX design culture
I can’t believe I am writing this, but… as UX designers, we must understand the users. Shocker! However, is this enough when we design international products? Perhaps not. I believe only interviewing users doesn’t give you a full understanding. You get an idea of the user’s behaviour but not the causes of these very behaviours. Multicultural UX design is complex. To get a profound comprehension of
「共感」が負債に。元GoogleのUXリサーチャーが語る、デザイナーのメンタルヘルス問題｜designing
UXデザインにおいてはユーザーを理解し、寄り添うことが重要だと考えられている。『HmntyCntrd』のファウンダーでUXリサーチャーのVivianne Castillo氏は、『The Emotional Toll of Working in UX（UX領域で働くことによる感情的な負荷）』という記事のなかで、ユーザーを含む「人間」と向き合うときに、心にかかる負荷やセルフケアの必要性を綴った。 自分自身という「人間」を理解すること記事の内容を紹介する前に『HmntyCntrd』やCastillo氏について紹介しておきたい。 『HmntyCntrd』は、人間中心なUXデザインのためのオンラインコースやコミュニティを提供している。2021年にはFast Companyの『最もイノベーティブなデザインカンパニー』にも選ばれた。以下はコース内容を一部抜粋したものだ。 人間中心なデザインを実践するとき
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
UI UX Camp！2023 – やさしさでデザインする 一人ひとりに理想的な世界 | 株式会社ニジボックス
世界がデジタルシフトしていく中、「デザインはどうあるべきなのか？」という問いに対して、さまざまな職域の方々と、その本質的な価値・可能性を見つめ直し探求したい。そんな思いからスタートした、ニジボックス主催のイベント「UI UX Camp!」。そして昨年に引き続き、第2回目となる今回のテーマは「やさしさでデザインする 一人ひとりに理想的な世界」です。 不自由のない世界から、便利なものを誰もが使える世界。そして、さらにより快適で特別な体験が得られる世界と、現代に至るまで幾度となく変遷を遂げてきたデザインの目的や意味。そんな中、私たちは「一人ひとり、とりのこさない」ことがこれからの時代に重要になると考えています。 多様な個性の理想的な体験がつながりあうことで、誰もとりのこされない世界を実現するためには何をすべきなのか、国内外のさまざまな領域のエキスパートとともに考えました。 オープニング 今回のイ
「ユーザーテストガイドライン VERSION 2.0」を公開しました！ –
都では、令和3年9月にユーザーテストガイドラインを公開し、「テストしないものはリリースしない」を合言葉に、都庁内でサイトやアプリ、システムなどのデジタルサービスを開発する時は、ユーザーテストを実践する取組を進めてきました。 より良いサービスを創るには、利用者の声を聴き、それを反映させるサービスデザインの取組を徹底することが大切です。この取組を更に進めるため、この度、「ユーザーテストガイドラインVERSION 2.0」としての改訂を行いました。
「鋼の錬金術師 MOBILE」報酬の溜まり具合によってキャラが進んだり休んだりするデザイン - ゲームアプリのUIデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「鋼の錬金術師 MOBILE」、（以下、ハガモバ）の時間経過で報酬が獲得できる機能のデザインを紹介します。 線路を歩いて旅をしている雰囲気を表現 音楽に合わせて歩くのが心地よい 報酬が100%になったらキャラが休憩する ドットのキャラクターをタップすると遷移する 世界観に合わせて宝箱はカバンに 線路を歩いて旅をしている雰囲気を表現 「ハガモバ」には経過時間に応じて報酬が獲得できる機能があるのですが、その画面は旅をしている雰囲気が伝わるデザインになっていました。 このようにキャラクターが延々と線路上を歩いて行きます。 劇中そこまで頻繁に線路上を歩いていなかったとは無かったと思うのですが、OPでそういったシーンが映っ
これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効
やってほしくない緑とオレンジの使い方(カラーUDの話)｜ほうじ | 少数色覚デザイナー
少数色覚者にとって黄緑とオレンジは見分けづらい組み合わせの一つです。この記事のタイトル画像とかなかなか最悪です。 WEB、アプリや印刷物などのメディアではだいぶカラーユニバーサルデザインの考え方が浸透してきており、デザイナーも多様な色覚でも読み違えないように配慮してデザインすることが当たり前になってきていると思います。 Photoshopなどのグラフィックツールには簡単に少数色覚の見え方を確認できるプレビューモードがありますし、AdobeColorを使えば無料で少数色覚の人が混同しやすい色かどうかをすぐに確かめられます。https://color.adobe.com/ja/create/color-accessibility 少数色覚が見分けづらい色の組み合わせだと「-」が表示されるしかし、工業製品の世界では少数色覚にとって見分けづらい緑とオレンジの組み合わせのLEDインジケータ（表示）を
6割のユーザーがECサイトが重くて離脱。我慢できる秒数は？ – Fastask調べ｜モバイルマーケティング研究所｜ModuleApps 2.0
ジャストシステム「Marketing Research Camp」はネットリサーチサービス「Fastask」を利用して、事前の調査で、17歳〜68歳の男女1,054名を対象に『Eコマース＆アプリコマース月次定点調査 （2019年1月度）』を発表しました。 ６割がスマートフォンアプリを利用 スマートフォンでeコマースをする方に「あなたが最も利用するものはどちらか」尋ねました。スマートフォンのアプリが68.3％、スマートフォンのサイトが31.7％となりました。コロナ禍においてアクセスはぐんと伸びた状況になりました。 最も商品購入に繋がっているSNSはLINE 「あなたがECサイト（アプリ）からの通知で受け取っているもので最も商品購入に繋がっているSNS」について尋ねました。LINEが40.2％、Twitterが28.2％、インスタグラムが17.1％、Facebookが6.0％となりました。月間
「トークシナリオ法」でUIを設計する｜TSUYOSHI KANEKO / GOGEN株式会社CXO
インターフェースの設計をユーザー視点で構築するのは、決して難しいことではありません。 ここでご紹介するのは、私がユーザーとUIの整合性を取るために使う、最も簡単な思考法です。 良いインターフェースは会話をするあなたがこれから設計するインターフェースは、あなたの代わりにユーザーと会話をしてくれる人間のような存在です。 何かを販売・広告するウェブサイトなら、あなたの代わりに24時間営業トークを行うセールスマンのようなものであり、 また、ライフスタイルのアプリ等であればそれを隣で説明する良き友人であり、それが業務ツールであれば使い方を教えるよきメンターになります。 良いインターフェースのデザインを設計したいのであれば、このような優秀な解説者のトークシナリオ（台本）を作成するかのようにUIを設計するのが一つの解決策です。 よく設計されたインターフェースは、ユーザーの一つひとつの思考に対して、一つひ
富士通の実践知が詰まったデザイン思考のテキストブック公開
2021年12月3日に本テキストブックを題材に、デザイン経営の考え方や導入方法、テキストブックの制作秘話などについて語るオンラインイベントが開催されました。下記のリンク先からアーカイブ動画をご覧いただけます。 詳しくはこちら（外部サイト） > 富士通のこれまでの実践から得られたノウハウと、イタリアのミラノ工科大学デザインスクールPOLI.Designの研究成果やフィロソフィーを組み合わせた、デザイン思考のテキストブック「Transformation by Design デジタルトランスフォーメーションに挑戦するデザイン戦略とサービスプランニング」（日本語版・英語版）を公開いたします。このテキストブックはPDFで閲覧可能です。またテキストブック制作の背景や制作チームの想いなど、制作のディレクターを務めた宇多村志伸と高嶋大介に話を聞きましたので、ぜひダウンロードの際に併せてお読みください。
乙女ゲームのロード画面では、“自分の映り込み”に配慮して黒背景を禁止する例があった。複数タイトルの検証によって見えてきた、没入感への配慮 - AUTOMATON
ホーム ニュース 乙女ゲームのロード画面では、“自分の映り込み”に配慮して黒背景を禁止する例があった。複数タイトルの検証によって見えてきた、没入感への配慮 日々ゲームを楽しむにあたって、“没入感”を大切にしているプレイヤーは少なくないだろう。しかし、どっぷりとゲームの世界観に浸りたくとも、ちょっとしたことで興をそがれてしまうことがある。よくある例が、「暗転した画面に自分の顔が映り込んでしまう」というものだ。画面がツルツルして反射しやすい、携帯ゲーム機やスマートフォンで顕著に発生する事象である。虚構から突如として現実に引き戻されてしまい、人によっては大きなダメージを受けることだろう。 この「映り込み現象」に対して、女性向け恋愛シミュレーションゲーム、いわゆる乙女ゲーム業界では、興味深い対策がおこなわれていたようだ。ゲームプログラマーのまかべひろし氏はTwitterに「大昔、乙女ゲーとかではL
ついに出た、JIS Z 8530:2021
今回は、人間中心設計に関する国内規格・2021年版JIS Z 8530について、そのポイントを見ていくことにしたい。これは、2019年版ISO 9241-210の(部分的に修正がいれられた)日本版である。 黒須教授 2021年6月15日 これが標準訳になるか ISO 13407が1999年にでて、翌年JIS Z 8530:2000として日本で公開されてから、もう21年が経過した。この規格は、人間中心設計という概念を広め、ユーザビリティに対する社会的関心を高めたものとして、大きな意味を持つものだった。筆者も『ユーザ工学入門』(1999)とか『ISO13407がわかる本』(2001)などを出して、その概念の普及に努めた。 その改訂版がISO 9241-210という番号に変わって2010年にでたが、これは当時流行していたUXの概念を未消化なまま導入したり、ちょっと無節操に内容を拡大したようなバー
アクションゲームを爽快にする、ちょっとだけズルい調整メモ｜深津 貴之 (fladdict)
アクションゲームで爽快感を出すための、ちょっとしたズルのメモ。いろいろとプレイして見つけたやつ、思ったやつ。 ギリギリのジャンプをしたときの体験ジャンプで飛び移るとき。「ギリギリ届かない」かつ「キーを進行方向に倒している」場合、ユーザーの意図は「飛び移りたい」と類推される。キャラの座標を多少修正して、うまく飛び移れたことにする。次善策は、「壁にしがみつける」だが、爽快感は多少落ちる。 ギリギリで減速する体験走行時に「逆方向にキーをいれている」場合、ユーザーの意図は「急減速したい」と類推できる。キー入力の長さに応じて、摩擦係数をどんどん増やす。 ギリギリで踏みとどまる体験走行時にブロックから飛び出して落ちてしまうとき。「走行と逆方向にキーをいれている」場合、ユーザーの意図は「踏みとどまりたい」と類推される。よろめき演出で猶予時間を与えるか、急減速を可能とする。 ギリギリでジャンプが間に合う体
『投稿サイトに載せてる自作小説のタイトルを試しに短くしたらクリックの当たり判定がめちゃくちゃ狭くなってしまったんだが』～アクセシビリティの観点から見るWEB小説の長文タイトル問題
すかい@固定に発売予定 @skynovel7 株式会社RapidBrain代表 小説家、漫画原作者、ペットカフェオーナー（@binturong_toro） デビュー三年半で関連書籍70冊以上 累計100万部以上 ファンタジー/ラブコメ/エロが得意です その他編集業務やご紹介を含め異世界系レーベル立ち上げのお手伝いなど お仕事の依頼、相談はDMまでお気軽に skyfarm.fanbox.cc すかい@固定に発売予定 @skynovel7 ncode.syosetu.com/n7797gn/ 「宮廷テイマー、コストカットで追放されて自由を得たので未開拓領域に使い魔の楽園を作ることにする～竜も馬も言うことを聞かなくなったから帰って来いと今更言われても……もうエルフと同盟を結んだので……～」更新しました！ #narou #narouN7797GN 2020-10-18 11:48:38
iPhoneをアラビア語設定で丸一日使ってみた話 | UI Design Weekly vol.05｜Sakino Tomiura
全く知らない文化圏に行き、「わからない」モノやコトに触れることがすごく好きで、気づいたら色んな国を旅することが趣味になっていました。 しかしこのご時世、しばらくそんな旅もできないんだろうなぁ...と最近いろいろと考えていて、迷走した結果、 iPhoneの言語設定を「アラビア語」に変更してみました。 この記事ではその体験で気づいたことをまとめてみたいと思います。 1. 「右から左」は文字だけではなかった アラビア語は右から左へ記述する言語の一つです。他にもヘブライ文字、アラビア文字、シリア文字、ターナ文字などがあります。 大学時代アラビア語圏の友人が少しいたり、アラビア語でデザインされたものも見たこともあるし...と思っていたのですが、 実際に触れるインターフェースとなると、全く知らなかったことがいろいろと見えてきました。 まず言語設定からホーム画面に戻ったときの衝撃。 ホームアイコンの位置
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/geekdrums/status/1747320758525903273?s=12&t=723NaLvhx3eOTN3yhiSZEw
https://twitter.com/R_Nikaido/status/1453729759284785159
10 Idées reçues sur l'UX Design
消費者操る「ダークパターン」 国内サイト6割該当 【イブニングスクープ】データの世紀 - 日本経済新聞
