CMS導入前にしておきたい質問
今注目されている Micro CMS 従来は Joomla, WordPress, Drupal, Movable Type 辺りから制作者の肌に合うツールを選ぶ場合がありました。これらは今でも十分に使える高機能 CMS ですが、機能が多過ぎることから、メンテナンス、運営、ワークフローをしっかり設計していないと、複雑で扱い難いものになることがあります。無料から使える小中規模 CMS は出そろった感がありますが、ここ 1, 2 年ほど新しい CMS を幾つか見かけるようになりました。 Pico : 静的ファイルを管理する CMS Dunked : ポートフォリオに特化した CMS Koken : こちらもクリエイティブ向け CMS Leeflets : 1ページサイトを手軽につくる CMS Ghost : Markdown で書けるブログツール Dropplets : こちらも Markdo
OmniGraffleを便利に使うあれこれ
制作のためにいろいろなソフトを使っていますが、数年経っても相変わらず使っているもののひとつに OmniGraffle があります。ダイアグラムやワイヤーフレームを手軽に作れますが、多機能なので奥が深いソフトのひとつ。以前もOmniGraffleを使ったテンプレート作りで便利な使い方を幾つか紹介しましたが、今回も最近（やっと）見つけたものも含めて6つ紹介します。 下準備を忘れずに Webサイトのワイヤーフレームを作るのであれば新規文書をそのまま使わず、キャンバスのサイズをきちんと調整しましょう。ディフォルトではルーラの単位がインチになっている場合もあるので、まずはピクセルに切り替えます。グリッドの間隔もインチではなくピクセルにしておくと設計がしやすくなります。OmniGraffleでは、グリッドをオブジェクトに手前に表示させることが出来るので、厳密な設計を好む方は手前に表示したほうが作りやす
インターフェイスとしてテキストをみたときに考慮すること
サービス、製品の解説するためにマニュアルやスクリーンキャストを作ることがあります。しかし、利用者はのんびり説明に耳を傾ける余裕がないときもあるわけですから、使っているうちに覚えてもらえるようなユーザーインターフェイスを必要とします。Webサイトをはじめ様々なシーンでいえることですが、すべてのアクションはテキストから始まっています。それゆえ、見た目を考える前にテキストでどのように簡潔に説明できるかを模索する必要があります。 例えば Twitter をみてみましょう。機能が少ないシンプルなサイトですが、UI 要素をすべて省いてしまうと状況が大きく変貌します。タイムラインを読むことは可能ですが、返信がしたい、設定を変えたいといったアクションを起こすことが出来なくなります。テキストは私たちが何かしたいときの道案内をしているということがテキストを省いてみることで改めて気付かされます。アイコンで補助で
Bandcampが提案する今時の音楽販売
もう１年半くらい前からありますが、Bandcampは音楽系のサイトではトップレベルのサイトです。デジタルミュージックを販売するサイトはたくさんありますが、ここは幾つか工夫がなされています。 音楽配信に最適化されたカスタムページ 非圧縮ファイルをアップロードすれば、複数フォーマットに自動変換される ミュージシャンは無料から有料まで自由に設定できる 音楽に反応して動くビジュアライザ付き リスナーが値段を決める形式にも対応 低音質は無料で高音質は有料という分類が可能 豊富な共有オプション どの音楽を最後まで聴いて、どれをスキップしたのか分かるアクセス解析 自分の音楽が何処で話題になっているか分かるリファラ表 ソーシャルメディアを利用するユーザーを意識したデジタルミュージック販売のひとつの形を Bandcamp は提案しているわけですが、デジタルだけでなく CD/レコード販売でもおもしろい試みを始
読まなくなった私たちと「読む」の今後
今、書籍を読む人たちはどれくらいいるのでしょうか。学生の頃はたくさん読んでいましたが、今は減ってきています。そもそも書籍を読むということが時にストレスがたまることも少なくありません。はやく要点に辿り着いて欲しいと感じる事もあれば、検索が出来ないのでとても不便と感じることもあります。 お菓子コンテンツが愛される 少ないメッセージやちょっとしたリンクであれば Twitter で十分役割が果たせるので、このサイトでは情報を盛り込んだ読み応えのある文章にするよう心がけています。Web には他にもたくさんの長文と呼ばれる記事はありますが、本のボリュームで考えると数ページの話です。それですら私たちは「あとで読む」とタグ付けをしてブックマークの奥底に放置します。むしろ、長文は読者受けされにくく、ザッピングに最適化されたリストや Tips が多いのが現状です。 このサイトでも長文かリスト形式の Tips
私にとってテクニカルアートディレクターの意味
Twitterでは、自分の趣向に合ったサイトをリンクしているだけということが多いですが、たまに仕事に関係したことを書いていることがあります。先週ですが、以下のようなことを書きました。 優れたマークアップをする方はテクニカルアートディレクターみたいな存在になっていくのかな。既にそんな方いるけど。 — Yasuhisa🗯 (@yhassy) November 12, 2009 Twitterの文字数ではどうも説明しきれない部分があるので、この場で少し補足しておきます。 マークアップする方は印刷機？ 単価数百円のマークアップサービスがあるように、見た目のデザインを再現するという意味でのマークアップの価値は下がっていく一方です。もし見た目を形作るだけでマークアップがあるのであれば、それは当然のことです。紙の印刷業も同様で、見た目の再現の水準が同等であれば、あとは価格しか残りません。Dreamwe
404ページのデザイン提案【前編】
Twitterのほうでひっそりと告知しましたが、404ページのデザインを変更してみました。なぜこんなところから始めたのかというと、サイト制作でいつも後回しになってしまう部分なので考えてみたかったですし、1ページ完結型なので早く形に出来るというのが理由です。いわゆるエラーページなわけですが、「見つかりませんでした」という結果表示ではなく何か補助出来ないかというのがテーマでした。 機械的なエラーの表示の仕方はケアが必要です。多くの利用者はエラーをみると、たとえシステムエラーでそうなったとしても、自分のせいにしてしまう場合があります。メッセージの出し方によっては「何か誤操作をしてしまったか」「そもそも何が起こったの？」「もしかして壊した？」といった感情を引き出してしまう可能性があります。利用者が悪くないのに、悪いと突き出してしまうような見せ方だけは避けなくてはいけません。 専門用語を使ったり、簡
IE6から先へ行くための提案が必要
YouTubeやDiggといった海外でアクセスの多いサイトが次々と IE6 のサポートを中止する動きを見せています。YouTube は他のブラウザに変更するメッセージの表示以外に具体的にどのようなサポートを止めるのかが分かりませんが、Digg では、コメントや Digg ボタンといったサイトのコア機能のサポートを止めることを考えているそうです。このニュースに影響されたのか、Twitter では、「IE6 Must Die」が、トレンドトピックにランクインしましたし、Twibbonを使った運動も展開されています。 ここ数年ほど、私は最新のブラウザで作りたい形を組み立てて行き、IE6 での表示をどう調整するかという進め方にしていますが、提案したいアプローチが場合によって IE6 では厳しい場合があります。JavaScript を使えば擬似的に CSS2.1 CSS3 のセレクタが使えるとはいえ
2009年的な影響力をもつ方法
今日 kengoさんの tweet 経由で Twitter Grade というサービスを知りました。Twitter上での影響力を調べるツールで、点数も付けてくれます。どうやって点数を付けているのかと思いこちらの記事を読んでみることに。フォローや更新数の多さから換算するような人気順ではなく RT や、@ といった他利用者とのインタラクションの頻度や誰にフォローされているのか（しているのか）といった関係も点数に影響するみたいです。ランキングをみると単にフォロワーが多かったり更新頻度が高ければ上位にいっているわけではないというのが分かります。 影響をもつためのステップ 人のネットワークをうまく利用してマーケティングしたいと考えている方は少なくありませんが、依然としてアクセス数、友達数、フォロー数、クリック数で留まっているのが現状。影響力をつくることはマスへ向けて情報発信すれば良いというものではあ
サイト制作に便利なOmniGraffleステンシル : could
UIワイヤーフレーム サイト制作に便利なOmniGraffleステンシル 制作メンバーの体勢やスケジュールによっては HTML でプロトタイプを作ることがありますが、そうでない場合はワイヤーフレームを OmniGraffle で作っています。 OmniGraffle では、オブジェクトを揃えたり調整が簡単ですし、マルチページにも対応しているのでクリックしたら別ページに移動といった効果も作れます。もちろん書き出した PDF もクリック可能なマルチページになっているので、他の方との共有した際もページの遷移がみえやすいです。レイヤーの表示・非表示といったアクションもオブジェクトに充てることが出来るので、ダイナミックなページも表現出来なくはないですが、レイヤーの表示・非表示は PDF に書き出した際になくなってしまうのが残念。Professional版ではプレゼンテーションモードがあるので、出先で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
