タグ

uiとformに関するnitoyonのブックマーク (5)

  • 規約や注釈など、「見せたくない要素」をうまく扱う画面設計 4つのポイント - Feel Like A Fallinstar

    久しぶりにユーザビリティねたを続けて。 企業のサイト特有の事情として、「ビジネス制約の関係から(載せたくもないものを)画面に載せないといけない」ことが多くあります。 具体的には 事情を知らない誰か(※詳細はご想像ください)が、「これ入れないといけないだろう」と言う → そういう人に限って、最終決定の権限を持っていたりして、、、 利用規約などの説明を延々行わなければならない サービス紹介の過程で、どうしても自社が弱いスペックも見せざるを得ない といったところでしょうか。 そこを何とかうまくやりくりするのも画面設計のスキル。 見せたいものと見せたくないものを両立させている画面を今日は紹介したいと思います。 1. 右カラムを有効活用する Doda転職サポートお申し込みフォームの例です。 「利用規約などの説明を延々行わなければならない」を綺麗に回避したページ。 通常1カラムで組むフォーム部分の右側

    nitoyon
    nitoyon 2009/02/22
    見せたくないけど書かなきゃいけないことを、目立たないように書く方法。実例のキャプチャ付き。右カラムに書く、強調せず平坦な文で書く、背景をグレーに、横線を引く。
  • どうしてこうなった!?不満だらけの日本の今|パチンコ やり方

    格差問題、働き口の無い人々、増え続ける自殺者などなど……このサイトでは現代の日が抱えている様々な問題についてまとめました。 どうしてこうなった!?~不満だらけの日の今~地域格差に所得格差、ホームレスニートの増加、自殺者も増える一方…一体今の日はどうなってるんでしょう?このサイトでは現代の日が抱えている様々な問題についてまとめました。 格差社会(かくさしゃかい)とはある基準をもって人間社会の構成員を階層化した際に、階層間格差が大きく、階層間の遷移が不能もしくは困難である(つまり社会的地位の変化が困難、社会移動が少なく閉鎖性が強い)状態が存在する社会であり、社会問題の一つとして考えられている。 学問的には、社会学における社会階層研究や、教育社会学における不平等や地位達成研究(進学実績、教育志望、職業志望研究)、経済学における所得や資産の再分配研究と関連している。 「格差社会」というこ

    nitoyon
    nitoyon 2009/01/04
    不満を入力して豚を飛ばす。手書き風の入力フォームやランキングUIが秀逸。
  • Pattern Tap : Interface Collection for Design Inspiration

    A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.

    nitoyon
    nitoyon 2008/11/15
    Webデザインの目的別カタログ集。COLLECTIONS にForms、Icons、Search、404などのジャンルごとのサイトデザインがまとめられている。ユーザ登録でお気に入りをサイト内にメモできる。
  • form の内容がデフォルト値から変わったら色を変える JavaScript コード - swk's log

    * form の内容がデフォルト値から変わったら色を変える JavaScript コード [mform] 103 users これが便利だといえる状況はだいぶ限られてはいるのだけど.文字を入力したり,チェックボックスを押したりしてデフォルトの状態から変化すると,そこの色を変えるような JavaScript のコードを書いてみた. といってもわかりにくいと思うのでまずデモ: http://www.kagami.org/mform/mform_demo.html 適用したいページで,こんな JavaScript コードをロードします. (function(){ var color_modified = '#ffff88'; var reset_when_reloaded = 1; init(); function init() { var fs = document.forms; for (v

    nitoyon
    nitoyon 2007/01/13
    バリデータも混みで実装したらユーザビリティが向上しそう。
  • 入力フォームのユーザビリティ&アクセシビリティ

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    nitoyon
    nitoyon 2006/12/16
    分かりやすい入力フォームとは
  • 1