まれにWebサイトを設計する上で、意外と軽視されがちというか、深く考えずにずらずらとコンテンツが横並びされるパーツ。それが『メニューバー』です。今朝色々と見て回っていたら、あぁ確かにと思った記事があったので、今回はメニューバーに焦点を当ててみようかと。 メニューバーの２つの役割 Important Elements of a Successful Web Page Design （成功したWebページデザインの重要な要素） この記事をみてはっと昔を思い出した訳です。 10年前にさかのぼると、私も結構いい加減な仕事をしていた時期がありました。 というのも、私のWeb制作は全て独学であり、学校ではCADを教わったくらいで・・・。 WindowsPCを買ったのは18歳で、そこからネットにはまり、本屋をあさって学んだ訳です。そのころのネット接続といえば従量制だったので、ネットで気軽に調べるなんて事

就職活動にFacebookが効いてしまうという日本において、学生たちは塗固めたくだらないキャラクターを作るだけで良いという状況が続いているようで。 キャラクターを作るだけ 私もこれ見て思ったんですが、どうやら違う感想だったようで。 【FaceBookに集るハイエナ達は消えて欲しい】 昨日の朝、NHKのニュースを見ていたところ「FaceBookの活用が就活のカギになる」といった主旨の特集をしておりました。それが寒々しく覚えたのでそのことについて。 その放送の中で、どこかの企業の人事担当者とされる方が新卒応募者のFaceBookページ探し出して 「彼はおとなしそうに見えるけど友達が200人以上いて、意外と社交性が高いよ」 「投稿内容が前向きなものが多くていい感じ」 「こういうコメントが多いのは信頼される人望やリーダーシップを有しているのではないか」 なんて、したり顔で語っている。また、学生側に

今回は多くのブロガーがネタを考える時、探すとき、発見するときに使う視点と、それを記事にするときに利用する妙技をご紹介。最初6個くらいかなと思ってスタートしたら27個とかになってしまい、勝手に命名していますがご愛嬌でお願いします。 ネタを作る方法が良く分からない場合や、ネタが無い場合。そんなときに思い出してもらえればと思います。 １）串刺し バラバラになった記事を一つにまとめるキュレーション。 それぞれがバラバラの時は意味をなさないが、まとまると一つの価値が生まれる。 逆にそれぞれに価値があった場合でもきちんと整備する事で昔の情報に価値をつけることが出来る。また、全く異なったジャンルのモノでも、「人生がつらいときに見るべき記事」といった方法で一つの考えや感情にぶつける事で同じく価値が生まれる。 ２）中刺し 別々の記事の中で、同様の話題について触れられている事をカウントしたり、測定したり、まと

今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし

フリーの画像編集ソフト『GIMP』のまとめ。 GIMPは高機能でありながらフリーのオープンソース画像編集ソフトです。 フォトショップは高価なもので、自宅の趣味での画像編集にまで使えないという人もいるだろう。 そんなときはGIMPを使ってみるといいかもしれませんね。 本体ファイルのダウンロード ・Windows版 ・Mac OS X ・Linux版 インストールした後に GTK+ Runtime Environment　→　Select languageで日本語にしておけば日本語もいけます。 インターフェイス使いやすく すこしでも使い慣れたフォトショップインターフェイスにしたいという人は、以前も紹介した日本語ローカライズを導入するといいだろう。 Photoshopユーザーのための日本語ローカライズ これを導入することで、フォトショップに似たインターフェイスで作業を行うことが可能となる。 また

ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。 はたして、webサイト運営がどのように変わったのでしょうか。 ネットショップを運営している新規クライアントから、サイトリニューアルの依頼がありました。初めてのご依頼だったので、まずはヒアリングから開始。今回のリニューアルは、サイトであまり物が売れず、□□（私が作ったサイト）のように売れるようにして欲しいとの事でした。 しかし話をよく聞くと、当初サイトを作ったときは、ただ作っただけで、特に運営方法についてはアドバイスが無かったとのこと。私はリニューアル前に1つだけある事をするようにお願いしました。その方法とは、実はサイトをいじる事ではありません。結果、売り上げが5ヶ月で3倍になりました。 実は最近、webサイトを制作する側も、データに依存しすぎて、大事な事を忘れているケースが多かったりす

