ALPSLAB scrollは次世代の地図スクロール実験です。 よりリッチな地図操作インタフェースをご提供します。 もう普通のフリースクロールじゃつまらない!?という方、 8種類の普通じゃない地図の移動方法を是非試してみてください。
ALPSLAB scrollは次世代の地図スクロール実験です。 よりリッチな地図操作インタフェースをご提供します。 もう普通のフリースクロールじゃつまらない!?という方、 8種類の普通じゃない地図の移動方法を是非試してみてください。
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
対象とするユーザーの“慣れや知識”によって,画面の構成を変えたほうが伝わりやすいとするならば,画面上の「ユーザー・インタフェース(UI)部品」の色や形状も,ユーザーに応じて変えるべきでしょう。今回は,代表的なUI部品でありながら,なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず,前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度(PCリテラシ)」を縦軸,「提供したいサービスに対する知識」を横軸とします。そして,それぞれの「軸」に対して,受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは,ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが,ボタンを認識することはさほど苦ではありません。 しかし,PCに
なんだか最近になってMozillaでルビ表示3の記事(個別ページ)がブックマークされているなと思っていたのですが、404 Blog Not Found:css - ルビもCSSでで紹介されていたからのようでした。 それにしてもその紹介記事のブックマーク数が200以上ってすごいな。やはりウェブでは作った人よりも紹介した人の方が注目される、ということなのでしょうか。それはいいとしても、トラックバックで「プログラマーの小飼弾氏のアイデアと技術には……」と書かれているのを見てしまうと釈然としないものを感じてもいいでしょうか。(←誤った疑問文) それはそれとして、404 Blog Not Foundではルビ表示用のスタイル定義をサイト用のCSSに組み込んでいますが、これはあまりよくありません。あのスタイル定義は(2001年当時のMozilla用に作った、)あくまで擬似的な表示を行うスタイルです。製作
ユーザビリティのヒント(1) 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。(編集部) 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
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
Зеркало LigaStavok Марафон — как зарегистрировать новый игровой счет на официальном сайте. Обзор, как получить доступ к сайту По таким отличительным особенностям, как высокие коэффициенты, глубокая линия, высокий уровень надежности и востребованность на всей территории Европы, опытные беттеры всегда узнают БК Марафон. Регистрация в букмекерской конторе также открывает доступ к одному из лучших рын
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
via del.icio.us/popular Eye Tracking がすごい。技術がすごい。 まだ自分で試せるわけじゃないので、「本当にこれ実現してるの?」という気持ちもあるのだが。 動画デモを見てもらうとわかるけれど、変な道具や特別なメガネをかぶったりすることなく、ディスプレイを見ている被験者の目の動きを追うことができるシステムを開発した、と言っている。 被験者をカメラで映し、その両目の動きを分析することで、画面上で何を見ているかを追尾できているのだそうだ。 動画デモでは、ユーザの視線が青い線で、ユーザの視線が何かに注目している間は、青い円で、注目時間が長ければ円を大きく、表示している。 また、複数のユーザの視線データを集め、視線が多く/長く滞留しているところを、温度表示してみるというのもデモではやっている。中央に目立つように置かれた広告がまったく視線に止まっていない(笑)のは、予
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...
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
ことビジュアルデザインに関しての経験論としては、 ・エンジニアは画面のオブジェクトや文字の単位で画面を見る。 ・デザイナーはピクセル単位で画面を見る。 そもそも見ている解像度が違う。 エンジニアは機能を見る。デザイナーは間隔を見る・・・って言ったら言い過ぎ? そもそもインフォメーションデザイン、インタラクションデザイン、ビジュアルデザイン、システムデザインは、すべて別個の職能だと思います。このうち、どの範囲の能力を保有してるかで、戦士にも魔法使いにもなれるんじゃないでしょうか。まぁ全部を十分に持ってる人は滅多に見ませんけどね。そういう人は、yugoさんのような世界的なアーティストとして活躍してることでしょう。 Ajaxを作る場合は、いわゆる「エンジニア」と呼ばれる人が、システムデザインはもちろん、インフォメーションデザインとインタラクションデザインのかなりの部分を担当することにならざるを得
お気に入り巡回先の、羨望は無知の「なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか」や、分裂勘違い君劇場の「エンジニアの方が優れたユーザインタフェースデザインができる理由」、F's Garageの「エンジニアがダメなUIデザインをする原因」 のあたりのデザイン論が、あんまりデザインと縁のない人にデザインをわかりやすく説明してて面白い。面白いのだけどちょっと抽象的なんで、具体例の話とか書いてみるテスト。 最近、これらのエントリーで言及されるようなよいデザインを身をもって体験をした。それは画像管理ソフトPICASAのヘンテコなスクロールバー。 今まで気付かなかったけど、あのヘンなスクロールバーは単なるアヴァンギャルドやオシャレじゃあなかった。実は合理性に裏打ちされた素晴らしく美しいデザインだということに気付いた。 まずPICASAを知らない人に説明すると、このソフトのスクロ
直也さんのエントリ。 ゲームのインタフェース - naoyaのはてなダイアリーウェブのインタフェースとかはかなりいろんなところで制限があるので似たようなものになりやすいというか、オリジナリティがそれほど求められないことも多いわけですが、ゲームのインタフェースっていうのはゲームが違えばその感じもだいぶ違ってて、考える方は大変だし相当の創造性があるなあといつも思います。 ボクは一応両方とも開発現場に居た経験があるので僭越ながら理由をぼちぼちと。まず、作り手側からすると全然作り込み甲斐がある。ゲームの方が。何故かというとまずライブラリに圧倒的な差があって、方やスタイルシートやJavaScriptのなけなしの関数を使ってなんとか魅せるようにするしかないのだけど、ゲームとなると充実したグラフィックライブラリがあるわけで。それに、かなりハードに近いレベルでのコーディングも可能。 今でこそ高級言語を使用
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く