This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. Usability in Practice The Human Face Of Software Dr. Charles B. Kreitzberg and Ambrose Little Contents So, What Is User Experience? It Ain't Just Paint The Facets of UX Synergy with Agile Welcome to Usability In Practice. This is the first in a series of

つまり、実用的で、使いやすく、魅力的な製品を作成するという目標がある場合は、ユーザビリティの概念を開発プロセスに組み込む必要があります。ユーザー エクスペリエンス デザインをアジャイル開発プロセスに組み込む方法については、別の記事で説明する予定です。今月の記事では、概要デザインの作成について重点的に説明します。 ユーザビリティは単なる表層の要素ではない 開発者は、ユーザビリティを製品のスキンの問題としてとらえがちです。確かにユーザビリティのいくつかの側面はビジュアル デザインと関係がありますが、その大部分は表面に現れるものではありません。 Alan Cooper 氏は、14 年前に著した自著『About Face』の中で、2 つのソフトウェア モデルを区別しています。それはテクニカル モデルとマニフェスト モデルで、これらのモデルを通じて "ソフトウェアの機能がユーザーに示される" という

センスが良いものは売れる。その点は、ソフトウェアも他の製品も変わりません。ビジュアル デザインが洗練されていれば、購入者を引き付けるだけでなく、その製品のすばらしさ、綿密さ、効果などがアピールされます。もちろん、パッケージが美しいからといって中身の品質が保証されるわけではありません。「美しさは皮一重」や「表紙で本の中身を判断するべからず」といった昔のことわざからも、このことがわかります。 しかし、ビジュアル デザインは重要です。洗練されたビジュアル デザインが品質の代名詞になるわけではありませんが、マーケティングにおいては、ビジュアル デザインを無意味なものだと片付けるのは間違いです。少なくとも、本格的で魅力のあるものにすべきです。顧客や大衆向けの製品を製造しているのであれば、独特の外観を生み出すことを検討するために、ビジュアル デザイナーを雇うのも一考に価するでしょう。製品がセットになっ

このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 実践的なユーザビリティ 実用的なエラー メッセージ Dr. Charles Kreitzberg および Ambrose Little コードは MSDN コード ギャラリーからダウンロードできます。 オンラインでのコードの参照 目次 ユーザビリティ面の課題 エラー メッセージの問題 設計段階での重要な考慮事項 エラー メッセージの体裁 プログラミング技法 一貫性のある処理 適切に設計されたエラー メッセージ フレームワーク Enterprise Library による例外のカスタマイズ Charles Kreitzberg ユーザビリティ面の課題 プログラムのユーザビリティがエラー メッセージによって大きく

This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 実践的なユーザビリティ アプリケーション ナビゲーションの設計戦略 Dr. Charles Kreitzberg および Ambrose Little 目次 認知的視点 ナビゲーションはメタファである ユーザーが混乱する理由 複数のページを論理セクションにグループ化する フレームを作成する ナビゲーション支援機能を使用する まとめ ソフトウェア的視点 大企業をコピーする カード分類法 UX デザイン パターン 明確なエントリ ポイント 実装 コントロール テスト、追跡、および微調整 まとめ 認知的視点 Dr. Charles B. Kreitzberg ナビゲーションを適切に作成することは、設計の最も重要な側

やたらと重い添付ファイルは、悪感情しか生産しません。 どんなに中身が素晴らしく仕上がっていても、送受信に手間がかかるだけで、かなりのマイナスポイント。ノリノリであったクライアント様も一気にクールダウンするというものです。 えてして、その正体はパワポファイルのことが多いんですよね。なにしろ操作が簡単。誰でもデザイナー気分で、ザクザクとシートを増やしちゃいますから。気付いたときには、ファイル転送サービスのお世話になんてことに...。 そこで、マイクロソフトのスティーブ・リンドバーグさんは、「PowerPoint ファイルのサイズを小さくする」9つの項目を提案。以下に、ネタ元サイトの項目を箇条書きにしてみました。 1. 高速保存をオフにする 2. サイズが大きすぎる画像ファイルに注意する 3. オブジェクトの埋め込み、グラフィックの貼り付けまたはドラッグに注意する 4. マスタ スライドも確認す

WEBデザインに役立つ手書きで使えるワイヤーフレームテンプレート「10 Free Printable Web Design Wireframing Templates」 WEBデザインをする際、どのような手法で行っているでしょうか？人それぞれだとは思いますが、多くの場合はいきなり作り始めるのではなく、構想をまとめてラフに落とし込む場合が多いとは思います。今回紹介するのはラフを制作するのに便利な手書きで使えるワイヤーフレームテンプレートをまとめたエントリー「10 Free Printable Web Design Wireframing Templates」です。 960 grid template プリントアウトしてそこに書き込んでいけるような様々なテンプレートが多数集められています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Paper

