新米デザイナーの日報|design tracks » 学び

JIS X 8341-3:2010が公示されました。

ts — Thu, 26 Aug 2010 22:24:41 +0000

今年の8月20日に公示されたようです。
今年中という感じだったので、まだまだ先かと思ってました。

概要や検証方法のセミナーに参加予定なので、学んできます。

IEで表示確認する際に活用すると良いもの

ts — Thu, 26 Aug 2010 22:19:20 +0000

IEでデバック、検証する際に使っているものをピックアップしました。
改めてな部分満載ですが。

xray

ブックマークレット型で見たい部分をクリックするとDOM属性を表示してくれます。
ただ、細かく数値を変更したりはできず確認するだけなので、あんまり使用することはないです。

firebug lite

よく使うのはfirefoxのアドオンでもおなじみの、firebugですね。
こちらもブックマークレット型で、機能に制限はあるものの十分です。

IE Developer Toolbar

これはIEのアドオンでリリース当時はめちゃくちゃ使ってました。
firebug liteを知ってからあまり使わなくなりましたが、たまに使ってます。

少しずつIEとは仲良くなっているものの、相変わらず苦労する時があるのですが、上記のモノは重宝してます。

デザイン勉強会3rdに行ってきました。

ts — Mon, 01 Mar 2010 15:25:49 +0000

1月に参加したセミナーで、自分の中でまとめようと思っていましたが全くまとまらず、忘れそうなので備忘録までに。タイトル？は「デザイン勉強会3rd 〜10年後の自分をデザインしよう〜」というものでした。

■デザイン視点でのプロジェクトマネジメント（PM）
・どこにリスクがあって、どうカバーすれば良いか
・必要な成果をバランス良く全部とる（リソース、品質、スケジュール管理など）
・ディレクター＝webディレクターではない理由
webディレクターはその場その場をどうするか考えるが、PMは全てを考える必要がある
・クリエイティブの場合、特にデザインに関しては生産業ではないので、スケジュールの読みが難しい
※デザイナーにはリスクを分散させることを考える必要がある。→作業分担や複数人アサインするなど
・PMは手腕が大事（あるデザイナーとのやりとりの経験など）

経営的に、コストの稼働率を考える場合があるが、上から末端に「○○ぐらいのコストが…」といっても理解しにくい。しっかりと教育していくのが大事である。

★社会全体のほうから、モチベーション向上につながる何かをもっておくのも大事

・PMは一度頭の中でプロジェクトを終わらせている
・複数のプロジェクトが稼働している時に、全て同じペースでやると上手くいかない。ふつうか、まったりか、社運を掛けたものか、などなどでペース配分を工夫する必要がある。

■キャリアパスを見据えたチームマネジメント
・リーダーとメンバーをはっきりさせる（リーダーといってもメンバーの一人である）
・メンバーの職域をチーム内で共有する（職能とは、ライティングとコーディングができますとか。職域とは、個人が何をできるか。）
・職能の理解は、プロジェクト自体の設計や見積もりに役立つ
・職域の理解は、プロジェクトの進行にあたって重要
・スキルマップ（スマップ）を作る
自分たちが持っている、いないスキルを列挙する（自分たちの有するスキルがわかり、足りないこともわかる。把握するために…可視化する。自己分析にもなる。）
・同じタスクでも目的や視点の違いで成果がかわってくる。（コーディング一つとっても、単純に形にするだけか、SEOやアクセシビリティを考えたものなのか）
・プロジェクトを社内だけでやるか、社外も加えるかより、各々がお互いのスキルを把握することが大事である。
・チームのメンバーを固定にしすぎると組織としてリスクが高い。もちろん属人的なモノは仕方がない
（例：人数が100人いる会社のメリットが、50人がダウンしても残りの50人で対応できる点）
・リリース日に予備日を作る場合、PMだけが把握しておく方が良いかもしれない（予め伝えておくと、結局予備日も使ってしまうことが多いため。もちろん予備日は作らないに越したことはない。）
・スマップの申告は他社評価であることが大事→きっかけは自己評価の方がはじめやすい。
※これで給料が左右される（採点されてしまうので）と思う人がいるが、「キミの目標設定の参考にする」など伝え方を考える。

なんだかもりもりですが、このセミナーの前のプロジェクトで、「進捗管理」の部分がなかなか上手くいかなかったので、この辺りからヒントを得て「共有をどうするか」とか「そもそもどう進めるか」などをキックオフの際にがっつり決めてからスタートするようにしました。まだ進行中なので失敗するかもしれませんが変な不安感はないので良い方向には向かっているのかなと思います。

Zen-Coding導入してみました。

ts — Thu, 18 Feb 2010 21:45:09 +0000

個人的に最近目にしており、気になっていたので導入してみました。
今回dreamweaverに導入しました。

どういうものかというと（まだ慣れてないですが）、
div#container>ul.nav>li.item*3>a

で、「control+,」

のように展開してくれます。
サポートしているエディタも多いので、環境にはあまり左右されずにかつ、効率的に作業できそうです。

