Nick Stakenburg is a webdeveloper based in the Netherlands.
Nick Stakenburg is a webdeveloper based in the Netherlands.
ゲームの UI 研究@java-ja onk (大仲 能史) 所属:株式会社ドリコム blog:http://onk.blog.drecom.jp/ twitter:http://twitter.com/onk/ tumblr:http://onk.tumblr.com/ よろしくお願いします ゲームと Web の共通点 大きく2つ マニュアルを読まないユーザ層 ゲームの場合 ゲームセンターをベース としているのが原因 web は…… なんで読まないんだろう? マニュアルの分厚さ('A`)? マニュアルを読まなくても 操作が分からなくてはいけない ゲームはホントにこれが上手い 2つめ 長時間の連続操作 これが家電と ゲーム / web との 大きな差 だからこそ ユーザをハメる演出 が必要 この点で ゲームは2歩も3歩も 先を行っている
米Yahoo!が開発した「The Yahoo! User Interface Library」(以下、YUI)は、UI(ユーザーインタフェース)の機能を多く持つAjaxライブラリです。UI機能という点では他のAjaxライブラリとは比較にならないほど数が多く高機能です。 ただし、YUIだけで全てが済むことはありません。明らかに機能が不足している面もあるため、他のライブラリと組み合わせるか、独自に作成しなければならないこともあります。この点に留意すれば、UI部分の強化および補助という観点でYUIは非常に強力なライブラリとなります。 本稿では、YUIの初期の頃から用意されているUIの1つ、カレンダー機能について説明します。このカレンダー機能はバージョンアップのたびに修正が加えられてきたため、少し古いバージョンで解説してあるページや書籍では役に立たないことがあります。ここではYUIの最新バージョン
アップル ヒューマンインタフェースガイドライン 原文:Apple Computer Inc. 訳:かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
私達WEB屋と言うのは常にユーザビリティにさらされるわけですが、もっと単純に考えていくべき方法と言うのも結構あります。 それはサイト解析ツールによる分析です。 どこに誘導したいのか。 何をしてほしいのか。 そして、アクセス解析1つでどこまでやれるのか。 そこで今回はアクセス解析によるユーザビリティ向上について色々見て回ったので、その結果をまとめておきます。 非常に長くなってしまったので目次を作っておきます。 1.ユーザビリティの原点とは何だろう? 2.ユーザビリティ8つのガイドライン 3.Ajaxの参入で、より難しくなってきている? 4.解析と分析でユーザーの流れを作り変える 5.必ず見ておきたいWEBユーザビリティの為の5つのチェックリスト 6.広告に誘導する為の設計とは何なのか 7.わからなくなった。そんなときにはアクセス解析に戻ろう ユーザビリティの原点とはなんだろう? 多くのWEB
I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. I really like Sortable Class but it was too tricky to use it for a portal behavior. But I use Draggable and Droppable of course! This article talks about the first version I made. It has been tested on Safari, Firefox, Op
FleXcroll, Flexible and Accessible Custom Scroll Bars A Cross Browser* and Standards Compliant Custom ScrollBar Script by Hesido featuring touch scroll for iPhone Safari updated on 05.06.2016; Switched to FastSpring for payment. updated on 03.02.2013; version 2.1.1, fleXcroll overhaul for click, touchmove and keyboard event handling with many bugfixes and new styling elements for easier customizat
第6回 サイト価値を最大化するためのトップページ設計術 ~4パターンの訪問者を想定して作るトップページデザイン 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題がおきないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか? 今木 智隆(株式会社ビービット) トップページ設計において考慮すべき 4つのユーザー利用シーントップページの設計やデザインは、ウェブサイトの構築を行ううえで、最も難しいポイントの1つだろう。構成するコンテンツの多さに加え、さまざまな制約やこだわりなどによって、四苦八苦したことのある方も多いのではないだろうか。 そんなときに重要なのは
メールの受信箱を使ったちょっとした作品のご紹介。データのビジュアライゼーションに関する論文に使われたものらしいです。 コンセプトはシンプルで、受信箱にあるメールを種類ごとにバクテリアのような生物に置き換えて表現するというもんです。迷惑メールはゲジゲジ虫に、ショッピングサイトからのメールは赤い生物、学校からのメールは青い生物で、といった具合です。 ↑ 一つ一つのメールが生物になります。 かつ、新しいメールは大きく表示され、時間が経つと小さくなる、といったような工夫もされているようです。また未読メールにはとげが付いていますが、既読のメールや返信したメールはだんだんとげがなくなっていくようにも表現されます。 ↑ 扱ったことがあるメールはだんだんやさしく表現されていきます。 サイトにはそのシミュレーションの様子が映像になっていますのでご興味のある方はどうぞ。「今日も迷惑メールばかり・・・」とうんざ
Control.Tabs : Projects : LivePipe Control.Tabs is a javascript library for creating accessible, flexible & unobtrusive tabbed interfaces in your applications or pages. クールなタブUIを簡単に実現できるJavaScriptライブラリ「LivePipe」。 次のようなCSSベースのクールなタブUIを簡単に実現できます。 prototype.jsベースのライブラリとなっており、次のようなソースで動きます。 タブ部分のHTMLはulタグとdivタグを使っており、シンプルで分かりやすいですね。 <script> Event.observe(window,'load',function(){ $$('.tabs').each(fun
自己紹介 2006年2月1日ライブドア入社 メディア事業部 開発部所属 プログラマ livedoor Readerなんかを作ってます
Version 3.0 — 26th March 2009 Docking boxes (dbx) adds animated drag 'n' drop, snap-to-grid, and show/hide-contents functionality to any group of elements. And how could I resist re-creating one of the most iconic interfaces of modern times to show it off! The script can work with rows, columns, or two-dimensional grids of objects, of any size and shape. And as you've come to expect from brotherca
CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」 2006年10月04日- FreeStyle Menus Demonstration This script is a highly flexible means of converting HTML content into powerful popup menus, using either nested lists or DIV tags for menu data, and following best practice guidelines for powerful and accessible menus. CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」。 ブラウザ上で動くWindowsのメニュー風のUIは結構見かけ
Ajax Digest // Drag&drop javascript libraries review ドラッグ&ドロップが簡単に出来るJavaScriptライブラリまとめ。 DHTML Goodies デモ DOM Drag デモ Walterzorn Drag&Drop デモ X Library デモ Drag-and-Drop extension for Prototype デモ Toolman DHTML デモ Rico デモ DragLib デモ Yahoo User Interface Library デモ script.aculo.us JavaScriptのライブラリは単純に機能がいいというだけではなく、動作の軽さ、ファイルサイズの軽さも気になる点ですね。 それぞれに性質があって出来る/出来ないことがあったり、コーディング方式が自分のスタイルにあっているとかもあって選択肢
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く