Welcome back to TechCrunch’s Week in Review — TechCrunch’s newsletter recapping the week’s biggest news. Want it in your inbox every Saturday? Sign up here. OpenAI announced this week that…

ドットインストール代表のライフハックブログ

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、R＆D統括本部 開発推進室 セキュリティプラットフォーム技術の戸田　薫です。 個人的に自宅では、 FreeBSD でよく遊んでいて、FreeBSDのパッケージ管理には、portsnap、portupgrade を利用していますが、ヤフーでは独自の方法で行われます。 その背景としてヤフーには、平均15億以上のPVを支えるためやサービスの付加価値のために何万台ものサーバがあり、サービスやシステムごとに大規模なシステムを構成する必要があるため、一般的なパッケージ管理システムよりもより柔軟で効率的なパッケージ管理が必要となっています。 今回は、ヤフーにおけるパッケージの管理についてご紹介します。 ヤフーインストーラ ヤフーでは

Yahoo!広告 Yahoo! JAPANの各サービスに広告が掲載できる リスティング広告の「検索広告」と「ディスプレイ広告」を提供しています

Elon Musk’s AI startup, xAI, has raised $6 billion in a new funding round, it said today, in one of the largest deals in the red-hot nascent space, as he…

Category: Tools Published: Friday, 11 November 2016 07:16 Written by vision widget Time off soon, so many years have passed in a flash, but however I did learn many things, there is a marked change in the web design with emerging designers had made very a lot of cutting-edge front-end web and app UI Kits Elements list have different controls like templates, vertical and horizontal sliders, metal k

Designing the UI of a mobile app from scratch can be both fun and challenging, especially when it comes to creating the user interface (UI). It can be a time-consuming and arduous task that requires a great deal of attention to detail. To help streamline the design process and get you started on your next project faster, we’ve put together a collection of the best free mobile UI kits. These UI kit

ワイヤーフレームの設計ツールとしてVisioやOmniGraffleを紹介しましたが、それらのツールでは目的に応じたテンプレートを使用して作業を進めることになります。そのうち、ページフォーマット（種類としての枠組みやIDやタイトルなどを記すヘッダー要素など）を指すものと、もう1つ「ステンシル（シンボル・図形⁠）⁠」と呼ばれる「パーツ」を指す場合とがあります。今回はそのステンシルに注目してみることにします。 ステンシルとは 簡単に言うと、図形やシンボルを指します。つまり画面設計などを進めるためのパーツ類と考えるとわかりやすいかもしれません。 Webにおける画面設計は、Photoshopを立ち上げてする作業を指す場合だけではありません。もちろんラフとして手書きで描く場合もあるでしょう。ただし、大規模ないし複雑なWebサイト構築においては数名のメンバーとの共同作業と大量生産という点でこのステンシ

UIワイヤーフレーム サイト制作に便利なOmniGraffleステンシル 制作メンバーの体勢やスケジュールによっては HTML でプロトタイプを作ることがありますが、そうでない場合はワイヤーフレームを OmniGraffle で作っています。 OmniGraffle では、オブジェクトを揃えたり調整が簡単ですし、マルチページにも対応しているのでクリックしたら別ページに移動といった効果も作れます。もちろん書き出した PDF もクリック可能なマルチページになっているので、他の方との共有した際もページの遷移がみえやすいです。レイヤーの表示・非表示といったアクションもオブジェクトに充てることが出来るので、ダイナミックなページも表現出来なくはないですが、レイヤーの表示・非表示は PDF に書き出した際になくなってしまうのが残念。Professional版ではプレゼンテーションモードがあるので、出先で

数年前に「日本語でケアナビ」プロジェクトに加わったことをきっかけに、「カテゴリとタグというナビゲーション要素をどう扱うか」は僕の問題意識のひとつになっています。で、１月ちょっと前に公開され話題になったライフレシピ提供サイト nanapi [ナナピ] のナビゲーションは、この問題に対するひとつの解を示しているように思いました。せっかくなので考えたことを以下まとめてみます。 カテゴリという（階層構造も含む）分類の仕方は、サイト利用者の多くがスムーズに理解できる一般的な概念といえるのですが、タグという概念の認知度はまだまだ「Webに詳しい人は知っている」の域を出ていないのではないかと思います。タグという属性のラベルを使い、複数のタグを使って「AかつB」という条件でモノを絞り込んでいく手法は、とても便利で面白いものです。でも知らない人にとっては、タグを用いたナビゲーションは難しいものに映るのが現状