ブラウザの市場シェア

ts — Fri, 18 Dec 2009 17:35:24 +0000

各ブラウザのシェアが美しくかつわかりやすく表現されてます。
見たところ現在IEとFirefoxが9割ほど占めてます。早いとこ2〜3色の層ができることを願うばかりです。

CSSスプライトはスパム判定されるのかどうか

ts — Fri, 18 Dec 2009 16:48:50 +0000

先日googleのWebmaster Central Blogにて、cssを使用してtext-indent:-9999px;などとするやり方が良いかどうかということが書かれていました。

判断に迷った際は、「たとえ検索エンジンが存在しなくてもそのテキストを書いたかどうか」と考えてみてください。もし検索エンジンが存在しなくても、そのテキストがユーザーの利便性のために必要なものであると思われる場合、おそらくそれはガイドライン違反ではありません。

ということなので、googleではスパムと判定されないと見ていいのかもしれません。
合わせてCSSの話が上がっていたので、もしかしたらCSSの内容も見られているのかなと気になるのですが、わかりませんでした。

CSSスプライトを使用することで、サイト表示速度がずいぶん良くなったと聞いたこともあるので、社内で使用するかどうか検討していきたいと思います。

現在サイト高速化＋SEO施策を考える為に、いろんな人に情報を共有してもらったりしています。マークアップやCSSコーディングをする際に、その辺の知識があるのとないのとでは随分違いがあるので、時間があるときに今まで組んだものも見直していきたいと思います。

チェス風なサッカーが楽しめる「Teamgeist」

ts — Sat, 14 Nov 2009 16:49:26 +0000

オープニングからしっかり作り込まれてます。実際に海外のサッカー選手も出てたりするので、やっぱadidasすごい。
早速STARTを押してみると、グランドが出てきます。

上手いことコマを動かして、すると敵と向かいあいドリブルで抜かないといけません。
丸いとこをクリックすると上手くいきました。

1本目のシュートは上手く行かず、

2本目は…ゴール！！

1-0でギリギリ勝ちました。時間は短いですが、グラフィックが綺麗で結構楽しめます。

今週はモバイルday

ts — Sat, 14 Nov 2009 15:56:43 +0000

今週はモバイルについてあれこれ考えてたり、いろんな特集があったりでいつも以上に効率よく進めないとマズい週でした。
そんな中で自分なりにモバイルサイトを制作する上で今後も頭にいれておきたいと思ったことがあったので備忘録までに。

・marqueeタグ
まだまだPCに比べて通信速度が遅いので、画像等の容量を頑張って削っても全て表示されるまで少し待たないといけません。そんなときにmarqueeを上部（ファーストビュー）に入る位置に設定することで、ただ待つよりも何か読んでいる方がストレスが感じられません。

・背景色
サイトによりけりですが、まだ画像の横幅は240pxもしくは230pxで作成します。ですが、機種によりバラバラなので画像＋背景色を使うことを考えて上手くデザインすると、例えば各カテゴリーごとにタイトル画像で区切っていた場合、画像だけだと横に隙間ができたりしますが、できずにきちんと区切りがわかったりします。

・ページ容量
機種によって最大容量は違って100KBとかそれ以上、それ以下の場合がありますが、30KB多くても50KBぐらいに抑えないと個人的には離脱する割合がぐっと高まる気がします。ただこればっかりは対象機種によってもっと多くしたり少なくする必要があると思います。

・リンク
PCと違ってやっかいなのがリンクだなと最近感じてます。モバイルで画像リンクにすると作り方にもよりますが非常にわかりにくいです。理由は機種によりアクティブ時の枠線の色が違うのである携帯はわかりやすいけど、こっちでは画像と同化しちゃってわかりにくいなんてことがよくあります。なんで、画像にする時は一緒にテキストもリンクにしてあげることでわかりやすくなります。

他にもいろいろとあったのですが、忘れてしまいました。
今回はリニューアル作業を行いましたが、コーディングだけでなく構成とか数値系のとこまで考えて作業できたので充実感があります。これで結果も付いてくるといいのですが。まだまだ今年中にやりたいことがあるので密かに企画中です。来週もがんばります！！

「adidas×サッカー日本代表」

ts — Mon, 09 Nov 2009 14:51:40 +0000

また日本代表のサイトだなと思っていたんですが、最初のFlashがめちゃくちゃカッコいいです。烏の羽と音楽が合っていていいですねー。サッカーに夢中だった5、6年前と比べて随分ユニフォームも変わって…あの頃が懐かしいです。
全体的なアクションが統一されていて操作性も良いです。

さっきiPhoneのマップでストリートビューが見れることを初めて知りました。まだまだ知らないことが沢山ありそうです、全く使いこなせていたいですが。

You Tubeの画面が…

ts — Sat, 07 Nov 2009 11:50:46 +0000

yahooやmsnなどサイト全体を使ったフローティンバナーっぽいのがありますが、you tube版もあるんですね。
ゲームで馴染みのあるワリオ版も。