タグ

uiに関するasitakiのブックマーク (23)

  • Expired

    Expired:掲載期限切れです この記事は,ロイター・ジャパンとの契約の掲載期限(30日間)を過ぎましたのでサーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。

    asitaki
    asitaki 2009/01/11
  • 「左上の魔術師」理論

    Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ

    「左上の魔術師」理論
  • 和田英一@日本初ハッカーはちょっと変わった絵を描く/Tech総研

    「日で最初のハッカー」と呼ばれる和田英一さん。東京大学名誉教授でIIJ技術研究所所長をされながら、今でも第一線のプログラマです。お持ちになったのは山のようなHappy Hacking Keyboards。昔からの腕前で絵を描くことが趣味とおっしゃいますが、当然のように普通の「絵」ではありませんでした。

  • 最速インターフェース研究会 :: お気に入りをサイドバーに常時表示させてない人はどうしてるのか

    [Memo]ブラウザの「お気に入り」はテレビのリモコンなんじゃないか 第三十三回 最近,普通の人はWebブラウジングのとき常に「お気に入り」をサイドバーに表示してるらしいという話題がある. ■一般的なネットユーザーは常にお気に入りを(ブラウザ左側に)表示している これ。これどうなの?みんなそういう風にしてネットを見てるの?常に左側 [WWW][computer]ブラウザの思い出話 一般人は常に「お気に入り」を表示している!http://plaza.rakuten.co.jp/catfrog/diary/200701140026/http://b.hatena.ne.jp/entry/http://plaza.rakuten.co.jp/catfrog/diary/200701140026/らしいんですが、自分はもっぱらURL直打ちですね。どのブラウザでも使えるし。 「お気に入りをサイドバー

    asitaki
    asitaki 2007/01/16
  • http://plaza.rakuten.co.jp/catfrog/diary/200701140026/

    asitaki
    asitaki 2007/01/16
  • キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI

    一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービスPCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結

    キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI
    asitaki
    asitaki 2006/11/17
  • シニアはログインでつまづく?! - Trans

    最近、シニア向けのあるWebサービスを構築している。その中で、シニア(特に、団塊世代、もしくはそれ以上)の方が、どういったところでWebサービスにてつまづくのかが少し分かってきたので、自分の備忘録も兼ねてメモしておく。 先に言っておくと、シニアはまずログイン、もしくは新規登録でつまづく。「中に入れない」「何かパスワード間違えているみたいなんだけど」そういった質問が、どんどん寄せられる。このWebサービスを構築する前に、できる限りネット上でシニアのネット行動特性みたいなものは調べてみたが、その多くは「ログイン後」、もしくは「ログインする必要がないサイト」のことだったと、今更ながら気が付いた。例えば、 ユーザビリティ研究所: シニア向けウェブサイト構築のための10のポイント 使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から) そう、シニアのネット上の行動特性はある程度研究が進ん

    シニアはログインでつまづく?! - Trans
    asitaki
    asitaki 2006/11/16
  • prima materia diary - XMLのコメントに--を入れてはいけない

  • 法務だけど理系女子の綴るblog: なぜ、日本人はUIにお金を払わないの?

    michys.com is coming soon This domain is managed at

    asitaki
    asitaki 2006/10/26
  • 第26回 どこにメニューをおくべきか,どこが画面の一等地か:ITpro

    Webサイトのデザインの中で,ここ2年で大きく変わりつつある「常識」があります。それは,「メニュー(索引)」の位置と「一等地」の場所です。ユーザーの閲覧環境が加速度的に変化しているという認識の下で,それでも最良のユーザビリティを提供しようとするなら,どのようなことを考えておく必要があるでしょうか。 左メニューと右メニュー(視線との交差)のどちらがベスト? まだモニター画面の大きさが小さかった時代(1995年前後),情報へアクセスしやすくする「メニュー」の位置は,ほとんど誰が考えても左側にあり,議論もされなかったように記憶しています。確実に画面の中に入り,ユーザーも基的に左端にさえ注意を向けていれば,大切な情報にたどり着けるという「暗黙の常識」が存在していたかのような時代でした。 しかしここ数年,メニューが左側にあると当に操作性が良いのかという議論を聞くようになり,大手のWebサイトでも

    第26回 どこにメニューをおくべきか,どこが画面の一等地か:ITpro
    asitaki
    asitaki 2006/10/25
  • antipop - livedoor Reader と GMal に見る、大量のチェックボックス処理 UI における革新的工夫について

    HTML には、複数の項目を選択する UI として、たとえばチェックボックスがあります。こんなやつですね 好きなメンバを選択してください(複数可) 梅田えりか 矢島舞美 村上愛 中島早貴 鈴木愛理 岡井千聖 萩原舞 有原栞菜 これぐらいの量だったら、選択するにせよ解除するにせよ、まぁたいしたことはないかもしれませんが、もし、選択項目が数十あるいは数百あったらどうでしょうか。激しくめんどくさいですよね。 世界的に優れたフィードリーダである livedoor Reader は、フィードリーダとしての使い勝手は当然として、そんなところにも実は気を配っていたりします。 たとえば、LDR のおすすめフィード登録画面「アルファブロガーズ」を見てみると(livedoor ID でログインする必要があります)、アルファブロガーさんのブログが数十個表示されるのですが、これを選択または解除するに際して、チェッ

    antipop - livedoor Reader と GMal に見る、大量のチェックボックス処理 UI における革新的工夫について
    asitaki
    asitaki 2006/09/23
  • 虫眼鏡のアイコンは『検索』か『拡大』か? ― @IT

    ユーザビリティのヒント(3) 虫眼鏡のアイコンは『検索』か『拡大』か? 「インタラクションデザイン」 ソシオメディア 上野 学 2006/9/13 「消去」と「削除」、「ショッピングカート」と「買い物かご」、「ホーム」と「トップ」、ユーザーにしっくりくるのはどちらか。白黒付け難いナビゲーションの概念を考えよう GUIの特徴は、当然のことながら、ユーザーインターフェイスをグラフィックで表現することです。その際、「ユーザーが選びやすいフォームのカタチを考えよう」でも書いたとおり、GUIではウィンドウやメニューなどと並んで、アイコンを使ってオブジェクトや機能を画面上に配置してユーザーに提示することがよくあります。 アイコンは、メタファーを使った端的なグラフィックを用いて、抽象的な概念を感覚的に伝えると同時に、画面上での操作可能領域を明示するのに役立ちます。しかし、グラフィックだけでその意味を完全

    asitaki
    asitaki 2006/09/13
  • 第11回 プログラマが知らない,デザイナーの苦労

    今回は,デザイナーとして,世間やプログラマに対して言いたい放題書かせてもらう。どうか怒らずに最後まで読んでもらいたい。デザイナーの皆さんには,大いに賛同していただける内容になっているはずだ。 デザイナーだって,タイヘンなんだ! まず,デザイナーという仕事は,非常に誤解されやすい。例えば次のような誤解をうけて,暗い気持ちで日々の作業をこなしているデザイナーも少なからずいるはずだ。 1) デザイナーという職種に対する,先入観がある 世間(顧客やエンドユーザー)には,「すべてのデザイナー」=「技術に無知」だという先入観がある。「デザイナー」とは「Webページの配色とレイアウトをする人」だから技術を知らなくて当然,むしろ知らなくてよいとする傾向すらある。開発ツールが完全分業に向けて進化しているのだから,デザイナーはビジュアル・デザインのことだけ考えていればいいという意見を持っている人もいるだろう。

    第11回 プログラマが知らない,デザイナーの苦労
    asitaki
    asitaki 2006/08/26
    > 今回は,デザイナーとして,世間やプログラマに対して言いたい放題書かせてもらう。
  • monstar.fm

    ゴールデンウィーク期間中の営業について 平素よりMONSTAR.FMをご愛顧いただき誠にありがとうございます。 ゴールデンウィーク休業および営業日についてお知らせいたします。 ■ ゴールデンウィーク休業期間 2023年4月29日(土)から2023年5月7日(日) なお、上記期間のメールによるお問い合わせにつきましては、2023年5月8日(月)以降、順次対応させて頂きます。 ご不便をおかけしますが、何卒ご了承ください。今後ともMONSTAR.FMを宜しくお願いいたします。 2023.04.25 【重要】新規タイトル申請と新規契約の一時的な停止に関しまして 平素よりMONSTAR.FMをご愛顧いただき誠にありがとうございます。 新規タイトルの申請および、新規契約の受付を一時的に停止しております。 ご不便をおかけし、大変申し訳ございませんが、何卒よろしくお願い致します。 2023.03.07 審

    monstar.fm
  • 多くのユーザーは一度に1本しかジュースを買わない ― @IT

    ユーザビリティのヒント(1) 多くのユーザーは 一度に1しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。(編集部) 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ

    asitaki
    asitaki 2006/06/01
  • CSS Showcase | CSS Navigation Menus, Tabs and CSS Navigation Techniques Showcase

    Hint: due to my provider's problems this option was deactivated. Sorry for inconvenience. Aqua & Chrome by M.Samy Silva Orange, Blue by Daniel Constantin Blue & Red by V. Friedman Blue, Black, Pink by V. Friedman Make the world prettier! If you'd like to share your css navigation designs with other web-developers, use this template for creating the menus. Please make sure that your css-code valida

  • http://blogus.xilinus.com/pages/javawin

  • Alertbox: ページ内リンクの使用は避けよう(2006年2月21日)

    ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。ページ内リンクはこの思考モデルに反するため、混乱を招く。 Avoid Within-Page Links by Jakob Nielsen on February 21, 2006 最近、同じ日に同じことについて 2 つの質問をされた。普通、このようなことが起こるということは、この話題にはもっと幅広い関心があるということなので、これについてのコラムを書こうと決めた。 質問その 1: 今、リンクをクリックして「名前付きアンカー」(同一ドキュメント内の別の場所)に移動する、「ジャンプ・リンク」についての議論に関わっています。私は、ジャンプ・リンクが新規ウィンドウを開くリンクと同等に、あまりよくないものだということを、貴方の書いた 2 つの記事で裏付けようとしています。 質問その 2

    Alertbox: ページ内リンクの使用は避けよう(2006年2月21日)
  • The Yahoo! User Interface Library (YUI)

    YUI Library Controls/Widgets: AutoComplete Button Calendar Charts [experimental] Color Picker Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog) DataTable ImageCropper Layout Manager Menu Rich Text Editor Slider TabView TreeView Uploader [experimental] YUI Library CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style foundation for c

  • ITmedia News:ネットサービス“そっくりさん”登場のなぜ (1/3)

    既存の人気サービスに、デザインも機能もよく似ているサービスが最近、次々に登場している。似せた側は「既存サービスと同じデザインの方が使いやすい」と主張。模倣された側は法的手段に訴えることもなく、事実上黙認する場合がほとんど。背景には、ネットサービスで模倣は“お互い様”という暗黙の了解もありそうだ。 「ちょっと似すぎでは」――ライブドアが2月8日に公開したQ&Aサービス「livedoor knowledge」が、一部ネットユーザーの驚きと反発を買った。デザインが米Yahoo!のQ&Aサービス「Yahoo! Answers」にそっくりだったためだ。 livedoor knowledgeのデザインについてライブドアは「先行他社の似たサービスを研究し、ユーザーの視点から見て『良い』と思った部分は踏襲した」と、他社サービスを真似たことを認めている。 同社はSNS(ソーシャルネットワーキングサービス)や

    ITmedia News:ネットサービス“そっくりさん”登場のなぜ (1/3)