タグ

uiに関するwablogのブックマーク (89)

  • ALPSLAB scroll

    ALPSLAB scrollは次世代の地図スクロール実験です。 よりリッチな地図操作インタフェースをご提供します。 もう普通のフリースクロールじゃつまらない!?という方、 8種類の普通じゃない地図の移動方法を是非試してみてください。

    wablog
    wablog 2006/08/19
    すげー面白い上に普通に便利なのも。酔った ...
  • LukeW | Web Application Form Design

    Web Application Form Design by Luke Wroblewski January 22, 2005 "Input elements should be organized in logical groups so that your brain can process the form layout in chunks of related fields." –HTML: the Definitive Guide Quite rare is the Web application that doesn’t make extensive use of forms for data input and configuration. But not all Web applications use forms consistently. Variations in t

    LukeW | Web Application Form Design
  • BumpTop 3D Desktop Prototype - www.bumptop.com

    Download now from http://bumptop.com ! BumpTop is a fun, intuitive 3D desktop that keeps you organized and makes you more productive. Like a real desk, but better.

    BumpTop 3D Desktop Prototype - www.bumptop.com
    wablog
    wablog 2006/07/28
  • dontclick.it

    <body bgcolor=#FFFFFF> <h2>www.dontclick.it</h2> <h1>dontclick.it</h1> <p>An experimental interface - lots of content, nothing to click.</p> <p>ux, user experience, ix , interface, interaction, screendesign</p> </body>

    wablog
    wablog 2006/07/27
    慣れてくるとありな気がしてきた。目線とかでやりたい。ハンディキャップ支援に使えないか
  • Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック:ITpro

    対象とするユーザーの“慣れや知識”によって,画面の構成を変えたほうが伝わりやすいとするならば,画面上の「ユーザー・インタフェース(UI)部品」の色や形状も,ユーザーに応じて変えるべきでしょう。今回は,代表的なUI部品でありながら,なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず,前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度(PCリテラシ)」を縦軸,「提供したいサービスに対する知識」を横軸とします。そして,それぞれの「軸」に対して,受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは,ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが,ボタンを認識することはさほど苦ではありません。 しかし,PC

    Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック:ITpro
  • http://skit.dip.jp/lab/js/draggable_checks

  • ルビ表示はユーザスタイルシートで! - 徒書

    なんだか最近になってMozillaでルビ表示3の記事(個別ページ)がブックマークされているなと思っていたのですが、404 Blog Not Found:css - ルビもCSSでで紹介されていたからのようでした。 それにしてもその紹介記事のブックマーク数が200以上ってすごいな。やはりウェブでは作った人よりも紹介した人の方が注目される、ということなのでしょうか。それはいいとしても、トラックバックで「プログラマーの小飼弾氏のアイデアと技術には……」と書かれているのを見てしまうと釈然としないものを感じてもいいでしょうか。(←誤った疑問文) それはそれとして、404 Blog Not Foundではルビ表示用のスタイル定義をサイト用のCSSに組み込んでいますが、これはあまりよくありません。あのスタイル定義は(2001年当時のMozilla用に作った、)あくまで擬似的な表示を行うスタイルです。製作

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

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

    wablog
    wablog 2006/06/04
  • Bot Verification

    Verifying that you are not a robot...

    wablog
    wablog 2006/04/24
    「ブラウジングを記録して再生、共有。」
  • A More Accessible Map

    As companies like Google and Yahoo! have simplified the process of placing information on a map by offering web services/APIs, the popularity and abundance of mapping applications on the web has increased dramatically. While these maps have had a positive effect on most users, what does it mean for people with accessibility needs? Most online mapping applications do not address issues of web acces

    A More Accessible Map
    wablog
    wablog 2006/04/24
    「視覚弱者に配慮した アクセシブルな CSS ベースの Map」
  • Метка: марафон зеркало тото | Регистрация БК Marathon

    Зеркало LigaStavok Марафон — как зарегистрировать новый игровой счет на официальном сайте. Обзор, как получить доступ к сайту По таким отличительным особенностям, как высокие коэффициенты, глубокая линия, высокий уровень надежности и востребованность на всей территории Европы, опытные беттеры всегда узнают БК Марафон. Регистрация в букмекерской конторе также открывает доступ к одному из лучших рын

    Метка: марафон зеркало тото | Регистрация БК Marathon
  • Surfin’ Safari - Blog Archive » High DPI Web Sites

    High DPI Web Sites Posted by Dave Hyatt on Friday, April 21st, 2006 at 4:48 pm One area of Web design that is going to become more important in the coming years is high DPI. For those of us working on WebKit, this will also become an issue for WebKit applications and for Dashboard widgets. What is DPI? DPI stands for “dots per inch” and refers to the number of pixels of your display that can fit w

    wablog
    wablog 2006/04/24
    「高解像度の環境にも対応できるよう、ズームできるスケーラブルなサイトを作るために考えること。興味深いアイデア満載。」
  • 究極のユーザビリティテスト Eye Tracking | 秋元@サイボウズラボ・プログラマー・ブログ

    via del.icio.us/popular Eye Tracking がすごい。技術がすごい。 まだ自分で試せるわけじゃないので、「当にこれ実現してるの?」という気持ちもあるのだが。 動画デモを見てもらうとわかるけれど、変な道具や特別なメガネをかぶったりすることなく、ディスプレイを見ている被験者の目の動きを追うことができるシステムを開発した、と言っている。 被験者をカメラで映し、その両目の動きを分析することで、画面上で何を見ているかを追尾できているのだそうだ。 動画デモでは、ユーザの視線が青い線で、ユーザの視線が何かに注目している間は、青い円で、注目時間が長ければ円を大きく、表示している。 また、複数のユーザの視線データを集め、視線が多く/長く滞留しているところを、温度表示してみるというのもデモではやっている。中央に目立つように置かれた広告がまったく視線に止まっていない(笑)のは、予

    wablog
    wablog 2006/04/15
  • amix.dk - Search

    RSS feed Blog labels amix.dk related Announcements Code CodeRewrite Design Education Interesting JavaScript Life Mac Orangoo Plurk Political Python Skeletonz Stuff Tips Todoist VIM Editor Blog Archive Posts in 2004 Posts in 2005 Posts in 2006 Posts in 2007 Posts in 2008 Personal info About me amix@amix.dk Projects Plurk Todoist Skeletonz CMS GoogieSpell GreyBox AJS Other...

    wablog
    wablog 2006/03/11
    del.icio.us ブックマークの見せ方。ちょっと前に流行った拡大画像の HTML 版みたいなの
  • DevPro - Novità e consigli su web marketing, SEO e tools - DevPro

    Questo sito non rappresenta una testata giornalistica e viene aggiornato senza alcuna periodicità. Pertanto, non può essere considerato in alcun modo un prodotto editoriale ai sensi della L. n. 62 del 7.03.2001. Le immagini, salvo errori, non sono coperte da copyright. Siamo comunque disponibili a rimuoverle nel caso fossero coperte da diritto d’autore. Devpro.it non è in alcun modo responsabile p

    wablog
    wablog 2006/02/28
  • エンジニアがダメなUIデザインをする原因

    ことビジュアルデザインに関しての経験論としては、 ・エンジニアは画面のオブジェクトや文字の単位で画面を見る。 ・デザイナーはピクセル単位で画面を見る。 そもそも見ている解像度が違う。 エンジニアは機能を見る。デザイナーは間隔を見る・・・って言ったら言い過ぎ? そもそもインフォメーションデザイン、インタラクションデザイン、ビジュアルデザイン、システムデザインは、すべて別個の職能だと思います。このうち、どの範囲の能力を保有してるかで、戦士にも魔法使いにもなれるんじゃないでしょうか。まぁ全部を十分に持ってる人は滅多に見ませんけどね。そういう人は、yugoさんのような世界的なアーティストとして活躍してることでしょう。 Ajaxを作る場合は、いわゆる「エンジニア」と呼ばれる人が、システムデザインはもちろん、インフォメーションデザインとインタラクションデザインのかなりの部分を担当することにならざるを得

  • fladdict.net blog: 「本当に素晴らしいデザイン」とは、PICASAの変なスクロールバーみたいなものを言う

    お気に入り巡回先の、羨望は無知の「なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか」や、分裂勘違い君劇場の「エンジニアの方が優れたユーザインタフェースデザインができる理由」、F's Garageの「エンジニアがダメなUIデザインをする原因」 のあたりのデザイン論が、あんまりデザインと縁のない人にデザインをわかりやすく説明してて面白い。面白いのだけどちょっと抽象的なんで、具体例の話とか書いてみるテスト。 最近、これらのエントリーで言及されるようなよいデザインを身をもって体験をした。それは画像管理ソフトPICASAのヘンテコなスクロールバー。 今まで気付かなかったけど、あのヘンなスクロールバーは単なるアヴァンギャルドやオシャレじゃあなかった。実は合理性に裏打ちされた素晴らしく美しいデザインだということに気付いた。 まずPICASAを知らない人に説明すると、このソフトのスクロ

    wablog
    wablog 2006/02/25
  • UIがゲームのようにいかない理由 - 等速ナブラ

    直也さんのエントリ。 ゲームのインタフェース - naoyaのはてなダイアリーウェブのインタフェースとかはかなりいろんなところで制限があるので似たようなものになりやすいというか、オリジナリティがそれほど求められないことも多いわけですが、ゲームのインタフェースっていうのはゲームが違えばその感じもだいぶ違ってて、考える方は大変だし相当の創造性があるなあといつも思います。 ボクは一応両方とも開発現場に居た経験があるので僭越ながら理由をぼちぼちと。まず、作り手側からすると全然作り込み甲斐がある。ゲームの方が。何故かというとまずライブラリに圧倒的な差があって、方やスタイルシートやJavaScriptのなけなしの関数を使ってなんとか魅せるようにするしかないのだけど、ゲームとなると充実したグラフィックライブラリがあるわけで。それに、かなりハードに近いレベルでのコーディングも可能。 今でこそ高級言語を使用

    wablog
    wablog 2006/02/18
    「Webにおいてはユーザビリティ云々言う前に大前提としてポータビリティがある」
  • 専門家は個人の責任で情報発信するな - void GraphicWizardsLair( void ); //

    wablog
    wablog 2006/02/18
  • Flash vs. Ajax

    Flash vs. Ajax January 2009 Update This article was orginally written in 2005, and is now quite a bit out of date. In 2008, I was asked by Web Designer Magazine to write an sequel, which they ended up using as their cover story for issue 146. Unfortunately, the new article is not available online, but copies may be purchased here. Macromedia and the "AJAX Movement" In early July, I attended the Fl

    wablog
    wablog 2006/02/14
    対立するものだとは思わないけれど