そこそこユーザビリティの高いフォームを作った
そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです（サーバ側スクリプト
「右カラム無視」への対策
Webユーザーは、情報過負荷へ適応するため、重要でなさそう、あるいは広告のように見えるエリアから注意をそらすように自分たちを訓練してきた。しかし、サイドバーは適切にデザインすれば、コンテンツを発見しやすくし、ユーザビリティをうまく向上させることができる。 Fight Against “Right-Rail Blindness” by Hoa Loranger on October 12, 2013 日本語版2013年12月17日公開 残念なことだが、Webサイトクリエイターが右カラム（Webページの右レールとも呼ばれる）を広告の掲載によく使うので、ユーザーはこのエリアをチェックしないように自分たちを訓練してこざるをえなかった。これは右カラムはやめるべきということだろうか。いや、そんなことはない。 ページの右側で消費されるピクセルは利用可能な量のうちの20％程度だが、ピクセルとはコンピュータ
ユーザーの知識は低いレベルで停滞する
学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Jakob Nielsen on September 28, 2013 日本語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基本機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるようになるまでには何
ユーザーテストサービスのUIscope | UIscope
ユーザーがどのようにサービスを使っているのか。 利用シーンが最短1日で届く、 ユーザーテストサービス。 いますぐ無料で試してみる UIscope とは？ 「高品質なユーザーテストを 最も安く・早く・簡単に」 ユーザーがサービスを使っている様子を 動画形式でお届けする、 ユーザーテストサービスです。 ユーザーテストとは
米国市場の高校サイトでは、今、何が起きているのか？
ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）
ユーザー体験をリアルタイムで共有！NHN JapanのUXリサーチルームにいってきた : LINE Corporation ディレクターブログ
こんにちは、櫛井です。 弊社ではスマートフォンやPC向けのゲームやサイトなどを製作した際、想定しているユーザー層に実際に触っていただき、使いやすさ・わかりやすさ・快適さなどの意見を聞いたりすることをUXリサーチと呼んでいます。 UXリサーチでは主に２つの観点から調査を行います。 １つ目は、体験したユーザーから「面白いか？面白くないか？」「楽しいか？楽しくないか？」など直感的な意見を聞き、ユーザーの感情を読み解きます。２つ目は、サイトやアプリの操作や動作に関して、配置や色、言葉など使いやすさやわかりやすさに関する意見を聞き、課題発見につなげるといったものです。 今回はNHN Japanのオフィス内にあるUXリサーチのための専用ルームを紹介したいと思います。 リサーチルームはこのようにリラックス出来る木目調でまとめたお部屋。 6人くらいでゆったりと話すことが出来ます。 あまり距離があると面接っ
特定のキーワードに対して最適化することが今のSEOではない。2013年のSEOに向けてあなたが準備しなければならないこと。
[対象: 全員] High RankingsのJill Whalen（ジル・ウェイレン）氏が、パンダ・アップデートやペンギン・アップデートにやられ悲惨な状況に陥ったサイトを診断した体験から今後あるべきSEOの姿について 18 SEO Killers You Must Clean Up and Avoid for 2013 and Beyond という記事を書いています。 僕にとってとても共感できるすばらしい記事でした。 ジルさんの許可を得られたので日本語に訳します。 なお記事中のリンクはすべてHigh Rankings内の別コンテンツ（英語）へのリンクになっています。 2013年とその先、一掃し回避しければならないSEOを台なしにする18個のこと SEOが終わっていないことは明らかですが、トリック的なSEOや手っ取り早いSEOは、完全には終わっていないとしても間違いなく生命維持装置につなが
ユーザビリティへの誘い。『ウェブユーザビリティの法則』 | ushilog
ウェブユーザビリティの法則 改訂第2版 スティーブ・クルーグ ソフトバンククリエイティブ 2007-03-01 Amazon 楽天ブックス 図書館 by ヨメレバ この本はWebサイトのユーザビリティについて書かれた本の中では古典に属するものでしょう。 英語の初版が2000年、第2版が2006年。一年前の話題でさえ懐かしく思われるネット業界ですが、それでも読み続けられているのは、ネットを使うユーザー心理の基本を抑えているからだと思います。 ユーザビリティというものは意識しないとなかなか分かりにくい概念です。 優れたユーザビリティはその姿を隠してとくに意識させないですし、ダメなユーザビリティに触れた時には「使いにくい」「何をしたらよいか分からない」と思っても「これはユーザビリティが悪い」とは思わないものです。 さらにややこしいことに、ユーザビリティの良し悪しと、そのサイトやアプリを使う
ウェブサイト設計の時に役立つ7つのテクニック／【その3】具体性 (ユーザビリティ実践メモ)
前々回から連載しているウェブサイト作成時に役立つ7つのテクニック、第3回のテーマは「具体性」です。「見て欲しいページへのリンクがなかなかクリックされない…」。そんな悩みを解決するためのコツを取り上げます。 ファーストビュー 関連性 具体性 ←今回のテーマ ウェブライティング リンクの装飾と配置 目線の操作 他サイトでの慣習 ウェブサイトではページ間の移動は基本的にリンクによって行われます。しかし、一般的に言われているリンクのクリック率は高い場合でも10％程度。リンクがクリックされなければ、どんなにユーザの関心を引くページやコンテンツを用意しても、まったく見られないまま終わってしまう危険性があります。 まとめの第３回では「具体性」をキーワードに、伝えたいメッセージをウェブサイト上で確実に伝えるための２つのポイントをお伝えします。 「具体性」に関わる2つのポイント リンク先にある情報のイメージ
写真が語るUXとUIの違い - Nothing ventured, nothing gained.
Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日本に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXとUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXとUIの違いを説明しよう。 UX（ユーザーエクスペリエンス）は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい
「モバイル機器UIの革新」コンセプト6選(動画) | WIRED VISION
前の記事 「ビデオカメラ内蔵のバービー人形」にFBIが警告(動画) 「モバイル機器UIの革新」コンセプト6選(動画) 2010年12月 6日 ITデザイン コメント： トラックバック (0) フィードITデザイン Dylan F. Tweney カナダのResearch in Motion(RIM)社は12月2日(現地時間)、スウェーデンのインターフェース・デザイン企業TAT(The Astonishing Tribe)社の買収を発表した。 RIM社は、TAT社の才能を使って『BlackBerry』のユーザー・インターフェース(UI)を強化するだろう。BlackBerryは、2009年にタッチスクリーン技術が導入されたものの、『iOS』や『Android』『Windows Phone 7』と比較すると、古風でやぼったい感じがまだある。TAT社買収によって、将来のBlackBerry、そして
25-point Website Usability Checklist -- DrPete.co
February 10, 2009 — By Dr. PeteI've been thinking a lot lately about my process. Experience is a powerful thing, but it's rare that we really sit down and try to map out what we know. A while back, as part of my 5-point Website Clinic, I developed a 25-point website usability checklist - a way to create some method out of my madness and make sure that I don't forget anything critical when I'm work
人机交互論: 認知的ウォークスルー
ユーザビリティを評価する方法はユーザテストだけではありません。ユーザビリティエンジニアやユーザインターフェイスデザイナの知見に基づく評価（分析的手法）も役に立ちます。その中で最も有名なのはヤコブ・ニールセン博士の『ヒューリスティック評価法』でしょう。日本でもコンサルティング会社のサービスメニューには必ずヒューリスティック評価が入っていると思います。 ヒューリスティック評価ほど有名ではないのですが、実は、もう１つ強力な手法があります。それが『認知的ウォークスルー（Cognitive Walkthrough）』です。 手法の概要 そもそも「ウォークスルー」とは芝居の立ち稽古―衣装や舞台装置を使わない、普段着で台本を片手にした稽古―のことです。ユーザインターフェイスを“ウォークスルー”する場合も“台本（画面遷移図など）”に沿って分析していきます。その際に、ユーザの“認知”モデルの１つである「探査
カンタン！効果的なユーザビリティテストについて : LINE Corporation ディレクターブログ
こんにちは！コンシューマメディア部ディレクター浪越です。 制作ディレクターとして、サイトの改修に着手することがありますが、その際どうやって改善点を見つけるかがいつも問題になります。 色々なサイトを見て便利な機能を探して、改修に取り入れることができないかを考えることはとても重要です。 しかし、もっと問題解決に効果的な方法はないのか…。グループインタビューやユーザビリティテストなど、簡単にできればいいのに…。と思うディレクターさんもいらっしゃるのではないでしょうか。 実はユーザビリティテストであれば、テストするユーザーも含め、3人いれば実施が可能なのです。 今回は、簡単にできるユーザビリティテストの方法をご紹介いたします！ グループインタビューとユーザビリティテストの違い まずは、混同されがちなグループインタビューとユーザビリティテストの違いをまとめます。 グループインタビュー 【目的】 人間
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
U-site
日記調査：長期間のユーザー行動と体験の理解 ニールセン博士のAlertbox 8月9日 読了までに約15分 参加者は日々の活動をその都度記録し、リアルタイムのユーザーの行動やニーズについてコンテキストに基づいた知見を提供する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ YouTube、始めました 黒須教授のユーザ工学講義 7月25日 読了までに約5分 2024年5月にYouTubeチャンネルを開設し、そこで「黒須のユーザ工学入門」を連載することにした。講演や講義とは違ってもっとオープンにして、広い範囲の人たちに話を届けたいという気持ちがあったのだ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
usablog.jp
ソシオメディア | UIデザインパターン