ちょいと古めのうっとりくるサービスやエントリーを持ってきました。 なんて事はない。私がお勧めする2009年度に話題になったwebサービスや、ジェネレータを中心に、厳選してお届けいたします。 Twtiiter関連多し Twitterプロフィール検索 その名のとおりついったーのプロフィールを検索する検索エンジン。同じような趣味を持っている人を探すときなどに使われる。 ついったーの友人関係を可視化するwebサービス 友人関係というか会話関係があられもない姿で現れる恐ろしいサービス。 TweetLevel ついったーの影響力を測定するサービス。 影響力というか戦闘力。やってる事は単純なサービスなんだけど、こうやってしっかりデザイン組んで作り上げるところが本当に参考になった。どんなサービスであれ、愛情は見習わなければならない。 Twib - Twitter ホットエントリー Twitterでのホッテ

多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。 Yahooサーチエンジンのアルゴリズムなんかによく泣かされた事があったけど、webサイトっていうのは結構リピーターを作りやすく施工しておく事で、あまりそういった影響をもろに受けずにすみます。 webサイトと、エンドユーザーとの道。 ユーザーパイプライン。 これを整備しておくと、サーチエンジンの気ままなアルゴリズムの変動がきても、涙目になる事もないのです。 パイプラインを作る意味 ビジネスサイトにおいて、いったい何が重要なポイントになるかというと、多くの場合、そのほとんどがリピート率と検索エンジンからの訪問者数となります。 リピート率が高いサイトは比較的物が売れやすく、また、検索エンジンからの訪問者数が多いと売るためのチャンスがほかのサイ

『web制作の現場で使う jQueryデザイン入門』 jQueryを、プログラムとしてとらえるのではなく、デザインとしてとらえて解説している一冊。 つまりデザイナー向けの攻略本となっている。個人的に超お勧めの内容だったのでご紹介。 この作者は、西畑氏です。 何度か私のブログでもjQueryの記事かいてるのですが、そのときに色々教えてくれたto-Rのあの人です。 2010年2月15日発売予定で、書店では明日買えるようです。 「JavaScriptとしてjQueryに興味を持っている」という人よりも、「ウェブデザインをもっとクリエイティブに表現したい」という人のための一冊です。 目次 第1章　jQueryを始める前に。 ここでは、jQueryとは何なのか？あたりからきっちり説明されてます。 ある程度知ってる人は飛ばしちゃってもいいかも・・・。 第2章　サンプルで学ぶjQueryの基本 HTML

比較的大きなファイルのやり取りが多くなるのが、フォトショップやイラストレータ等で出来上がったPSDファイルやaiファイル等の受け渡しです。 こういうのを楽に受け渡しできるのがオンラインストレージです。 メール等では巨大すぎて、送信できなかったり、受信できなかったりということがあるからですね。 そこで今回は、大容量の25GBのオンラインストレージを無償で提供してくれるマイクロソフトのサービスと、ウェブブラウザを立ち上げなくても、まるで普通のフォルダにファイルを出し入れするような感覚で操作出来るようになる「SkyDrive Explorer」を導入してみた。 これは2009年窓の杜大賞で、銅賞を受賞したフリーソフトですね。 何がどうなる？ 自宅、会社間のデータのやり取りが楽。爆発的な人気サービス、dropBoxと比較するとHTTPSプロトコルによる暗号化通信が可能な為、完全ではないがデータのや

はじめに 基本原則として、個人、商用で使えるフォントもご紹介いたしますが、転売はしてはいけません。 フリーだからといって、作品を販売する事まで許可されているサイトは今回紹介する中にはありませんのでご注意を。 また、個人なら無償で使えると言うフォントもフリーという言葉でくくっております。 その場合、注意書きを全て書きましたが、この記事が古くなったときに、実は商用でも使えるようになってたり、もしくは、商用で使えなくなってたりと言う『利用規約の変更』が行われる場合も考えられます。 そのため、なるべく御自身の目でライセンスの確認をするようお願いいたします。 また、これらのフォントはphotoshop、及びillustratorを対象に作ったと言う方が多いです。 動作がうまくいかなかったり、不具合をおこしても、提供元、紹介元（私）は一切の責任を負いませんのであらかじめご了承願います。 英語＋フリーラ