タグ

webdesignとcolumnに関するand0のブックマーク (11)

  • http://www.caramel-tea.com/2007/05/origin

  • MetLog:webデザインの画面サイズは大きくしない

    思うところあって(というか書く機会を逃してどうしようか迷った)ちょっと前の記事に対して思ったこと。 第26回 どこにメニューをおくべきか,どこが画面の一等地か:ITpro メニューを右に置くのもアリではないかという考え方。ブログテンプレートでもデフォルトが右メニューだったり、メニュー右勢力の多さには最近気になってました。 話題のバックボーンとして画像解像度の拡大、というものが挙げられています。 ユーザーの画面は大きくなってきている こうした議論が生まれてきた背景には,ハードウエアの進歩もあります。大きなモニターが比較的安価に供給されるようになってきたため,ユーザーが見渡せる画面の領域が広くなりました。 私はノートPCでもデスクトップでも、つまり、日常触るPCは、WUXGA(1920×1200)の解像度で見ています。ノートはともかくデスクトップでは画面サイズも大きく、画面が広く横に長いとそう

  • mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 : akiyan.com

    mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 2006-02-09 mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。 これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。 しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地があ

  • mixiに現れたサイドバーの不快感の本質とは : akiyan.com

    mixiに現れたサイドバーの不快感の質とは 2006-02-16 3回に渡ってmixiに絡めてウェサイトデザインにおける横幅について書かせていただいた。相当量のバックリンクを頂き、じつに多くの意見を効率的に集めることができた。その意見の中で多くみられたのが横幅云々ではなく「mixiニュースうざい」「サイドバーうざい」といった感情表現だった。この不快感はどこからくるのだろう?単に邪魔だとかウザいとかいうのは結果でしかない。 答えはシンプルだ。増えたサイドバーの内容がユーザー個人とは無関係だからだ。 サイドバーの内容は上から「広告バナー」「ニュース」「天気」「ミクリィ情報」が並んでいる。どれもユーザーとは無関係な情報だ。ニュースのカテゴリをを興味のあるものに設定したとしても、ユーザー個人との関連性は皆無だ。天気も同様に、便利だけど個人との関連性は無い。さらにユーザーと無関係なだけでなく、もと

  • Lucky bag::blog: CSS Reboot に見るウェブデザインのトレンド

    以前にも取り上げた事があったけど、CSS Reboot ってのは、ウェブサイトのリデザインを期日を決めて一斉に行なうイベント。多分もう 3 回目くらいだと思うんだけど、5 月 1 日に 2006 Spring が行なわれたばっか。CSS Reboot のサイトでは、リデザインしたウェブサイトが紹介されてて、誰でも気に入ったサイトに投票できるようになっている。ちなみに、CSS Reboot のその場でクリックするだけで評価できる vote 機能は、シンプルで良いな。送信した後に、Total score も表示されるし。 んで、Christian Montoya が今回の Reboot でのデザインのトレンドについて書いていたんだけど、大雑把に書き出してみると下記のような感じ。 1024px の幅 Silk Icons の使用 暗い背景に明るい色のテキスト 大きめのフッタ 1024px の幅

  • mixiをXHTML+CSSで組みなおす - 3ping.org

    授業内で、既存サイトをXHTML+CSSで組み直す練習をするのですが、生徒が提出したのが「mixi」を書き直したもので、とてもよく出来てました。 mixiはテーブルレイアウトで組まれていて、基は3カラムだけど、もとがテーブルなだけあって、ヘッダーのメニューが少し複雑だったり、セクションごとのビジュアル的なデザインや、細かい文字の余白のとり方が難しい。 現在のCSSは「どんな見栄えも出来てしまう」とは言えない。当は言いたいのだけど、実際にはブラウザーのバグを回避するためにバッドノウハウを駆使したり、CSSの限界から、見栄えとは切り離すべきXHTML部分を調整しなくては再現できない見栄えがある。 けど、生徒の提出したものは、見栄えのためだけのdivも無ければ、ヴァリデーターだけを100点で通過するような機械騙しのXHTMLでもない。(一部、リストとしてマークアップできるところはある) もち

  • 効率よく育てやすくデザインする - tikeda's blog

    デザイナーが1人だと効率のよいデザインワークってのが肝で最近意識してる事です。 CSS 言わずとしれてますが、後でページ追加したり、機能追加する時など上の項目をコピーして書き換えただけで、デザイナーじゃなくても項目追加を簡単にできます。 テキスト要素はなるべく画像にしない 特にタイトルとか画像にすると、後でページ追加したり項目を増やすのにデザイナーの作業が入るので。なるべく避けてます。 シンボルイメージはグローバルなイメージで サービスシンボルは一番の特徴を捉えるだけのシンプルに(ダイアリーだと「日記を書く」、人力だと「質問と回答」)。細かい特徴を含ませると後で追加された特徴や削除された機能がある度に手を加えないといけないので。 シンボル作りはillustratorで粘る 特にサービスのシンボルや利用頻度の高いアイコンはどんな使い方をどんなサイズで利用されるかが分からないので、photoh

    効率よく育てやすくデザインする - tikeda's blog
  • 多くのユーザーは一度に1本しかジュースを買わない ― @IT

    ユーザビリティのヒント(1) 多くのユーザーは 一度に1しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。(編集部) 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ

  • 企業のWebマスターのための「せめてこれだけは使っておこう」 : DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 Webマスターの悩み会社からは「いまの時代、Webが重要だ」と言われ、Webマスターに任命されてはみたものの、まわりの人間や上司はぜんぜんWebについてのリテラシーは高くなく、かくいう自分も人のことは言えず、SEOやブログって言葉くらいは知ってるものの、流行のWeb2.0もなんだかよくわからないし、一体、これから何をどうしていけばいいんだろう? きっと、そんな悩みを多く抱えるWebマスターの方って結構多いんじゃないかと思う今日この頃。 とりあえず、自社のWebサイトをどうにかしようと、業者に頼んでみたものの、彼らが使う言葉はいまいち理解しきれなくて、それこそユーザビリティだとかアクセシビリティだとか、グローバルナビゲーションだとか適切なマークアップだとか、ターゲットブラウザ

  • PingMag - 東京発 「デザイン&ものづくり」 マガジン » Archive » mixiをより良くするためには

    ED治療薬(勃起薬)は様々な違いがあります。持続時間、作用時間、効果の強さ、事の影響などの比較をご紹介しています。 サイトマップ ED治療薬(勃起薬)の比較・違い ED治療薬(勃起薬)は、現在のところ4種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬! バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか? バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療

  • caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる

    Vendre un bien qui est loué en Poitou Charente : les droits du propriétaire et du locataire Vous avez investi dans un bien immobilier que vous louez à un particulier angoumoisin. Mais aujourd’hui, vous souhaitez vendre ce bien et il est encore occupé par vos locataires. Quels sont vos droits et que devez-vous respecter ? Vendre un logement occupé à Angoulême (16 000) Le mieux est de disposer libre

    caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる
  • 1