Webデザインパーツごとのデザイン例 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。まとめのまとめ です。少し重いかもしれません。 主にブログデザインになってしまいますが、ヘッダー、フッター、ナビゲーション、フォームデザインなどなど部分的なデザインを参考にしたいとこに役立つまとめ記事を備忘録としてまとめています。 ヘッダーデザインユーザーにインパクトを与えるヘッダー。派手なデザインが多めです。 30 Creative Website Headers クリエイティブなヘッダーのデザインを30個ほど。凄いのばっかり。 30 Creative Website Headers 27 Stunning

さまざまなオープンソースの成果を組み合わせた「Google 日本語入力」、その実力を確かめてみるため、実際にインストールして使ってみました。 変換候補を出すサジェスト機能が一体どれぐらいのモノなのか、どこまでカスタマイズできるのか、使い心地はどのような感じか、そういったざっくりとした印象がこれでつかめるのではないかと思われます。 試用レポートは以下から。 今回はWindows Vista SP1を使っているパソコンで試用してみました。まずはインストールから。「Google 日本語入力」公式サイトにアクセスし、ボタンをクリック。 「同意してインストール」をクリック このようなページになって、ダウンロードが始まります ダウンロード中 インストール中 インストール完了。「OK」をクリック。 言語バーから「Google 日本語入力」を選択 こんな感じになります。 入力モードはここに表示されます。

グーグルには、勤務時間の20％を自由な企画・開発に当てていい「20％プロジェクト」という制度がある。Google検索での誤入力に対して、正しい検索キーワードを勧める「もしかして」というスペリングコレクション機能を担当している、ソフトウェアエンジニアの工藤拓氏が、同じくエンジニアの小松弘幸氏と、この「20％」で進めていたのが「Google日本語入力」だった。 工藤氏が「変換」のコアな部分、小松氏がWindowsやMacintoshといったマルチプラットフォームへのつなぎ込み部分を主に担当してプロジェクトを進めた。そして仮バージョンができた時点で、相談を寄せたのがシニアプロダクトマネージャ（当時）の及川卓也氏だ。 2010年に登場するChrome OSへの搭載も予定され、Googleの日本展開の重要なツールとなるGoogle日本語入力の生みの親に、その狙いや開発の思想を聞いた。 Google日

西田幸司が語るWEBサイト制作におけるアートディレクション 先週に引き続き開催の、インタラ塾。第6回の節目に西田幸司さんの登場だ。今回は、がっつり制作系の話。AD（アートディレクション）って何をしている人なの？グラフィックを使ってWEBサイトを作って生計をたてるってどういうこと？期待が高まる中、さっそうと登場した西田さんは実案件をもとにその制作過程を語ってくれた。 西田幸司さん 用意してきた資料がタナカさんからのダメだしでNG。急遽、実案件のサイトをもとに話してもらうことに。 HPFRANCE（アッシュ・ぺー・フランス）のショッピングモール「H.P.F, MALL」。こちらは、ADとしてサイト全体（カバーページ）を、さらにカバーページ、FEATUREページ（Juana de Arcoのキャンペーン）は西田さん自身がデザイナーとして制作にあたった案件。 カバーページ 白の、わりと構造が入り組

6月9日というロックな日にブログを書くというめぐり合わせをうれしく思うモバイル班のロックマンです。 livedoorに入社して10ヶ月ほど経ったのですが、振り返ってみるといろんなコンテンツのリニューアルばかりやっていたことに気付き、今回はその私の考える「リニューアル」について書いてみることにします。 なぜリニューアルするのか これはサイトによっていろいろ変わってくるのかも知れませんが、私がこれまでやってきたサイトリニューアルは、「これからこのコンテンツの停滞したPVやUUを伸ばすぞ！」という掛け声のもと、その第1番目の施策として「ユーザビリティの向上」を目的として行うリニューアルです。 その中身は (1) デザイン・見た目のリニューアル (2) 機能改善（使いやすくする）とか (3) 新機能追加　とか という表と裏の総見直しといったところです。 （1）と（3）について……これは次のいつかの

