webデザインに関するishinojiのブックマーク (4)

  • アイトラッキングから検証した、使いやすいフォームの10のポイント

    Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22~33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。 Web forms design guidelines an eyetracking study 以下、10のガイドラインからポイントのピックアップです。 1. Vertical, not horizontal 水平ではなく、垂直に フォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。 可能であれば、各ラベルも垂直方向に揃えて配置してください。 2. Left-aligned labels are clearer (anecdotally) ラベルは左寄せにすると、よ

    ishinoji
    ishinoji 2009/06/04
    この程度のことをアイトラッキングで検証しないとわからないのであればWeb屋やめたら。
  • DevDo:WebbingStudio(090426)

    「DevDo:北海道開発オフ」の第9回勉強会で使用した、ライトニングトーク(全然ライトニングじゃないですが)のスライドです。Read less

    DevDo:WebbingStudio(090426)
    ishinoji
    ishinoji 2009/04/27
    すばらしい。こういう人と仕事したい。
  • テキストを反射させる方法 / ウェブデザインライブラリー

    投稿日:2008年1月15日   レベル:初心者    ソフトウェア: 今回はテキストの反射についてお教えします。皆さん当はこのテクニックを他のデザインにも使っているのではないかと思います。それでは始めましょう。 Step1 : ドキュメント作成 Step2 : 文字を書く Step3 : テキストレイヤー効果 Step4 : テキストの反転 Step5 : クイックマスクモード Step6 : クイックマスクモード Step7 : 完成 Photoshopを開いてドキュメントを作成します。サイズは400ピクセル×200ピクセル、背景は白です。 新規レイヤーを作成して、「gradient_background」と名前を変更し、「グラデーションツール」で、最前面を「#999999」に設定して背景を「白(#ffffff)」にします。ステージの下から上に向けてドラッグすると、次のようになります

    ishinoji
    ishinoji 2008/01/15
    ウチのスタッフがこの手法を再確認してくれますよーに!
  • ベア速 やる夫がWEBデザイナーになるようです

    3 名前:以下、名無しにかわりましてVIPがお送りします。[] 投稿日:2008/01/12(土) 03:03:00.97 ID:iSiNomjo0 【8年前某日】 ____ /      \ /  ─    ─\   ソースコードかけるしいけるかな? /    (●)  (●) \  どれ、求人雑誌に載ってるし応募してみるか。 |       (__人__)    | ________ \      ` ⌒´   ,/ .| |          | ノ           \ | |          | /´                 | |          | |    l                | |          | ヽ    -一ー_~、⌒)^),-、   | |_________| ヽ ____,ノγ⌒ヽ)ニニ- ̄   | |  | ※8年前の黎明期であ

    ishinoji
    ishinoji 2008/01/15
    そう、サイトだけ作っても宣伝しなくては売れるわけねーのです。
  • 1