[B! Design][hatena] s1090018のブックマーク

はてなブログのデザインの裏側 - Uedayworks::HatenaBlog

このエントリーはHatena::Staff Advent Calendar 2011のために書かれたものですはじめまして。最近は映画けいおんが生き甲斐のuedayです。 11月8日にクローズドベータリリースした「はてなブログ」のデザイン全般を担当しました。裏側というほどの話ができるか微妙ですが書いてみます。開発チーム開発チームは、エンジニアid:cho45／デザイナーid:ueday／ディレクションid:onishiです。デザインはクオリティチェックをid:tikedaに依頼して、適宜フィードバックを貰いながら進めていきました。このほかに制作スタッフが数名います。プロジェクトが立ち上がったのが8月1日だったので、開発期間は約3ヶ月です。アルファ版完成が異常に速く、開発2日目か3日目で記事投稿ができるようになり、5日目でアルファ版を社内リリース。choさんほんとすごいなって思いました

s1090018 2011/12/15

リンク

第1回　「使いやすさ」について改めて考えてみよう

皆さん，はじめまして。このたび，「技術者視点のユーザビリティ考～使いやすいサイトへのアプローチ」というタイトルでこちらで連載させていただくことになった水野貴明です。私は株式会社はてなという会社でエンジニアとして働きながら，技術系のライターをやっています。株式会社はてなは，ブログサービスである「はてなダイアリー」や，ソーシャルブックマークサービス「はてなブックマーク」などのサービスをウェブ上で展開している会社です。本連載では，ウェブ系のエンジニア（もう少し厳密に言えばプログラマやデータベース設計，システムデザインなどを行う人間）としての立場から，ウェブサイトの使いやすさをどのように実現していくのか，ということを，筆者の経験やそれを通じて考えたことなどを含めて，お話ししていければと思っています。よろしくおねがいします。サイトの使いやすさはデザイナーの領域？まずは第1回ということで，ウェブ

s1090018 2006/10/30

リンク

HatenaをXHTML+CSSで組みなおす

授業中、生徒は課題制作で忙しく僕は用無し。ってことで、○○○をXHTML+CSSで組みなおすシリーズ(?)第二段を勝手にこっそり作ってた。なるべく皆が知ってるサイトで、コーディングが楽しそうなサイトを探してたのだけど、なかなか決まらず、結局、生徒のリクエストでhatenaのトップページを組みなおす事にしました。 hatenaは一部レイアウトにテーブルを使っているものの、基本はCSSでの段組がされているので、mixiを組みなおすような大きな軽量化は出来そうにない。なので、楽しみ方としては、いかに無駄なマークアップを減らしてシンプルなXHTMLで同じ見栄えを再現するかだ。これがまた、パズルで遊んでいるときの感覚に似ていてとっても楽しい。近い将来、CSSで１つの要素に複数の背景画像がおけるようになったとき、このパズル感が失われてしまうと思うと残念でならない。(半分ホンキ) で、帰ってきて手直

s1090018 2006/05/25

リンク

料理人に最も必要なものは舌である - jkondoの日記

料理人に最も必要なものは舌なんだなあと感じたのはNHKのテレビ小説ほんまもんを見ていた時なんですが、包丁捌きとか調理のテクニックではなくて、うまいかまずいかを感じられる舌が最も重要なんですよね。これはよく誤解されているような気がするのですが写真家にしてもそうです。カメラを使いこなすテクニックとか知識じゃなくて、どういう映像が最も感動的かということが分かる視覚というか感性が最も大事で、その個性が作家性を定義すると思います。今日はデザインの話を社内でしていて、まあ具体的にはダイアリーの編集画面について話し合いをしていた訳ですが、デザインもアイコンの色がどうこうとかいう以前に、まずデザインを目の前にして良いと思うか悪いと思うか、舌が効くかどうかという感性が大事で、うまい料亭に通う食通が全員料理人では無くとも、そうした食通らが料理人の腕を育てるように、ものづくりに関わる人間が舌を鍛えないと味は

s1090018 2006/05/21

リンク

効率よく育てやすくデザインする - tikeda's blog

デザイナーが1人だと効率のよいデザインワークってのが肝で最近意識してる事です。 CSS 言わずとしれてますが、後でページ追加したり、機能追加する時など上の項目をコピーして書き換えただけで、デザイナーじゃなくても項目追加を簡単にできます。テキスト要素はなるべく画像にしない特にタイトルとか画像にすると、後でページ追加したり項目を増やすのにデザイナーの作業が入るので。なるべく避けてます。シンボルイメージはグローバルなイメージでサービスシンボルは一番の特徴を捉えるだけのシンプルに（ダイアリーだと「日記を書く」、人力だと「質問と回答」）。細かい特徴を含ませると後で追加された特徴や削除された機能がある度に手を加えないといけないので。シンボル作りはillustratorで粘る特にサービスのシンボルや利用頻度の高いアイコンはどんな使い方をどんなサイズで利用されるかが分からないので、photoh