こんにちは、「プチペット」を担当している吉沢です。 最近はモバイルサイトを作成するためのブログやノウハウ本などがたくさん出てきて、とても便利になってきましたね。 個人的にはモバイルサイトのデザインやユーザインターフェース関連に関心が高いので、ブログでは「モバイルデザインアーカイブ」さん、「case:MobileDesign!」さん、本では日々、こちらで勉強させていただいております。 モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 著者：株式会社ゆめみ 販売元：インプレスジャパン 発売日：2008-12-25 おすすめ度： クチコミを見る モバイルデザインアーカイブの本。―携帯Webコレクション 著者：モバイルデザインアーカイブ 販売元：春日出版 発売日：2009-08 おすすめ度： クチコミを見る ケータイサイトのレイアウト 企業・キャンペーン・サービ

ビジネス社会で働いていれば、プレゼンの機会があり、そしてそこに挫折はつきもの。このコーナーでは『読むだけでプレゼンがうまくなる本』から抜粋した、“失敗しがちだったプレゼンにちょっとしたことで強くなれるヒント”を紹介していく。 5分で「つかむ」ように企画書を構成しよう！「つかむ」ための道具（プレゼンツール）としては、なんといっても企画書です。しかし、パート2の失敗例でも見たように、企画書を棒読みして失敗するハメには陥りたくありません。一般的に、人が相手の話を一方的に聞くとき、注意力は15分程度しかもたないと言われています。もし、企画書の1ページを1〜2分で説明すると仮定すると、企画書の分量は10ページ程度が限度でしょう。筆者の経験からいっても、10ページくらいの企画書が、一番プレゼンのメリハリが出るようです。さらに詳しい説明や資料が必要な場合や、仕様などをじっくり説明しなくてはいけないときは

IA関連のツール／リソース類です。 掲載希望のものがあれば、request @ iaaj.org までご連絡ください。 関連サイト IA Summit Library（英語） 過去のIAサミットのアーカイブ（セッションのPodcastデータなど） ドキュメント 情報アーキテクチャ入門 長谷川敦士 Web標準の日々ディレクショントラック 「情報アーキテクチャ入門（サイト構造設計編）」（PDF:11.4MB） (2007/7/15) オリジナル版「情報アーキテクチャ入門」（PDF:11.6MB） (2006/1/23) JJG: ユーザーエクスペリエンスの要素 Translated by Noriyo Asano ユーザーエクスペリエンスの要素 (PDF) The Elements of User Experience (PDF) IA Institute Tools: Creative Br

サービス開始からわずか2年半で500万人もの会員を獲得し、成長しつづけるソーシャルネットワーキングサービスのmixi。CNET Japanではmixiのサービス開始前の企画書の写真と、画面構成のプロトタイプを独占入手した。ぜひじっくりとご覧いただきたい。 サービス開始からわずか2年半で500万人もの会員を獲得し、成長しつづけるソーシャルネットワーキングサービスのmixi。CNET Japanではmixiのサービス開始前の企画書の写真と、画面構成のプロトタイプを独占入手した。ぜひじっくりとご覧いただきたい。

9月14日、ソーシャルネットワーキングサービス（SNS）のmixiを手がけるミクシィが東証マザーズに上場し、インターネット上のみならず、テレビや新聞など各メディアで大きく報道され、話題となった。 サービス開始からわずか2年半で会員数は500万人を超え、上場への原動力ともなったmixi。なぜこれほどまでに成功したのか、その秘けつとmixiの誕生秘話をミクシィ代表取締役社長の笠原健治氏に聞いた。 チャンスがなくなったときこそがチャンス --mixiをスタートさせる以前、イー・マーキュリーでは求人サイトのFind Job!やプレスリリース配信代行サービスの＠Press（2005年9月にネットエイジキャピタルパートナーズへ譲渡）といった企業向けのBtoBサービスを行っていましたが、なぜコンシューマー向けのサービスであるmixiを始めることになったのですか？ 2003年の夏に、会社としてより成長を目

Home Subscribe かつてイーマキュリーという会社(現mixi)が、mixiの企画を発案したのが2003年10月。 ITバブルがはじけて、日経平均が8000円を割り込んだ年。 この頃、mixiの原型が生まれた。 インターネットは変化が激しく、チャンスも生まれやすい土壌ですが、そうはいってももしかしたらこれが残り少ない非常に大きなチャンスのひとつかもしれないという気持ちは捨てられませんでした。 これに賭けてみたいとミーティングでメンバーを説得していきました。 FriendsterのCEOだったTim Koogle氏が以前、CNETの記事で 「インターネットにある大きな機会はすべて利用し尽くされた、と誰もが考えた時に、そもそもルール自体を変えてしまうような企業が登場する」 と発言していましたが、それと同じ気持ちでした。 2003年当時も、あらゆるサービスが出尽くした感がありましたが、

