お気に入りをインターネットに 会社や家・カフェなどインターネットが使える環境であれば、パソコンが違っていても同じお気に入りを登録、そして参照できます。いつでもどこでも、そこはインターネットの空港へと早変わりすることでしょう。もしもゆったりとしたソファの上から POOKMARK Airlines へアクセスしたのなら、あなたはファーストクラスのシートに座っているも同然です。 POOKMARK Airlines では、インターネット上の数多くの素敵なページを旅の行き先と見立て、飛行機のチケットのようにあなたのお気に入りの行き先をコレクションできるようになっています。 １枚のチケットが１つの行き先となり、行き先に対してコメント（メモ）をつけたり、タグという仕組みを使って分類することもできます。 プックマークという名のコミュニケーション おすすめの映画や心に響いた文章など、誰かに見てほしいウェブペ
SAP Design Guild -- Golden Rules for Bad User Interfaces こういう記事は好きだな。うまくニュアンスを訳せないものもあるが、詳しくは元ページを見てくださいな。 ユーザを不要な作業で煩わせ続けろ！ 標準に従うな！ 動作を遅くしろ！ 可能な限り省略形を使え。元の用語を入れるスペースがある場合は特に 技術用語でユーザを教育しろ 重要でよく利用する機能はユーザの見えるところから隠せ アプリケーションはマウスだけで操作させる。キーボードショートカットなど提供するな アプリケーションの利用を真のチャレンジにしろ！ エンドユーザを避けろ！ 悪い例のメッセージを使いまくれ！ ユーザの予測に反した悪いデフォルト値を設定するよう気を遣え システムが応答する度に作業のコンテクストを破壊しろ ユーザに楽させるような機能を捨てろ。奴らは煩わせておけばよい 時間や
HTML には、複数の項目を選択する UI として、たとえばチェックボックスがあります。こんなやつですね 好きなメンバを選択してください(複数可) 梅田えりか 矢島舞美 村上愛 中島早貴 鈴木愛理 岡井千聖 萩原舞 有原栞菜 これぐらいの量だったら、選択するにせよ解除するにせよ、まぁたいしたことはないかもしれませんが、もし、選択項目が数十あるいは数百あったらどうでしょうか。激しくめんどくさいですよね。 世界的に優れたフィードリーダである livedoor Reader は、フィードリーダとしての使い勝手は当然として、そんなところにも実は気を配っていたりします。 たとえば、LDR のおすすめフィード登録画面「アルファブロガーズ」を見てみると(livedoor ID でログインする必要があります)、アルファブロガーさんのブログが数十個表示されるのですが、これを選択または解除するに際して、チェッ
「次」と「前」の意味と並び順 2006-05-22-2 [Blog][WebTool] 次の日、前の日、次のページ、前のページ、次の記事、前の記事。 「前」「次」はそれぞれどういう意味か。 またそれらはどういう順番で並んでいるか。 気になったので調査中。 サービス名[位置]と表記意味livedoor blog[左] 前の記事古い記事へlivedoor blog[右] 次の記事新しい記事へtDiary[左] 前の日記古いページへtDiary[右] 次の日記新しいページへMovable Type 系[左] 古い記事へMovable Type 系[右] >> 新しい記事へはてなダイアリー[左] 前の日 古いページへはてなダイアリー[右] 次の日 新しいページへYahoo! 360°[左] 前の日記古いページへYahoo! 360°[右] 次の日記新しいページへ2ちゃんねる[左] 前10
Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア 上野 学 2005/6/2 ■はじめに Webクライアントの技術が進歩し、多様化するに従って、Webベースのシステムにはデスクトップアプリケーションと同等の品質を持つユーザーインターフェイスが必要となってきています。 しかし開発の現場では、ユーザーインターフェイス（特にGUI）デザインについての専門的なスキルを持った技術者が圧倒的に不足しています。その理由は、ソフトウェア製品におけるユーザーインターフェイスの重要性が正当に理解されていないためと、ユーザーインターフェイス・デザインに関する教育機会がほとんどないためです。 利用者の視点に立てば、ユーザーインターフェイスとは製品そのものです。いくら高度に洗練された仕組みがバックエンドにあったとしても、それが
最近のネット系企業は「ラボ」をオープンするのが流行りになっていますが、Digg でもラボを始めたとのこと： ■ Digg Labs Launches (alpha) (Digg Blog) ラボへのリンクはこちら： ■ digg labs 第1弾として、Digg 内における投票行動を可視化するツールが発表されています。Flash で開発されていて、面白い動きをするのでぜひ一度アクセスしてみて下さい。発表されたツールは以下の2つ： Stack digg（記事への投票）が行われる様を、票が棒グラフに積み上がるイメージで表示。 バーの色は得票数（明るい色で表示されているほど digg が多い）を示す。 バーをクリックすると、個別記事の詳細が表示される。 Swarm ユーザーが記事に群がる（swarm）する様を可視化したツール。 中に文字が含まれている円が記事を、その周りに群がっている黄色い円がユ
sashaです。 naoya君が前回のエントリーで振ってくれたように、ジョエルテストの話から、ユーザビリティ・テストをどこまで行うかという話になりました。 私が今まで見たユーザビリティ系の記事の中には、追求したら悟りが開けそうな、限りなく奥深いものもありましたが、適度に深く、満遍なくカバーしているユーザビリティ・ガイドライン（原文）を見つけ、以降これを参考にしています。少し前に翻訳しましたので、今日はそれをご紹介いたします。 一般ユーザー向けのWebサービスでは、全部のチェック項目が該当するわけではありません。個人的には、各項目のスコアより、「スコアの説明」という欄を重視しています。現状では何が問題であり、どう解決するべきなのか、そういった思考のプロセスが、「ユーザーのことを思うこと」だと思うのです。 いま、ウノウではフォト蔵のデザイン見直しを行っております。私たちのデザインを省み、
対象とするユーザーの“慣れや知識”によって，画面の構成を変えたほうが伝わりやすいとするならば，画面上の「ユーザー・インタフェース（UI）部品」の色や形状も，ユーザーに応じて変えるべきでしょう。今回は，代表的なUI部品でありながら，なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず，前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度（PCリテラシ）」を縦軸，「提供したいサービスに対する知識」を横軸とします。そして，それぞれの「軸」に対して，受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは，ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが，ボタンを認識することはさほど苦ではありません。 しかし，PCに
通常のマウスオーバーを使うメニューだと、展開まで早すぎる、あるいは遅すぎる場合が多々あるわけですが、このスクリプトだとちょうどいい速度で展開してくれるらしい。 スクリプトの詳細は以下の通り。 Timeout your Mouseovers 上記ページの「Roll over me」の上にマウスを乗せれば展開されます。確かに今までのものよりもスピードやタイミングがちょうどいい感じな気もする。ちょっと一呼吸置いてから展開される感じですね。
認知的デザイン編：認知的デザインとは 認知とは人間がどのように物事を理解し、解釈するかということです。そこに着目し、それにあわせたデザインをすることで、情報の伝達率やユーザーの快適度の向上を考えるものです。また、人間の心理を考え、それにあわせたデザインも考えることで、より効果的なデザインを考えることができるでしょう。
Update: Jan 20, 2012 My appologies for not updating this site lately. Flipboard has been keeping me a little busy. I'll try to work something out here soon, but in the meantime, you might want to say hello on Twitter, browse through a few photos here or peek into what it is like designing Flipboard. Marcos Weskamp is a Design Engineer who has a deep interest in playing with and visualizing lots of
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
