mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 2006-02-09 mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。 これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。 しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地があ
タグ
- すべて
- 200601 (5)
- 200602 (5)
- 200604 (3)
- 200605 (2)
- 200606 (2)
- 2007 (2)
- 2ch (29)
- 3d (2)
- AWS (8)
- Adobe (5)
- Ajax (37)
- Amazon ECS (4)
- Apple (28)
- Applications (2)
- Automator (2)
- C++ (26)
- CentOS (2)
- Chrome (2)
- Cloud (13)
- Company (6)
- DOM (4)
- DQ9 (12)
- DSL (2)
- DSi (3)
- DTM (2)
- FreeBSD (4)
- GPS (4)
- GoogleAnalytics (2)
- GoogleWave (2)
- Growl (2)
- HDD (2)
- HTML (8)
- ISP (3)
- IT (10)
- Internet (17)
- Internet Explorer (8)
- Japanese (2)
- KVS (7)
- LAN (2)
- LL (2)
- Medicine (2)
- Microsoft (13)
- NAVER (2)
- NDS (3)
- Nexenta (2)
- O'Reilly (3)
- OAuth (10)
- OpenSocial (2)
- OpenSolaris (3)
- PHP5.3 (2)
- PHPCon2008 (8)
- PNG (2)
- PS3 (10)
- PSP (4)
- People (6)
- RDB (2)
- REST (4)
- SOAP (2)
- SPDY (2)
- SQL (5)
- SaaS (3)
- San Jose (2)
- Silicon Valley (4)
- Social (2)
- Solaris (2)
- Suica (2)
- Sun (3)
- UI (14)
- UMPC (2)
- VAIO (2)
- W3C (2)
- WBS (2)
- XML (22)
- XPath (5)
- XSLT (7)
- YBB (2)
- accecibility (2)
- accessibility (4)
- accident (3)
- ad (9)
- addon (6)
- ads (4)
- advertise (2)
- advertisement (2)
- advertising (3)
- affiliate (2)
- akamai (5)
- algorithm (10)
- amazon (44)
- ana (2)
- analytics (2)
- android (11)
- animal (4)
- animation (4)
- anime (12)
- apache (33)
- apachemodule (2)
- api (34)
- application (7)
- architecture (12)
- art (13)
- article (2)
- artist (11)
- au (3)
- auction (3)
- audio (4)
- authentication (11)
- av (8)
- award (2)
- backup (2)
- bag (3)
- baidu (3)
- bash (2)
- bicycle (4)
- binary (3)
- biz (2)
- blog (26)
- bluetooth (2)
- book (28)
- bookmarklet (3)
- books (15)
- browser (19)
- bts (3)
- business (154)
- c (14)
- cURL (3)
- cache (5)
- cafe (2)
- cakephp (18)
- calendar (8)
- camera (12)
- candycane (2)
- captcha (2)
- capture (3)
- car (6)
- card (2)
- career (4)
- cart (2)
- cat (2)
- charset (7)
- cheatsheet (2)
- china (3)
- cinema (2)
- cli (2)
- cloudcomputing (4)
- codereview (2)
- coding (7)
- color (2)
- column (6)
- comic (9)
- communication (28)
- community (14)
- computer (3)
- concov (2)
- conference (4)
- cookie (3)
- cooking (5)
- cookpad (3)
- copyright (17)
- cpp (3)
- credit (2)
- crime (2)
- crowdsourcing (2)
- css (25)
- culture (2)
- cvs (3)
- cyberagent (2)
- cybozu (2)
- database (21)
- db (3)
- deadpool (7)
- debian (6)
- debug (9)
- dena (4)
- design (40)
- desk (2)
- devel (2)
- developer (3)
- development (49)
- device (7)
- dictionary (3)
- digg (2)
- dns (2)
- docomo (12)
- document (7)
- documentation (2)
- doxygen (4)
- dpkg (2)
- dpz (18)
- drawing (2)
- drink (2)
- dtrace (2)
- dvd (3)
- dwango (7)
- earthquake (4)
- ebook (2)
- ec (11)
- ec2 (11)
- ecology (3)
- ecommerce (2)
- economics (4)
- economy (5)
- editor (4)
- education (17)
- edy (2)
- electronics (2)
- emobile (4)
- encoding (2)
- engadget (2)
- engineer (5)
- english (24)
- enquete (2)
- entertainment (6)
- environment (2)
- event (128)
- excel (2)
- facebook (11)
- fashion (5)
- felica (2)
- firebug (5)
- firefox (43)
- firefox extension (19)
- flash (10)
- flickr (22)
- font (5)
- food (71)
- football (2)
- framework (18)
- funny (2)
- gadget (30)
- gadgets (51)
- gae (4)
- game (49)
- gcc (7)
- geotagging (3)
- git (10)
- gmail (7)
- gnu screen (3)
- go (3)
- goods (11)
- google (96)
- google calendar (3)
- google maps (4)
- googlemaps (4)
- graph (3)
- graphic (4)
- graphics (5)
- greasemonkey (2)
- gree (10)
- gsv (2)
- gtd (5)
- gui (2)
- gundam (4)
- hCalendar (4)
- hadoop (7)
- hall (2)
- hardware (42)
- hatena (30)
- health (22)
- history (7)
- hobby (2)
- hotel (2)
- hp (2)
- html5 (2)
- http (13)
- httpd (2)
- i-mode (2)
- i18n (2)
- iTunes (2)
- icon (7)
- idc (2)
- idea (9)
- ie (3)
- image (15)
- ime (2)
- interface (3)
- interior (2)
- interview (36)
- ipa (2)
- iphone (44)
- ipod (6)
- iw2008 (2)
- jasrac (2)
- javascript (68)
- job (13)
- jobchange (4)
- journalism (5)
- jquery (2)
- json (4)
- kaigifreaks (7)
- keccon (2)
- key-value (2)
- keyboard (10)
- kfc (2)
- kitchen (2)
- knowledge (3)
- korea (2)
- labs (2)
- language (3)
- law (7)
- library (10)
- life (75)
- lifehack (13)
- lifehacks (16)
- linux (33)
- live (3)
- livedoor (21)
- llfuture (3)
- lltv (14)
- logging (3)
- mac (46)
- macbook (6)
- mail (10)
- management (20)
- map (21)
- mapreduce (4)
- marketing (23)
- media (35)
- medical (13)
- memcached (6)
- metacon2009 (3)
- microformats (3)
- misc (4)
- mixi (22)
- mobile (76)
- module (6)
- money (9)
- movie (64)
- museum (3)
- music (66)
- music download (7)
- mysql (31)
- naoya (4)
- neta (227)
- network (33)
- news (117)
- nhk (11)
- niconico (3)
- nicovideo (9)
- nintendo (7)
- nlp (3)
- ocr (4)
- office (9)
- openid (4)
- opensource (15)
- opera (5)
- oracle (7)
- oss (12)
- osx (17)
- patent (3)
- payment (4)
- pc (34)
- pcj09 (11)
- pdf (8)
- pear (19)
- pecl (12)
- performance (23)
- perl (17)
- person (40)
- photo (40)
- php (223)
- php extension (8)
- php5 (10)
- php53 (7)
- phpcon (12)
- podcast (5)
- politics (26)
- postgreSQL (3)
- ppt (3)
- presentation (30)
- privacy (5)
- programming (69)
- proxy (9)
- publish (6)
- python (7)
- rails (5)
- rakuten (24)
- realestate (4)
- recruit (3)
- redmine (3)
- reference (8)
- regexp (4)
- report (6)
- research (3)
- review (9)
- robot (4)
- roppongi (3)
- rss (5)
- ruby (29)
- rubygems (3)
- rubykaigi (6)
- rubykaigi2009 (13)
- s3 (3)
- scalability (10)
- science (21)
- screen (5)
- search (24)
- security (128)
- seo (3)
- server (28)
- service (14)
- shell (3)
- shinagawa (3)
- shop (4)
- shopping (13)
- sixapart (3)
- snowleopard (5)
- sns (22)
- society (21)
- softbank (10)
- software (52)
- sony (22)
- source code (5)
- spam (4)
- sports (3)
- ssd (3)
- ssh (8)
- ssl (8)
- startup (3)
- storage (4)
- streaming (10)
- study (13)
- symfony (7)
- system (10)
- tagging (3)
- technology (7)
- testing (4)
- tips (31)
- tokyo (7)
- tokyotyrant (4)
- tool (46)
- tools (7)
- trafficserver (3)
- translate (3)
- travel (12)
- trip (9)
- trouble (18)
- tutorial (4)
- tv (62)
- twitter (52)
- uml (3)
- unicode (5)
- unix (31)
- unix command (5)
- usability (8)
- usb (6)
- ustream (19)
- vcs (4)
- video (16)
- vim (15)
- virtualization (3)
- vulnerability (3)
- web (75)
- web develop (8)
- web2.0 (15)
- webapi (3)
- webdesign (32)
- webservice (73)
- webtool (3)
- wii (4)
- wiki (3)
- windows (21)
- wireless (7)
- wordpress (12)
- wordpress plug-in (8)
- work (31)
- xhtml (3)
- xml schema (4)
- xss (7)
- yahoo (142)
- yapcasia2009 (3)
- youtube (29)
- yts (5)
- yui (7)
- zend (17)
- あとで使ってみる (3)
- あとで読む (17)
- これはひどい (3)
- はてな (20)
- へぇ (4)
- まとめ (9)
- ネタ (127)
- メガネ (3)
- 交通 (6)
- 仕事 (7)
- 仕事術 (9)
- 六本木 (3)
- 労働 (4)
- 動画 (3)
- 学習 (3)
- 家電 (3)
- 新宿 (3)
- 日本語 (3)
- 物欲 (12)
- 疑似科学 (11)
- 科学 (3)
- 肉じゃない (3)
- 芸能 (5)
- 落語 (14)
- 著作権 (4)
- 街ネタ (4)
- 食 (8)
- neta (227)
- php (223)
- business (154)
- yahoo (142)
- event (128)
- security (128)
- ネタ (127)
- news (117)
- google (96)
- mobile (76)
webdesignとinterfaceに関するi_ogiのブックマーク (1)
-
i_ogi 2006/02/10
- web
- mixi
- usability
- interface
- design
- webdesign
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx