mixi のユーザーインターフェースガイドライン作成に協力［株式会社ミクシィ様］
日本最大の SNS「mixi」を運営している株式会社ミクシィ様ではユーザーインターフェースを重要なものと位置づけて改善活動を始めていらっしゃいます。その活動の第一歩として、現状の mixi（PC版）のUIカタログとしてのガイドライン作成をソシオメディアが協力いたしました。 今回インタビューさせていただきましたのは株式会社ミクシィ 開発部 デザイングループ 馬場沙織様、河野崇史様のお二人です。 デザイングループでは mixi のユーザーインターフェースの管理・設計、そして実際のデザインを担当されており、馬場様と河野様は今回のUIガイドラインのプロジェクトの中核を担われました。 株式会社ミクシィ 開発部 デザイングループ 馬場沙織様 株式会社ミクシィ 開発部 デザイングループ 河野崇史様 聞き手：ソシオメディア 上野 学 ソシオメディアはUIの重要性をアピールしていますので、日本最大の SNS
情報を確実に伝える「近接」テクニック (ユーザビリティ実践メモ)
ウェブサイトに十分な情報を載せているのに、なぜかユーザに正しく情報が伝わらない、そんなケースは多いのではないでしょうか。今回は、実際の事例をもとに、「情報の関連性」を使ったテクニックをご紹介します。 今回取り上げるサイトでは、ウェブや電話では契約の新規申し込みはできないにも関わらず、「契約までの流れが理解されず、申し込みの電話がきてしまう」という課題がありました。対策として、お問い合わせページ内に「契約までの流れ」を記載していました（図1)が、ユーザは全く気付かず電話をしてしまう状況でした。 皆さんなら、どのような改善案を考えますか？（制約条件として、「商品説明」ページなどは修正ができないものとします） ユーザは「探している情報」しか目に入らない ありがちな対策として、「契約までの流れを画面上部に配置し、とにかく情報を見せる」という案があります（図2）。しかしこの案は、あまり効果的とは言え
デザイン変更でユーザー流出、米育児関連SNSサイトの教訓
イラン・テヘラン（Tehran）のネットカフェで、インターネットを利用する女性（2004年9月20日撮影、資料写真）。(c)AFP/Henghameh FAHIMI 【12月30日 AFP】育児関連ソーシャルネットワーキングサービス（SNS）UrbanBaby.comは立ち上げから9年間、ネット通の親たちの間で高い人気を集めた成功サイトだった。だが2008年夏、CBS傘下のITメディア企業CNetがUrbanBaby.comを買収。サイトのデザインを一新したところ、状況は一転した。 CNet元社員でブロガーでもあるジョン・グリアー（Jon Greer）氏は「UrbanBabyの失敗はユーザーの懸念に素早く対応しなかったことだ」と指摘する。 UrbanBabyのユーザーの1人は「もうけ主義の新しいサイトは不愉快なフラッシュ広告のため動作が重い。以前の素早く軽快な動作のサイトに慣れていたので、
Web 開発者の責任 (翻訳): Days on the Moon
John Resig 氏による A Web Developer's Responsibility という記事が素晴しかったので、著者の許可を得てここに日本語訳を掲載します。 Web 開発者の最大の負担は、ブラウザのバグと非互換性への対応に膨大な時間を費やすことであるといって間違いないでしょう。それゆえに、それらへの対応に不満をいうのは、Web 開発者全員の常となっていました。ブラウザのバグは迷惑でいらだたしく、仕事を大幅に難しくします。 ブラウザのバグはとてもいらだたしく、通常の開発における最大の負担です。ですから、開発対象のブラウザが、自身のバグを見つけ修正できるようにしてやるのは、すべての Web 開発者にとっての責任です。自分が見つけたバグに対して責任を持ち、「ほかの誰かがこれを見つけるだろう」とは思わないことで、ブラウザの進歩の速度は加速していくでしょう。 ブラウザを支援する解決策
優れたユーザインタフェースを設計する際に考慮する8つのポイント
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
エンジニアにもわかる「ユーザーインターフェース設計」
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
UIとユーザビリティから考える小さい画面でのRIA（1/3）- ＠IT
前回の「業務用途で本当に“使える”モバイル端末はどれだ？」では、各種モバイル端末に対して考察したが、端末選定において重要な点を追加しておきたい。それは「バッテリー」だ。動かない端末に意味はない。「業務」において「業務時間中」にバッテリーが空になっては話にならない。交換バッテリーを用意しておくなどの回避方法はあるが、できればバッテリーは長持ちしてほしい。また、「モバイル」であるからバッテリーが軽量であることは大切だが、多くの端末の標準バッテリーは持続時間が短く、オプションの大容量バッテリーは大きく重く携帯性を損ねてしまう。 業務に特化したHT（ハンディ・ターミナル）のOSに、Windows MobileではなくWindows CEが使われる搭載機種が多いのも、バッテリー消耗の問題が理由の1つだ。現状では、利用時間の長い業務の利用で数日持つバッテリーがないため、消耗を防ぐ技術はOS含めてプラッ
開発現場のUIトラブルを解決!? 画面プロトタイプ入門
開発現場のUIトラブルを解決!? 画面プロトタイプ入門：いまさら聞けないリッチクライアント技術（16）（1/3 ページ） UIを取り巻く開発現場の問題点って何？ システム開発におけるUI（ユーザーインターフェイス。本稿では、画面系の話題をすべてUIといいます）には、大きく2つの問題があります。 ■ユーザーいわく「使いにくい、分かりにくい」 1つは、システムの使いやすさについての問題です。システムをリリースしても、エンドユーザーから「使いにくい、分かりにくい」などのクレームが発生し、システム導入後の運用コストが低減できなくなるなどの問題が発生します。 ■ユーザーいわく「やっぱり画面にアレが欲しいな」 もう1つは、製造工程以降で、動くシステムが出来上がったときに、顧客から追加の要件が頻発する問題です。これは、システム開発共通の大きな問題ですが、特に顧客の目に付きやすいUIの部分は、その指摘が多
モバイルサイト構築前に知っておきたいユーザビリティ10のポイント（第1回） | モバイルサイト構築のユーザビリティいろは
端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト（以降“モバイルサイト”）の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で
MySpace、プロフィール編集機能を強化 ドラッグ＆ドロップでデザイン変更も
マイスペースはこのほど、SNS「MySpace」日本版に、マイページのデザインをドラッグ＆ドロップでカスタマイズできる「Profile 2.0」を追加した。 米国で先行公開した機能。マイページ上で動画や音楽プレーヤー、アプリといったモジュールをドラッグ＆ドロップで移動させ、オリジナルのレイアウトに変更できる。 友達登録しているユーザーをグループ分けし、グループごとに特定の情報を公開できる「フレンド・カテゴリー機能」も追加した。予定表を同級生とだけ共有するといったことが可能だ。 プロフィールページの背景画像などをワンクリックで切り替えられる「テーマ」機能もある。ミュージシャンやスポーツ選手などがデザインしたテーマを用意している。
Undo,Redoの実装って何十回もやってる気がする - あしあと日記
undo,redoの実装って何十回もやってる気がする。毎回同じパターンだ。undo,redoが登場するような編集ソフトは大体同じパターンに落とせる。フレームワークも作った。ブログにそういう内容を書きたいが面倒くさい。需要があれば面倒でも書くんだけどなあ http://twitter.com/youpychan/status/994486992 という発言をしたら何人か反応を頂いたので書いてみることにする。 需要があるなら書こう。undo,redoだけじゃなくてグラフィカルな編集ソフト全般の話をいつかまとめたいと思っていたので、ちょいとシリーズで書いてみようかとおもう http://twitter.com/youpychan/status/994636764 書こうと思う。 まずUndo,Redoについて。 Unod,Redoってみなさんどういう風に実装しているでしょうか？ 私はコマンドパタ
サイトのUIに関するテストを手軽に作れる『Five Second Test』 | 100SHIKI
サイトを作ったら試してみたいのがFive Second Testだ。 このサイトではあなたが作ったサイトのスクリーンショットをアップするだけで、簡単なUIに関するテストを作ることができる。 テストを受ける人はアップされた画像を5秒間だけ見せられて、そのあとに何を覚えていたかを書かされる、という仕組みだ。 このテストを実施することで、あなたのデザインで何が印象に残るか、もしくは残らないかを知ることができるのだ。 自分が意図したとおりにユーザーに情報が伝わっているか、きちんと確かめるのは大事だ。こうしたテストはお手軽でいいかもしれないですな。
雑誌のようにページをめくるエフェクトが楽しい -Flipping Book | コリス
Flipping Bookは、雑誌のようにページがめくれ、拡大表示・印刷・PDF保存などの機能を備えたFlashのビューアーです。 Flash page flip engine -FlippingBook デモ Flipping Bookは、画像をフォルダに入れるだけで設定できる「HTMLエディション版」や、インターフェイスの変更も可能なFlashの機能拡張の「Flashコンポーネント版」など複数の形態で配布されています。 インターフェイスを変更したFlipping Bookのデモ Flipping BookはHTMLエディション版・Flashコンポーネント版など有償ですが、HTMLエディション版（10ページ）はフリーで利用できます（商用利用は不可）。 FlippingBook HTML Edition (Free Version) HTMLエディション版は、表示する画像（拡大画像とサムネ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yuatetsu.in - yuatetsu リソースおよび情報
Good night, Posterous
覚え違いタイトル集｜福井県立図書館
Amazon.co.jp: デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計: James Kalbach (著), 児島修 (翻訳), 長谷川敦士 (監訳), 浅野紀予 (監訳): 本
ケータイ公式サイト&ダウンロードサイトのユーザビリティ6つのポイント（第4回） | モバイルサイト構築のユーザビリティいろは
http://www.designwalker.com/2009/01/speedup.html
Engadget | Technology News & Reviews
