mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 2006-02-09 mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。 これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。 しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地があ
タグ
- すべて
- (((( ;゜Д゜)))ｶﾞｸｶ (150)
- (((( ;゜Д゜)))ｶﾞｸｶ (42)
- togetter (13)
- |ω・)ｺｿｰﾘ (36)
- ( (189)
- ( # ゜Д゜) (14)
- ( ﾟдﾟ)･∵. ﾀｰﾝ (53)
- ( ﾟдﾟ)ﾎﾟｶｰﾝ (936)
- ('(ﾟ∀ﾟ∩ なおるよ! (14)
- ('A`) (360)
- ((((；ﾟДﾟ))))ｶﾞｸｶ (16)
- (*´д｀*) (635)
- (*ﾟーﾟ) (69)
- (-_-) (56)
- (=ﾟωﾟ) (84)
- (=ﾟωﾟ)ﾉぃょぅ (48)
- (´・ω・`) (468)
- (´；ω；｀) (45)
- (´；ω；｀)ﾌﾞﾜｯ (59)
- ( ￣ー￣) (11)
- (。∀ ﾟ)ｱﾋｬ! (125)
- (ワロタ) (1889)
- (｣ﾟﾛﾟ)｣ ＜ (27)
- (･ω･) (138)
- (･ω･)ﾓｷｭ (27)
- (･∀･) (425)
- (ﾟДﾟ) (258)
- (ﾟ∀ﾟ) (462)
- +18 (136)
- 2ch (13525)
- 2ｃｈ (28)
- 3.11 (160)
- 3DCG (33)
- 3ds (14)
- 801 (105)
- AA (386)
- AI (20)
- Amazon (19)
- Android (237)
- Apple (113)
- AprilFool (25)
- BABYMETAL (10)
- BL (12)
- CELL (12)
- CG (21)
- CNT (42)
- COVID-19 (100)
- CubeSat (11)
- EDF (11)
- England (59)
- English (13)
- France (26)
- GJ! (11)
- Greasemonkey (18)
- H-IIA (20)
- HTML (27)
- Hubble (63)
- IE7 (23)
- ISIS (12)
- ITmedia (14)
- J( 'ｰ`)し (34)
- JOJO (497)
- KDDI (25)
- KEK見学 (15)
- LASIK (14)
- LEGO (62)
- LGBT (13)
- Leah Dizon (42)
- MAD Video (221)
- MML (9)
- MS (41)
- Mozilla (15)
- NASA (105)
- NDS (50)
- OS-tan (20)
- Olympic (32)
- Olympic2020 (77)
- Opera (27)
- PSP (22)
- R18 (13)
- Robot (85)
- SED (14)
- SF (392)
- SRW (22)
- SS (352)
- SW (13)
- TIGER&BUNNY (22)
- TOKIO (19)
- Tech総研 (81)
- Thailand (10)
- Tips (10)
- USA (174)
- VIPクオリティ (99)
- VOCALOID (372)
- Wii (35)
- YouTube (1006)
- ZUNTATA (18)
- ZZZ・・・ (16)
- age (24)
- animal (213)
- anime (627)
- aqua (249)
- art (142)
- au (124)
- b (110)
- baseball (507)
- beer (109)
- bicycle (65)
- bike (41)
- blog (188)
- book (731)
- browser (11)
- business (91)
- chiba (123)
- china (238)
- cinema (1542)
- comic (201)
- communication (68)
- cool_css!!! (9)
- copyright (174)
- css (85)
- culture (10)
- d (13)
- design (122)
- dpz (196)
- dragons (141)
- education (84)
- energy (113)
- eva (28)
- facebook (13)
- figure (18)
- firefox (98)
- flash (182)
- flash game (84)
- font (10)
- food (35)
- g (24)
- game (1032)
- game music (55)
- game攻略 (17)
- gender (80)
- gif (9)
- gifアニメ (52)
- gmail (13)
- google (281)
- google AdSence (14)
- googleMap (17)
- gundam (205)
- hage (44)
- hard (25)
- hatena (1193)
- hatena★ (25)
- health (130)
- history (28)
- i (92)
- iM@s (86)
- iPhone (53)
- idea sage (27)
- illust (19)
- intel (20)
- interview (50)
- jasrac (10)
- javascript (21)
- jaxa (252)
- keyword (26)
- korea (174)
- ktkr!!! (17)
- life (227)
- lifehacks (15)
- lightnovel (328)
- linux (20)
- livedoor (21)
- m9(＾Д＾)ﾌﾟｷﾞｬｰ (14)
- mac (38)
- media (184)
- medical (192)
- meta (39)
- mixi (87)
- mobile (193)
- motor (45)
- movie (12)
- museum (16)
- music (334)
- nagoya (36)
- nano (36)
- neta (3920)
- neta画像 (3121)
- niconico (1402)
- nintendo (12)
- nuclear (130)
- nya (1610)
- olympic2014 (23)
- orz (19)
- penguin (158)
- perfume (47)
- photo (86)
- privacy (23)
- programming (28)
- ps3 (29)
- publishing (25)
- pya! (2763)
- rabbit (16)
- reaction (41)
- recipe (273)
- robots (13)
- rocket (21)
- rss (30)
- science (1275)
- security (201)
- sega (52)
- slashdot (906)
- sns (81)
- soccer (33)
- soft (28)
- softbank (13)
- software (29)
- sony (38)
- space (14)
- spam (35)
- sports (135)
- staff (214)
- stage6 (23)
- tabacco (9)
- tech (66)
- technology (275)
- togetter (4620)
- tool (61)
- trackback (21)
- twitpic (10)
- twitter (311)
- vip (47)
- vipper (116)
- w3c (29)
- wallpaper (40)
- wan (372)
- web (514)
- web 2.0 (23)
- web2.0 (52)
- webサービス (151)
- wiki (29)
- wikipedia (52)
- windows (24)
- winny (9)
- word (41)
- work (124)
- zombie (29)
- ΣΣ(ﾟДﾟ;) (246)
- ΩΩΩﾅﾝﾀﾞｯﾃｰ (111)
- ξﾟ⊿ﾟ)ξ (36)
- …… (9140)
- ⊂二二二（ ＾ω＾）二 (52)
- あとで読む (12)
- ええ話 (120)
- おそロシア (291)
- おっさんホイホイ (9)
- おっぱい (14)
- おっぱい星人 (49)
- お前頭良いな (33)
- これはすごい (50)
- これはひどい (366)
- これはスゴい (47)
- これは何 (13)
- こんにちはこんにちは (46)
- ごまえー (14)
- しなもん (32)
- しょこたん (14)
- そこに痺れる憧れるぅ (11)
- その発想はなかったわ (9)
- それなんてエロゲ？ (86)
- そんな餌で俺がクマー (55)
- ちゅるやさん (23)
- ぬい (13)
- のんのんびより (55)
- はてブ (20)
- はやぶさ (60)
- ふむん (98)
- へぇ～ (51)
- べつやくれい (64)
- まとめ (10)
- まとめサイト (71)
- まどか☆マギカ (53)
- ゆるオフ5オフレポ (21)
- らき☆すた (87)
- アッー！ (44)
- アニマライト (9)
- アレゲ (387)
- イタイ (9)
- イタリア (10)
- イトカワ (50)
- インターフェイス (21)
- インド (17)
- ウゴウゴルーガ (10)
- ウサー (16)
- ウホッ! (32)
- エェ━(ﾟДﾟ)━! (12)
- エコ (17)
- エネルギー (15)
- エロ (10)
- エンジニア (11)
- エヴァ (92)
- オカルト (13)
- オメデト (9)
- カッコエェー (32)
- カルト (53)
- カワイソス (25)
- ガイドライン (67)
- ガチャピン (62)
- キョダチク (11)
- キルラキル (9)
- クトゥルフ (25)
- クマー (129)
- グロ (16)
- ケータイ小説 (9)
- コメント欄 (14)
- コレクション (15)
- サイタマのおっさん (56)
- ザウぽん (15)
- シグルイ (85)
- シュール (27)
- ジェンダー (31)
- スウェーデン (11)
- スペースシャトル (69)
- スレイブニール (9)
- セキュリティ (51)
- セキュリティー (17)
- セルクマ (33)
- セルフまとめ (11)
- タバコ (34)
- ダディ (28)
- ツンデレ (39)
- ディスプレイ (14)
- デザイン (14)
- トマソン (14)
- トラブル (26)
- トンデモ (62)
- ドイツ (24)
- ドラゴンボール (19)
- ナツカシス (41)
- ナノテク (40)
- ニセ科学 (13)
- ノマノマ (19)
- ハゲワロタ (10)
- ハルヒ (235)
- パトレイバー (39)
- ブラウザ (31)
- ホスィ (52)
- ボドゲ (24)
- マスコミ (13)
- マナー (9)
- メガスター (10)
- メガネ (16)
- メディア (12)
- ヤラナイカ (10)
- ユーザビリティー (29)
- ライトノベル (204)
- リテラシー (22)
- ロケット (51)
- ロケットまつり (160)
- ロシア (19)
- ワロタ (11)
- ヲタ (47)
- ヲチ (11)
- ヽ(`Д´)ノ (9)
- 一応 (65)
- 中日ドラゴンズ (15)
- 京都 (26)
- 人力 (89)
- 今日のお祭り会場 (11)
- 作者は病気 (11)
- 個人情報 (10)
- 元素 (10)
- 全米が泣いた (78)
- 冲方丁 (13)
- 出版 (24)
- 初音ミク (82)
- 加津良稲荷神社 (48)
- 動画 (93)
- 北海道 (36)
- 千葉 (34)
- 半導体 (12)
- 占い (15)
- 台湾 (26)
- 司法 (14)
- 名古屋 (60)
- 名言 (19)
- 呑ま部 (21)
- 図書館 (14)
- 地方 (344)
- 地震 (24)
- 埼玉 (13)
- 埼玉のオッサン (31)
- 塊魂 (12)
- 増田 (1190)
- 売買キボンヌ (16)
- 外山恒一 (12)
- 大阪 (34)
- 孤独のグルメ (19)
- 宇宙 (124)
- 宗教 (162)
- 実況 (13)
- 富士見さん (21)
- 小町 (9)
- 岡田有花 (17)
- 岩波さん (30)
- 差別 (16)
- 帆掛さん (40)
- 年齢踏み絵 (12)
- 廃墟 (10)
- 建築 (305)
- 後で (11)
- 後で読む (20)
- 忍殺 (17)
- 恋愛 (13)
- 愛知 (19)
- 投げ銭 (9)
- 折り紙 (15)
- 携帯 (56)
- 擬人化 (17)
- 政治 (63)
- 教育 (25)
- 新ジャンル (50)
- 方言 (27)
- 早川さん (47)
- 東京 (28)
- 東北地方大平洋沖地震 (34)
- 東北地方太平洋沖地震 (51)
- 栃木 (14)
- 沖縄 (28)
- 海外 (1767)
- 海外の反応 (251)
- 災害 (72)
- 無断リンク (18)
- 煙草 (32)
- 特定アジア (13)
- 特許 (20)
- 理系 (16)
- 環境 (17)
- 生物 (31)
- 男女 (12)
- 画像 (133)
- 疑似科学 (34)
- 目から鱗 (9)
- 相撲 (15)
- 眼鏡 (20)
- 研究 (10)
- 空耳 (9)
- 統一球 (21)
- 絵 (122)
- 綺麗 (206)
- 胡椒飯店人肉御膳 (22)
- 腐女子 (46)
- 腐女子脳 (27)
- 自転車 (9)
- 興味深い (15)
- 茨城 (9)
- 著作権 (65)
- 裁判 (24)
- 規格 (20)
- 言葉 (37)
- 言語 (124)
- 訃報 (174)
- 誤植 (9)
- 豆知識 (52)
- 進撃の巨人 (27)
- 過去記事発掘 (12)
- 選挙 (112)
- 都市伝説 (10)
- 都市計画 (15)
- 酒 (1103)
- 長編 (122)
- 閲覧注意 (75)
- 電子書籍 (29)
- 電波 (10)
- 電波ソング (46)
- 青プリン (11)
- 食 (2867)
- 香港 (10)
- 馬鹿でステキ (10)
- 鳥インフルエンザ (76)
- 鳥取 (9)
- （ ゜Д゜）y─┛~~ (390)
- （ ゜Д゜）y─┛~~" (12)
- （ ﾟ∀ﾟ）;y=-ﾁｬｯΣ( (11)
- （ ＾ω＾） (21)
- （；´Д`） (92)
- ＼(^o^)／ｵﾜﾀ (24)
- ･ﾟ･(ﾉд`)･ﾟ･ (124)
- ｱﾀﾏｵｶｼｲ (67)
- ｳﾏｿｳ (52)
- ｷｭ(☆ω☆）ﾋﾟｰﾝ (12)
- ｷﾀ━(ﾟ∀ﾟ)━! (88)
- ｷﾀｺﾚ (9)
- ﾜﾛｽｗ (17)
- ﾟдﾟ)ﾎﾟｶｰﾝ (186)
- 2ch (13525)
- …… (9140)
- togetter (4620)
- neta (3920)
- neta画像 (3121)
- 食 (2867)
- pya! (2763)
- (ワロタ) (1889)
- 海外 (1767)
- nya (1610)
インターフェイスとmixiに関するadramineのブックマーク (1)
-
adramine 2006/02/09
- mixi
- インターフェイス
- ユーザビリティー
- デザイン
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx