ごちゃごちゃした情報が大量にあるページのデザイン

調査票デザインの原則

で、このページの筆者の方がインターネット調査は社会調査に利用できるか という報告書に以下のように突っ込んでいるが、

  • 1つの設問は1つのスクリーンに収まるように
    • ユーザの環境によって画面の広さは異なる。基準(例えばSVGA)を決める必要がある。

広さと「設定」によって異なりますぜ。今じゃ携帯だって高精細だから設定次第で結構な文字数を表示できるし、ウィンドウを全画面表示で横長に使っているとも限らない。

というツッコミは意地悪半分、本気半分。今回は報告書の言ってることは概ね正しいけど実現するのは楽じゃないよという話なわけですが、方法としては以下のような感じ?

  • (昔デザイナのサイトで流行った)新規ウィンドウを開いて固定サイズのフォントを使う
  • JavaScript と CSS で動的にサイズ調整
  • Flash とか Java とか PDF でリッチクライアントの操作性に期待する

あるいは

  • S5 のように JavaScript と CSS を使って長い HTML の1ページを複数のスクリーンに分割する

と、いちいちサーバと通信せずに JavaScript に情報を保存できるし、Flash や Java のように plugin を必要としないし、ユーザーの意思で JavaScript を off にして(あるいは JavaScript 非対応のブラウザを使って)長い HTML のページと格闘することも可能だから、これがいちばんいいのかも。でも S5 って自分自身が作りだすナビゲーションやスライドショーで実際に表示する内容以外はまったく考慮されてないから、他のコンテンツへのナビや広告も盛り込みたいって要求になった場合はちょっと使いにくいか。そこのサイトのナビや広告が CSS の管理下にあればいいけど、そうでないとダメくさい。

生 HTML は操作性があまりよくないが、plugin 前提の場合は操作性はよくなるがユーザーの環境を限定してしまうという問題って、他にもいろんなシーンがあるわけですが、この調査票ネタはそれを考えるのにとてもよい題材かもしれない。

More

Categories

Tool 日々 Web Biz Net Apple MS ことば News Unix howto Food PHP Movie Edu Community Book Security Text TV Perl Ruby Music Pdoc 生き方 RDoc ViewCVS CVS Rsync Disk Mail FreeBSD Cygwin PDF Photo Zebedee Debian OSX Comic Cron Sysadmin Font Analog iCal Sunbird DNS Linux Wiki Emacs Thunderbird Sitecopy Terminal Drawing tDiary AppleScript Life Money Omni PukiWiki Xen XREA Zsh Screen CASL Firefox Fink zsh haXe Ecmascript PATH_INFO SQLite PEAR Lighttpd FastCGI Subversion au prototype.js jsUnit Apache Trac Template Java Rhino Mochikit Feed Bloglines CSS del.icio.us SBS qwikWeb gettext Ajax JSDoc Rails HTML CHM EPWING NDTP EB IE CLI ck ThinkPad Toy WSH RFC readline rlwrap ImageMagick epeg Frenzy sysprep Ubuntu MeCab DTP ERD DBMS eclipse Eclipse Awk RD Diigo XAMPP RubyGems PHPDoc iCab DOM YAML Camino Geekmonkey w3m Scheme Gauche Lisp JSAN Google VMware DSL SLAX Safari Markdown Textile IRC Jabber Fastladder MacPorts LLSpirit CPAN Mozilla Twitter OpenFL Rswatch ITS NTP GUI Pragger Yapra XML Mobile Git Study JSON VirtualBox Samba Pear Growl Mercurial Rack Capistrano Rake Win RSS Mechanize Sitemaps Android JavaScript Python RTM OOo iPod Yahoo Unicode Github iTunes God SBM friendfeed Friendfeed HokuUn Sinatra TDD Test Project Evernote iPad Geohash Location Map Search Simplenote Image WebKit RSpec Phone CSV WiMAX USB Chrome RubyKaigi RubyKaigi2011 Space CoffeeScript Nokogiri Hpricot Rubygems jQuery Node GTD CI UX Design VCS Kanazawa.rb Kindle Amazon Agile Vagrant Chef Windows Composer Dotenv PaaS Itamae SaaS Docker Swagger Grape WebAPI Microservices OmniAuth HTTP 分析基盤 CDN Terraform IaaS HCL Webpack Vue.js BigQuery Middleman CMS AWS PNG Laravel Selenium OAuth OpenAPI GitHub UML GCP TypeScript SQL Hanami Document SVG AsciiDoc Pandoc DocBook Develop Jekyll macOS Node.js Vite Heroku Transformer AI Data Cloud Wasm