こんにちは、ブログ担当の坪田です。 今回は、先日公開したlivedoor Blogアプリを事例として、iPhoneアプリ公開までの流れと必要な情報について書きたいと思います。 ■iPhoneアプリを作るために用意するもの 1,Mac OSX 10.5.5以降を搭載したMac本体 iPhoneアプリはWindowsPCでは開発できません。 iPhoneを作るうえで必要なソフトウェアはAppleから無料で提供されています。 2,Appleのアカウント Apple storeから無料で取得できます。 URL：http://store.apple.com/jp 3,iPhone Developer Programへの登録とライセンスの購入 ライセンスは「スタンダード 10,800円」「エンタープライズ 33,800円」と2種類ありますが、自社向けの業務用アプリケーションを開発する場合でなければ、ス

短いメッセージを投稿して、ゆるいコミュニケーションを楽しめることから流行しているTwitter。気軽に利用できる反面、知らず知らずの内に危ないつぶやきを投稿してしまっている人も少なくありません。今回は、「ちょっとしたつぶやきから思わぬ事態に発展してしまった…」ということのないよう、Twitterで見られる危ないつぶやきを紹介します。 「気軽に投稿できること」と「ついつい後先考えずに投稿してしまうこと」は表裏一体です。実際に問題になったTwitterでのつぶやきを例に、注意すべき点をチェックしていきましょう。 ■ 未確認の情報をつぶやいてしまう 興味深い情報を前にして「みんなに伝えたい」という気持ちはもっともです。ただ、未確認の情報を投稿したら、想像以上の速さで伝搬され、収集がつかなくなってしまったといったことも。最近のケースでは民主党議員の口蹄疫に関するつぶやき、少し前のものでは人気脚本家

Elon Musk’s AI startup, xAI, has raised $6 billion in a new funding round, it said today, in one of the largest deals in the red-hot nascent space, as he…

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

Android Application Award 2010 Springの大賞を受賞したタオソフトウェアと審査委員長の日本Androidの会 会長 丸山不二夫氏 2010年6月24日、Android Application Award（A3） 2010 Springの表彰式が開催され、受賞作品が発表された。大賞はタオソフトウェアの「tWakeUpCallMaker」。“目覚まし時計アプリケーションを生成するアプリ”である。優秀賞は「フォントロイド」、「はてなモノリス」、「待ちぴったん」の3作品、技術賞は「PhotoSpeak」、ルック＆フィール賞は「つぶやき文庫」、学生賞は「通話履歴カレンダー」、グローバル賞は「PICT RHYTHM」が受賞した。 A3 2010 Springは、Androidアプリケーションの開発支援を目的に日経BP社 ITproが主催しているコンテスト。ソニー・エリ

参院選の公示がされ、いよいよ選挙期間に突入します。あなたのその一票が欲しくて欲しくてたまらない候補者たちが、毎度おなじみ大音量のスピーカーで名前を連呼しながら街宣車で街の隅々まで駆け抜けまくり、街頭では一方的な演説が繰り返され、「うるさいなー」と思っているとあっという間に投票日、いざ投票前になっても結局誰に投票すればいいかわからない……それが日本の選挙なわけですが、その裏舞台はそのような生半可なものではありません。 表からは見えない選挙の真の姿、そして本当の問題点まで、ありとあらゆる選挙の裏話を、選挙に出馬する候補者にコンサルティング業務を行う職業である「選挙プランナー」としては日本最年少である松田馨さんにインタビューしていろいろと聞き出してきました。 日本の選挙の裏話満載のインタビュー本文は以下から。株式会社ダイアログ - 日本最年少選挙プランナー松田馨による選挙コンサルティング/選挙調

2009年09月30日 社会人のための株の勉強会をレポートします。 (4) テーマ：セミナー カテゴリ：セミナー 先日、9月18日(金)にSharesユーザー会として行った 社会人のための株の勉強会をレポートします。 ～財務分析、企業分析に関する情報を共有する～ ■Sharesとは？ ・私たちは「個人投資家」向けに 「正しい投資知識と新しい投資アイディア」提供するべく 教育事業を行っています。 ・私たちの使命は、 すべての方々が自ら的確な判断ができるための 正しい投資の知識（フィナンシャル・リテラシー）』 をお伝えすることです。 その結果、わが国において、 投資の知識（フィナンシャル・リテラシー）が一般教養となり、 『豊かで幸せな社会』が実現されることを目指しています。 ■社会人のための株の勉強会の概要は以下の通りです。 ●業績絶好調のあの２社の損益計算書からわかることとは？ ＳＰＡ(製造