mixiに現れたサイドバーの不快感の本質とは 2006-02-16 3回に渡ってmixiに絡めてウェサイトデザインにおける横幅について書かせていただいた。相当量のバックリンクを頂き、じつに多くの意見を効率的に集めることができた。その意見の中で多くみられたのが横幅云々ではなく「mixiニュースうざい」「サイドバーうざい」といった感情表現だった。この不快感はどこからくるのだろう？単に邪魔だとかウザいとかいうのは結果でしかない。 答えはシンプルだ。増えたサイドバーの内容がユーザー個人とは無関係だからだ。 サイドバーの内容は上から「広告バナー」「ニュース」「天気」「ミクリィ情報」が並んでいる。どれもユーザーとは無関係な情報だ。ニュースのカテゴリをを興味のあるものに設定したとしても、ユーザー個人との関連性は皆無だ。天気も同様に、便利だけど個人との関連性は無い。さらにユーザーと無関係なだけでなく、もと
タグ
- すべて
- .net (12)
- 2007matome (1)
- 2ch (3)
- 2nd (13)
- 37signals (14)
- Jakarta (3)
- MITOCW (1)
- Martin Fowler (1)
- TC50 (1)
- WMI (1)
- accessibility (1)
- accomplishment (7)
- accounting (3)
- actionscript (9)
- activerecord (1)
- add-on (1)
- adobe (4)
- adultchildren (1)
- advertisement (12)
- advertising (2)
- adwords (2)
- affiliate (10)
- agile (12)
- air (4)
- aix (1)
- ajax (103)
- algorithm (16)
- alpha (1)
- alpslab (1)
- amazon (37)
- ameba (2)
- amrita (1)
- analysis (5)
- android (6)
- animation (4)
- aop (2)
- ap4r (1)
- apache (16)
- api (20)
- apollo (1)
- apple (20)
- aptana (2)
- arduino (1)
- art (11)
- asp (1)
- assurer (1)
- atok (3)
- atom (8)
- au (6)
- authentication (4)
- binary (6)
- blog (46)
- book (452)
- book on web (4)
- bookmarklet (8)
- brand (4)
- business (104)
- c (29)
- c# (8)
- c++ (26)
- c10k (2)
- cache (8)
- cafe (2)
- cakephp (2)
- calendar (20)
- cancer (6)
- canon (11)
- carrier (11)
- case study (2)
- catalyst (4)
- certification (5)
- chart (2)
- cheap (2)
- chemistry (3)
- chinese (2)
- classics (2)
- cloud (9)
- cm (2)
- cms (8)
- cognitive (2)
- colinux (3)
- column (71)
- comet (5)
- comic (5)
- communication (5)
- company (6)
- computer (9)
- cookpad (2)
- copyright (2)
- copywriting (2)
- cpu (3)
- css (57)
- curation (6)
- cvs (2)
- darts (2)
- database (32)
- db (5)
- db2 (14)
- debian (2)
- debug (3)
- decade (13)
- del.icio.us (8)
- design (91)
- dev-camp (2)
- development (31)
- dhtml (3)
- digital signage (3)
- dom (2)
- drill (2)
- dropshipping (16)
- drucker (2)
- dvd (4)
- e-learning (8)
- ec (7)
- ec2 (3)
- eclipse (10)
- economics (8)
- editor (2)
- education (3)
- ejb (4)
- emacs (13)
- engineer (5)
- english (23)
- entertainment (8)
- erlang (13)
- event (40)
- evernote (2)
- excel (9)
- extension (5)
- f# (2)
- facebook (25)
- fastcgi (3)
- fastladder (2)
- fedora (4)
- finance (2)
- firefox (42)
- fireworks (4)
- flash (27)
- flex (13)
- flex3 (6)
- flickr (13)
- folksonomy (7)
- font (15)
- food (2)
- framework (21)
- future (4)
- gadget (4)
- gainer (2)
- game (45)
- gauche (2)
- gc (2)
- gdb (9)
- generator (7)
- gis (13)
- git (8)
- globis (2)
- gmail (18)
- goo (3)
- google (233)
- google calendar (4)
- google maps (2)
- gourmet (88)
- gps (9)
- graph (3)
- greasemonkey (11)
- gree (12)
- groupon (5)
- gtd (31)
- gui (3)
- hadoop (3)
- haruki (2)
- haskell (10)
- hatena (75)
- health (3)
- hibernate (2)
- history (21)
- hosting (5)
- hpricot (2)
- hyuki (10)
- i18n (2)
- ibm (8)
- icon (13)
- ide (8)
- idea (7)
- ie (5)
- im (5)
- innovation (4)
- inovation (2)
- internet (6)
- investment (2)
- iphone (20)
- ipod (10)
- ise-ebi (3)
- isms (7)
- itil (3)
- itms (3)
- japan (2)
- java (122)
- javafx (2)
- javascript (151)
- jdbc (2)
- jdeveloper (2)
- jetty (2)
- joke (3)
- jpmobile (3)
- jquery (20)
- jruby (5)
- json (18)
- jsonp (3)
- kernel (3)
- keyboard (4)
- kogaidan (2)
- labs (2)
- lamp (2)
- language (2)
- ldr (3)
- learning (5)
- lego (3)
- library (6)
- life (16)
- lifehack (54)
- lifehacks (9)
- lighttpd (8)
- lingr (4)
- link (18)
- linkedin (2)
- linux (44)
- lisp (9)
- livedoor (10)
- logicalthinking (10)
- long (4)
- mac (18)
- magazine (5)
- mail (6)
- management (18)
- map (27)
- marketing (41)
- masaru (15)
- mashup (2)
- material (4)
- math (32)
- mba (4)
- media (9)
- microformats (3)
- microsoft (40)
- mindmap (8)
- mindstorm (3)
- misc (95)
- mixi (23)
- mlang (3)
- mobile (29)
- modeling (2)
- mogi (7)
- money (6)
- mongrel (7)
- morphological (5)
- movie (32)
- mq (3)
- mt (15)
- mumps (3)
- murakami (2)
- music (9)
- mysql (27)
- mythology (2)
- naming (4)
- network (15)
- news (21)
- newspaper (3)
- nhk (2)
- niconico (2)
- ning (3)
- o'reilly (5)
- ocaml (3)
- office (12)
- office2007 (2)
- okwave (2)
- oodb (2)
- oop (17)
- openpne (2)
- opensocial (2)
- opensource (11)
- opera (2)
- oracle (21)
- oreilly (3)
- orm (4)
- os (3)
- oss (6)
- p2p (2)
- pachinko (20)
- pattern (29)
- pdf (14)
- performance (5)
- perl (53)
- person (4)
- philosophy (5)
- photo (17)
- photoshop (10)
- php (32)
- physics (4)
- piano (3)
- picasa (3)
- pipes (2)
- plagger (7)
- platform (5)
- podcast (2)
- podcasting (23)
- politics (4)
- portal (6)
- postgres (8)
- postgresql (2)
- pr (3)
- pragger (2)
- presentation (29)
- product (52)
- productivity (4)
- programing (2)
- programmer (14)
- programming (85)
- psychology (2)
- psygram (2)
- python (7)
- q&a (3)
- qa (2)
- qlovr (3)
- qrcode (3)
- quantum (3)
- quiz (3)
- quora (7)
- quote (9)
- rails (196)
- rakuten (5)
- ranking (3)
- recipe (2)
- reference (5)
- regex (11)
- release (5)
- rest (12)
- revolution (2)
- rmagick (4)
- rspec (2)
- rss (21)
- ruby (274)
- s3 (3)
- saas (3)
- salesforce (2)
- sbm (7)
- scala (5)
- scalability (10)
- scheme (10)
- school (4)
- science (26)
- se (10)
- search (35)
- seasar (2)
- security (25)
- sed (2)
- selenium (2)
- semantic (2)
- semiconductor (9)
- seminar (12)
- seo (18)
- server (20)
- service (24)
- service on web (57)
- sh (8)
- share (2)
- shell (3)
- shiba (2)
- shop (9)
- shortcut (2)
- si (8)
- sicp (4)
- signage (3)
- silverlight (5)
- simpledb (2)
- sinatra (2)
- sixapart (2)
- skype (14)
- slide (7)
- smartphone (5)
- sns (27)
- soa (6)
- social (8)
- socialmedia (4)
- software (61)
- sony (3)
- spam (2)
- speech (9)
- sports (2)
- spring (3)
- sql (17)
- sqlite (2)
- ssh (4)
- stationary (2)
- stationery (7)
- statistics (13)
- steve jobs (2)
- strategy (2)
- struts (3)
- study (7)
- subversion (17)
- suica (3)
- sun (4)
- svn (2)
- swig (7)
- tagging (7)
- tail (4)
- taiwan (2)
- tdd (2)
- technology (9)
- term (2)
- testing (12)
- text (3)
- theory (3)
- thinking (3)
- thinkpad (2)
- tips (19)
- titanium (7)
- todo (7)
- tomcat (2)
- tool (14)
- trac (5)
- translation (2)
- travel (13)
- trend (2)
- tropy (2)
- twitter (25)
- ui (29)
- umedamochio (36)
- uml (3)
- uniqlo (4)
- unix (46)
- usability (5)
- ustream (2)
- ux (2)
- vb (3)
- vba (2)
- velocity (2)
- venture (10)
- vi (8)
- video (2)
- vim (12)
- visualization (2)
- visualstudio (3)
- vmware (3)
- wallpaper (2)
- web (57)
- web design (2)
- web2.0 (97)
- web3.0 (3)
- webapi (7)
- webapp (57)
- webservice (51)
- where2.0 (2)
- wiki (19)
- wikipedia (3)
- windows (24)
- winny (2)
- wisdomofcrowds (3)
- word (2)
- work (7)
- writing (20)
- xml (30)
- xp (5)
- xpath (3)
- xslt (3)
- yahoo (21)
- yaml (3)
- youtube (25)
- zsh (2)
- いい話 (2)
- おとりよせ (2)
- まとめ (2)
- イベント (2)
- グルメ (6)
- セキュリティ (6)
- ソフトウェア (2)
- テスト (3)
- デザイン (3)
- ネタ (2)
- プロジェクト管理 (2)
- ベンチャー (3)
- マシン語 (2)
- マナー (2)
- マーケティング (2)
- ライブラリ (2)
- リンク集 (2)
- レンタルスペース (2)
- 任天堂 (4)
- 伊坂幸太郎 (2)
- 佐藤優 (10)
- 勉強会 (9)
- 勝間和代 (3)
- 半導体 (4)
- 名言 (7)
- 大企業 (3)
- 引越 (4)
- 情報商材 (6)
- 成功 (2)
- 数学 (5)
- 日本酒 (4)
- 書籍 (8)
- 書評 (3)
- 森博嗣 (7)
- 歴史 (4)
- 素材 (8)
- 茂木健一郎 (2)
- 講演 (2)
- book (452)
- ruby (274)
- google (233)
- rails (196)
- javascript (151)
- java (122)
- business (104)
- ajax (103)
- web2.0 (97)
- misc (95)
uiとmixiに関するkanoukのブックマーク (2)
-
kanouk 2008/01/02
- mixi
- ui
リンク -
mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 : akiyan.com
mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 2006-02-09 mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。 これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。 しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地があ
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx