入力フォームって、基本的に忌み嫌われるもの。項目がたくさんあると、そっとタブを閉じたくなる。 旅行に行くときに、いろいろな旅行会社の入力フォームを見たけど、あまり使いやすくなかった。というか、見た瞬間に入力する気が失せてしまうような入力フォームが多かった。 入力フォームの多いページに関わることがあるので、入力フォームに関する資料をいろいろ読んだ。タブを閉じられないように、使いやすい入力フォームを考えたい。 入力フォームについて読んだもの 参考になったのはこれらの資料。どの資料も新しいものではないけど、参考になることはたくさんあった。 僕は英語が苦手で、そんな僕が読んだ感想を書くので間違いがあるかも。間違っていたら教えてください。詳細は原文を読んでください。 RIAC：RIAコンソーシアムユーザビリティガイドライン LukeW | Web Form Design Best Practices

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

経営支援ガイドとは 経営支援ガイドは、起業家の皆様のお困りごとに伴走する資金調達支援のプロ、株式会社SoLabo(ソラボ)が 事業経営を加速させたい全ての方にとって役立つ知識・ノウハウをお届けするメディアです。

前々から思っていたんですが、住所を入力する際に全角で入れてくださいという指定をされていることがよくあります。これ、毎回イラッとします。 住所が全角だろうが半角だろうが、システム側で勝手に変換制御してくれよって思います。システム上、全角でないとマズイかどうかは利用者にとっては関係のないことです。 例えば、住所が福岡市天神1-2-3だった場合、福岡市天神１−２−３と入れなおす。そうすると−が全角ではありません。と出てきたり…。この「ー」もたくさん候補があるので、どれが全角だったっけ…と何度か試すこともあったり。まぁ、１丁目２番地３と書けばいいんですが。かたや、電話番号は半角で入れてくださいとか、まぎらわしい。 そのほか「住所の文字数がオーバーしています」って出てきたこともあります。マンション名が記入できませんでした。しょうがないので、マンション名をイニシャルで省略しました。小さなことかもしれま

TypeKitとかがやってるWebフォントの読み込みが終わったらhtml要素にクラス名を振るアレの話。TypeKitがオープンソースでリリースしているWebFont Loaderを使う方法が安全で安定。Googleがホスティングしているのもあるので手軽でもある。でも読み込み完了の検知以外にも機能があってパワフルすぎる気がするので、Adobe Blankを使って自前で書いてみることにした。 Adobe Blankのサイズ削減 Adobe Blankはそのまま使うと30KB以上ある。読み込み完了検知だけなら幅0のグリフが1つあればそれで良いので、まずはサブセット化してサイズを抑えることから。aだけのWOFFなAdobe Blankを作ればちょうど1KBくらいになる。 Download: adobe-blank.woff @font-face定義の追加 外部リクエストにすると意味が薄れるのでDa

はい、今日も会社に泊まりです。納期がやばいです。現在午前3時38分で、私のフロアーには誰もいませんが、上の階にはまだ働いています。 学生の頃は「徹夜で作業だ、わーい。わっしょいわっしょい」とお祭り気分になりましたが、社会人になると、「会社に泊まって作業をするなんて、恥だ」と思うようになり……　いやー、そんな立派なもんでなく、「取引先に隕石が落ちないかな〜」と小学生のような夢想をすることが多くなりましたね（涙）。 さて、あんまり経験したくない会社での泊まり作業ですが、社畜人間ベムとして、経験を積んできました。いまでは快適に泊まるすべを身につけたので、皆さんにもお伝えし、企業戦士として24時間戦って欲しい次第であります。それで見ていきましょう。 （1）仮眠は必ずとる 明日の朝に納品したらゴール！　といった場合は完全徹夜しても、その後寝ればいいのですが、会社に泊まって完全徹夜したからといって、た

パワーポイント(Power Point)のスゴ技10「パワポ」の愛称で親しまれているパワーポイント(PowerPoint)。直感的に操作できるものの、ちょっとしたテクニックを知っているのと知らないのとでは大違い！ 効率よく美しいスライドを作って、テンポよくカッコいいプレゼンをするために、覚えておくと得する10のスゴ技をご紹介します。

Dumb Little Man：幸せになるためにやめるべき8つのことと、その代わりにすべきことを紹介します。 行動を変えるには努力が必要になります。ただ、真剣に取り組めさえすればこれまでの自分から抜け出して幸せになれるでしょう。取り組む準備はいいですか？ 1．マイナスのオーラを放つ人に気持ちを削がれないようにしよう 人は周りに影響を受けがちです。そんな中、ネガティブなことばかり言う人といつも行動するとどうなるでしょう？　両親、兄弟姉妹、親友、配偶者や同僚...。彼らはいい人たちかもしれませんが、あなたに否定的な態度を取っているのかもしれません。 そんなときには逆にポジティブな態度を取るようにしましょう。あなたが肯定的に振る舞うと、どんなにネガティブな人でもあなたには明るく接したり、あなたがそばにいるときだけは良い雰囲気を保ったりするようになるでしょう。 2．自分の決断を批判しない どのチー

最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き

ブルーライトカット眼鏡の代わりに利用しているFlux果たして本当にブルーライトカットの効果があるのかわかりませんが、目に優しいのは使っていて実感しています。色をちゃんと見ないといけない時にはオフにすることもできるので便利。 もうPC用メガネ不要！色調温度を調整して目の疲れを軽減する無料アプリ「f.lux」 | 男子ハック@JUNP_Nです。JINS PCなどブルーライトを軽減して目の疲れを軽減させるPC用眼鏡が流行っていますが、眼鏡男子としては「眼鏡は体の一部」。JINSやZoffなどの眼鏡は使いたくないのです。でも目は疲れるから恩恵に与りたい気持ちはある。そんな人に最高のアプリ「f.lux」のご紹介。

検証したパターン 調査結果 全アクセスのコンバージョン率（CVR） 結果は下記の通りとなりました。 なんと！緑色がもっともCVRが低いという結果になりました。 どうやら、無条件に「緑色のボタンはクリック率が高い」という結果にはならないようです。 Firefoxをダウンロードしたユーザーと、ビーワークスの採用に応募しようとしたユーザーには、何か違いがあったのでしょうか？ 「どこから流入したか」によって結果に違いがあった 調査対象ページにアクセスしたユーザーは、何かきっかけがあって、ビーワークスの採用に興味を持ってアクセスしているはずです。そこで、どこから流入したのか、「参照元」のセグメント別に結果を分けて分析してみます。 こうやってセグメント別に分けてみると、参照元によってCVRの平均値自体に大きな差があることがわかります。CVR順に並べると、検索 ＞ WebNAUT ＞ なめぱら という結

box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな

どうもー！！最近2011年春モデルのMacbook Proが重量的な意味で重すぎて、もうぼちぼちAirにしたいセナです。 まー、もしAir買ったらまたどうせアプリ入れ直すだろうし、必要な物だけチョイスして整理して入れたいし「あのアプリは必要だ、あのアプリは要らない」とか、たぶんそんな試行錯誤だけで1日以上を費やすかもしれない… オマケに、どうせ近い未来また新しい機種なり何なりが出て、同じ事を繰り返すことになるのは目に見えて居る… 僕、面倒くさいの大嫌いなので、これはなんとかして時間節約出来んもんかと思ったわけです。 と、いうわけで。今日は2013/08時点で「いや、これは自分的に天地がひっくり返ってもとりあえず必要でしょ。」ってアプリを全部一箇所にまとめておくことにしました。 まぁ、必要になるかはさっぱり分かりませんが、こんな記事でもとりあえず書いておけば将来の僕が「ビバ俺！」ってなってる