ユーザーインタフェースの話 五十嵐健夫氏
UIEngine だ 技術者諸君これを使い給え。UIEngine（ユーアイエンジン）は携帯電話上でAJAX的なインタフェースを簡単に実現できる技術です。このブログではUJMLサンプルの紹介 UIEngineについて UJMLで作る便利なツール 等を載せています。 WEB上で公演内容が見られるので、ユーザーインタフェースに興味のある方は良いかも。ESper2007での公演。30分程度。内容はデモ中心で見ていて飽きない。 http://130.158.75.1:443/esper2007/igarashi.wmv 公演者、五十嵐健夫氏の研究の紹介は以下のホームページから。 HomePage of Takeo Igarashi http://www-ui.is.s.u-tokyo.ac.jp/~takeo/index-j.html この内容は、RSSリーダーに登録している以下のエントリーを読んで
サイドバー症候群--ユーザー獲得をめぐるWeb 2.0企業の新動向 - CNET Japan
この記事はStartup MemeブログのBilal Hameedが執筆した。 今月上旬（4月2日の週）、ウェブ上では新しい流行の兆しが見られた。わたしはこれを「サイドバー症候群」と名付けた。この流行の影響について分析する前に、まず最終的にこのサイドバー時代の旗手になり得るサービスについて見ていくことにしよう。 Google Talk：「サイドバー内のIM」 Google Talkは当初デスクトップクライアントとして発表されたが、現在はブラウザサイドバーに統合することができる。これは確かに素晴らしい機能で、ユーザーは定期的にタスクバーをクリックしなくても友人と連絡を取り合うことができる。 Mozilla：「サイドバー内のソーシャルネットワーク」 Mozillaは最近「Project Coop」を発表した。これはブラウザのサイドバーに入るソーシャルネットワークサービスだ。この製品では、ユーザ
Shibuya.js パネルDISカッション brazil x mala with 江渡浩一郎 - koyachiの日記
昨年行われたlivedoorテクノロジーセミナーでmalaさんが発表した「Techonology for UI」について、id:brazilさんが感じたこと・疑問にmalaさんが答える、という感じ進められました。 インターフェースにおける速さ エレベータ待ち時間を短くするための対策として鏡の設置。実時間ではなく体感、心理的時間を短くした。こういう観点から、どう？(brazil) 大半のWebアプリケーションがデスクトップアプリケーションより遅いのは事実だが、デスクトップアプリケーションがローカルにデータを持っているから必ず早いというわけではない。設計次第でWebアプリケーションはデスクトップアプリケーションより高速動作可能だ。ldrはそれを実現している。 速読の限界は1秒間に1600文字と言われている。それを再現するデモ実演。1秒毎に1600文字が表示される。 道具を変えることでできること
リニューアルされて使い勝手が格段にＵＰした「Yahoo! Bookmarks」:phpspot開発日誌
Welcome to the new Yahoo! Bookmarks リニューアルされて使い勝手が格段にＵＰした「Yahoo! Bookmarks」。 リンク先のムービーを見ればその使い勝手が分かります。 サイトをドラッグ＆ドロップでフォルダに移動できたり、一括でアイテムを移動したり、アイテムの編集画面がカッコよかったりと、 ＷＥＢ開発者の方はＵＩ の見本としても参考に出来そうな部分が多々ありそうです。 ブックマーク内の検索も高速だったり、なかなか使えそうです。 日本語も当然ながら通ります。リンク先もサムネイル付きで分かりやすいですね。 ブックマークはここにしようかな、と思ってしまいました。
利用者の立場を考えたペルソナ／シナリオ法による開発とは
Speaker 株式会社アプレッソ代表取締役副社長 CTO 小野和俊氏【ユーザビリティ研究会】では、ペルソナ／シナリオ法による開発の具体例などを紹介していきます。ペルソナを使ったことで発見された画面デザイン上の問題点や機能重複などをいくつか紹介する予定です。 リッチクライアント技術の登場・進展により、ソフトウェア・ユーザーインターフェイスの表現自由度が非常に高まり、いろいろなものが作れるようになりました。 ただ、いろいろなものが作成可能な道具が与えられたというのは、その道具を間違って使ってしまうことにも結び付き、それがこれからの課題だといえます。 HTMLを用いたWebベースのソフトウェアでは、ごく限られたソフトウェア部品しかなく、結果的にシンプルな操作性が実現されていた。そのように表現の方法が限られていたものが、いま自由に表現できる時代になろうとしています。その自由な表現が可能だという状
yohei-y:weblog: 次の話
blogger が落ちてたんで遅くなりました。 http://subtech.g.hatena.ne.jp/miyagawa/20060509/1147161767 http://naoya.g.hatena.ne.jp/naoya/20060509/1147157679 この Hack が素晴らしい。で、見てておもったんだけど、ウェブのフロントエンドアプリケーション作りが得意な人は、そのフロントエンドアプリケーションから利用するバックエンドの API を規定して、API のエンドポイントを任意の URL に設定できるとかそういうものを作ったりとか、そういう時代が来る。 大体近いんだけど、ちょっとまとめ方が違ってる。 (中略) Amazon Web Services みたいな、「APIでデータとれるのでどうぞあなたのアプリでつかってください」っていうのが旧時代の Web API で、Ama
subtechグループ - Bulknews::Subtech - API, UI as Commons
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
小野和俊のブログ:Web 2.0 時代の企業情報システムの姿 - (2)
解体され、再構成されるグループウェア もし Windows Live をまだ見ていなければ、まずはサイトを訪れて体験してみてほしい。 そして、15分ほどあれこれと触って、[コンテンツの追加] をしたり、[ページタブの追加] をしてみたり、 タブに追加されたコンテンツをドラッグ＆ドロップして配置しなおしたりして遊んでみてほしい。 ひととおり操作してみたら、 これと同じことが企業や大学で使われているグループウェアで実現されていたらどんな風になるだろうと、10分ほど目をつぶって想像してみる。 錯覚三兄弟の「その先に見えるものは？」で体験できる錯覚はなかなか面白く、 あるものを見続けた状態で他のものを見ると、先ほどまで見続けていたものの残像が今見ている映像に重ね合わせて見える。 これと同じような感覚で、10分間の想像の後に目を開いたときには、 きっとあなたが今会社で使っているソフトウェアの画面には
分裂勘違い君劇場 - エンジニアの方が優れたユーザインタフェースデザインができる理由
それから、これは個人的な意見ですが、プログラマはコンピューターの扱いになれているから、そうでない人が使うためのインタフェースを設計することができない、みたいな話をときどき耳にしますが、僕はそれに懐疑的です。インタフェースをうまく設計できない人というのはプログラマに限った話じゃない。それは「プログラマは営業ができない」と乱暴にまとめてしまうのと同じようなこと。 たぶん、プログラムができるかできないかということと、インタフェースをうまく設計できるかできないかというのはあんまり相関がないように思います。むしろコンピュータの世界では、プログラマは頭のなかで思い描いたインタフェースを実現する手段を最も良く知っている部類の人で、インタフェースを作るセンスさえ持ち得れば、それ作るのにもっとも適した人たちなんじゃないかと思います。 知り合いの会社では、半期ごとだかクオーターごとだかに、その期に、もっとも優
アフォーダンス
アフォーダンス（affordance) これは、アフォード（afford）「～ができる」「～を与える」などの意味を持つ動詞をアメリカの知覚心理学者によってつくられた造語である。 このアフォーダンス論を考えると、非常に複雑であり、また問題もあるのでここでは一部触れることにする。 ■アフォーダンスとは ・アフォーダンスは事物の物理的な性質ではない。 ・動物にとっての環境の性質 ・知覚者の主観が構成するものではない。 ⇒環境の中に実在する知覚者にとっての価値のある情報である。 例えば、１枚の紙がある。これは、破れるだろうか？紙は普通、破ることをアフォードしていると言える。しかし、ダンボールだったらどうだろうか。よっぽど力に自信がある者でない限り、破るということをアフォードしていないのである。 人によって当然のこと知覚が異なるために、アフォーダンスは人によって異なるが、紙の場合は「破れる」「破れな
インターフェースの話 にインスパイヤされて - hibomaの日記
【naoyaのはてなダイアリー::インタフェースの話】 一部のブログツールなんかは更新した直後に管理画面で「エントリーを更新しました」みたいなメッセージが出るようになってます。一方のはてなダイアリーは、更新された画面にリダイレクトするようになっている。はてなダイアリーのインタフェースの中心を作った id:jkondo 曰く「更新された画面にリダイレクトしてその画面が更新されたということが分かれば、メッセージでそれを教えなくても直感的に理解できる。それができる状況でメッセージを用いてそれを教えるのは冗長だ。」と言っていました。これを聞いたときはなるほどな、と思いました。37Signals の Yellow Fade Technique なんかもそういう更新後の画面のビジュアルで、それが更新されたということを直感的に理解させるといういい例だと思います http://d.hatena.ne.jp
秋元@サイボウズラボ・プログラマー・ブログ: Yahoo! UI Library はすごいね
via O’Reilley Radar Yahoo! UI Library で、Yahoo! が実際に使っている Javascript のライブラリ集が公開されている。 Yahoo! のどこでこんなユーザインタフェースが使われてるんだろう? と思うぐらい、サンプルで見せられる UI パーツは豊富だ。それぞれの “Example” を見てまわるだけでもおなかいっぱいだ。 コアユーティリティ アニメーション クロスブラウザ対応の XMLHttpRequest ラッパ DOM 操作 ドラッグアンドドロップ イベントハンドリング UI コントロール部品 カレンダー スライダー ツリー ドラッグアンドドロップなんかは、ファンタジースポーツで使われているのを見たことがあるので知っていた。複数のリスト間でアイテムの移動や並べ替えを行うときには使えるパーツだろう。 日本語カレンダーなんかも、いい感じで再利
ブラウザ幅に応じて変わるレイアウト | 秋元@サイボウズラボ・プログラマー・ブログ
via clagnut ブラウザの幅が狭いと2段、広いと3段になるようなページレイアウトをいくつか紹介している記事。 見てもらうのが一番早い。以下のページを開いて、ブラウザの幅を狭くしたり広くしたりすると、縦列の数が変化する。 UX MAGAZINE Redesign Notes 1: Width-based layout 著者自身のサンプルは、幅によってはあまり美しくならないが、何段にも可変にできる。 画面の大きな人でも小さな人でも、それなりのページが返せるというのはいいかもしれない。もっとも、逆に表示サイズがどうであれ同じレイアウトになることを望む人もいるだろうが。 日頃、だいたいブラウザの幅なんて一定で使ってるので、こういうレイアウトのサイトがかなり普及してたとしても気づいてないわけだが。こうやってブログで特集されてはじめて気づいた。僕は横にスクロールさせるよりはこっちの切り替えのほ
Webページを作る心がけ
目次 はじめに 絶対に役に立つこと 多種類のブラウザへの配慮 テキスト版ブラウザへの配慮 遅い回線への配慮 ハンディキャップを持つ人への配慮 リンクの張り方 心構え 他のWebページ管理者とのやりとり Yahoo! JAPANへの登録について その他の配慮 Web日記を書く心がけ みなさんからのフィードバック ぜひ、感想をお送りください リンク集 更新履歴 はじめに このページでは、結城浩がWebページを作成するときに心がけていること、 心がけたいと思っていることを書きます Webページによって発信する情報はさまざまなので、 私の「心がけ」が万人にあてはまるわけではありません。 けれど、これを読んでいるあなたの参考になるなら、とてもうれしいです。 絶対に役に立つこと <img>タグにはwidthとheight属性をつける。ページ表示にかかる体感時間が圧倒的に短くなるから。 <title>タ
Joel on Software -
プログラマのためのユーザインタフェースデザイン 第 1 章 第 2 章 第 3 章 第 4 章 第 5 章 第 6 章 第 7 章 第 8 章 第 9 章 ストラテジーレターV 2002年6月12日 ミクロ経済学の補完財の原理について考えていて、私はオープンソースソフトウェアに関する興味深いあることに気がついた。それが何かというと、オープンソースソフトウェア開発に多額の資金を使っている企業の多くは、それが彼らにとって良いビジネス戦略だからそうしているのであって、突然資本主義を信じるのをやめて、「言論の自由と言うときの自由」に浮かれるようになったわけではないということだ。ストラテジーレターⅤ 5つの世界 2002年5月6日 5つの世界：すべてのソフトウェア開発が同じではない。 追記：インターナルシステム、コンサルウェア、パッケージソフトの間には大きなグレーゾーンがあり、この3つの世界はしばし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソシオメディア | UIデザインパターン
Wiiに最適化された検索結果画面を提供 - Yahoo!ブログ - Yahoo!検索 スタッフブログ
Nexus 7（16 GB） ￥19,800 - Google Play
