Web UX 指標を3つに再整理、定量化した Web Vitals とそのツールの紹介 - Qiita
技術もユーザーの期待値も日進月歩する Web において最高のエクスペリエンスを提供するためのガイダンスを提供するサイト web.dev にて web vitals が 2020/5 に開設されました。本稿はその紹介になります。 [2020/5/12追記] Google から日本語要約Web Vitals の概要: サイトの健全性を示す重要指標が公開されましたので、こちらも合わせてご覧ください。 TL;DR web vitals とは複雑化した Web サイトの UX 指標を3つに再整理し、定量化したものとその測定ツール (JS ライブラリと chrome extension)のこと web-vitals-extension をインストールしてみては(まだ alpha ですが...) web-vitals(npm) のドキュメントをチェックしてみては (同上) Web Vitals とは O
Dribbbleでフォローしたい、世界トップレベルのUIデザイナー14人｜Goodpatch Blog グッドパッチブログ
デザイナーなら誰でもチェックしているであろうDribbble。招待制なので優秀なデザイナー以外は参加できず、常に高いクオリティが保たれています。Goodpatchでも最近Dribbbleに作品をアップしはじめました（アカウントはこちら）。 MEMOPATCHをご覧の方の中にもDribbbleをチェックしている方やこれから見てみたいと思っている方も多いはず。でもはじめたばかりの頃だと誰をフォローしたらいいのかなかなかわからないのではないでしょうか？そこで今回は、Goodpatchメンバーがいつもチェックしている世界のスーパーUIデザイナー14人を紹介します！ Louie Mantia https://dribbble.com/mantia 2008年に大学を卒業して以来、働いてきた会社はTapulous、Iconfactroy、Apple、Squareと聞けばそのすごさが伝わるのではないでし
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
JIS X8341-3:2010 試験実施ガイドライン 2012年11月版
JIS X 8341-3:2010 試験実施ガイドライン 2012年11月版 2012年11月1日公開 作成者：情報通信アクセス協議会・ウェブアクセシビリティ基盤委員会 前のバージョン：2010年8月版（2010年8月20日公開） 目次 1. ガイドラインの目的 2. JIS X 8341-3:2010 「8.1 適合試験」の要件に対する補足事項 2.1 ウェブページ単位での試験 2.2 ウェブページ一式単位での試験 2.3 選択方法の選び方の目安 2.4 試験で問題が発見された場合 2.5品質管理活動の重要性 3. JIS X 8341-3:2010 「8.2 試験の手順」に対する補足事項 3.1 実装チェックリストの作成方法の例 3.2 実装チェックリストの例 3.3 達成基準チェックリストの例 1. ガイドラインの目的 本ガイドラインは、JIS X 8341-3:2010 の箇条8「
UIの学習のために生まれたUI | UXデザイン会社Standardのブログ
UIには本来のサービスが成り立つ上で必要な機能に基づいた必須UIの他に、その必要機能についてユーザーに学んでもらうための学習用UIというものが存在します。本来であればサービスに必要なのは必須UIのみだったはずですが、リリース後やリリース前の段階においてユーザビリティテストを行なった結果があまり良くないのであれば改善をすることになります。しかし、UIのどこに課題があるのかの分析と改善には時間がかかり、実装などでも工数が発生することも考えると、より少ない手間で解決する方法が望まれます。今回は、このようなユーザビリティ上の課題を解決するために生まれた学習用UIのパターンをご紹介します。 参考：モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 使い方を学習するためのUIパターン もし新規のユーザーがサービスのコア機能の使い方がわからなければ、サービス自体を利用してくれな
UI研究の第一人者・増井俊之が目指す「コロンブス指数」の高い発明とは？【連載：匠たちの視点-増井俊之】 - エンジニアtype | 転職type
慶應義塾大学 環境情報学部 教授 増井俊之氏 1959年生まれ。ユーザーインターフェースの研究者。東京大学大学院を修了後、富士通半導体事業部に入社。以後、シャープ、米カーネギーメロン大学、ソニーコンピュータサイエンス研究所、産業技術総合研究所、Appleなどで働く。2009年より現職。携帯電話に搭載される日本語予測変換システム『POBox』や、iPhoneの日本語入力システムの開発者として知られる 「理想的なインターフェイスってどんなものだと思います？」 そんな問いかけにどう答えるか困っていると、慶應義塾大学環境情報学部の増井俊之教授は、少し間を置いて、自身が考えるユーザーインターフェースの本質について教えてくれた。 「泥酔していても使えること。それが大事だと思うんです」 「泥酔していても～」とは、使い方に頭を悩ませたり、身体的な能力の差や言葉、文化の違いによらず、誰にでも簡単に使えるとい
XperiaのUX・ソフト開発現場に迫る
スウェーデンにあるソニーモバイルコミュニケーションズの開発拠点を徹底取材した。同社のユーザー体験／ユーザーインタフェースの専門家らへの取材を通じて、スマートフォン「Xperia」の開発アプローチに迫る。 目次
もう、Webはブラウザという制約に縛られなくていい ─ ＠IT
えーじ 2012/7/10 10年前、旅行先で道に迷わず目的地に辿り着くのがこんなに簡単になるなんて思わなかった。スマホとHTML5が、Webを自由に解き放つ まずは、食事のシチュエーションというUXの話から 唐突ですが、あなたはレストランでアルバイトをしたことがありますか？ 経験のある方なら、分かるかもしれませんが、レストランでアルバイトしていると、賄いで食事を出してもらえる場合があります。もちろん、お店によるので、一概にいえませんが、ちょっとしたファミレスでも、通常、顧客に出すものとほぼ同じ料理を食べられます。 そのとき、味はどうだったでしょう？ 1000円以上の価値があるものを無料で食べられるのだから、店によっては、実にうらやましい話だろうと思いきや、筆者の場合、そうでもないという感想を持った経験があります。 確かに、同じ料理なのですが、いわゆるバックヤードと呼ばれる従業員専用の、お
UXDのためのストーリーテリングについての発表とUX KYOTO開催について - Hatena Developer Blog
こんにちは、id:kudakurageです。今回は開発者向けの話しで、ユーザーエクスペリエンスのためのストーリーテリングについて社内で発表したことと、UX KYOTOという活動について書こうと思います。 UXDのためのストーリーテリング 2月25日（土）に株式会社ミクシィさまのセミナールームで開催された「ユーザーエクスペリエンスデザインのためのストーリーテリング」ワークショップに参加してきました。これは昨年UX Tokyoの脇阪善則さん、酒井洋平さん、前田俊幸さんらが書いた「ユーザエクスペリエンスのためのストーリーテリング-よりよいデザインを生み出すストーリーの作り方と伝え方」という本をもとに、ストーリーテリングの概要について学び、実際にストーリーを作る手法を学ぶワークショップでした。 ↓ UX Tokyoさんのブログ http://uxtokyo.org/2012/03/hcd-net-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
ここがイケてない、ネットバンクのUI : 市況かぶ全力２階建