ワイヤーフレームを捨ててHTMLプロトタイプに移行した結果 | ベイジの社長ブログ
私たちの会社では長らく、画面設計といえばPowerPointを使い、ワイヤーフレーム（以下、WF）を作っていました。Web制作会社における非常にスタンダードなやり方であったため、ベターな方法と受け入れつつも、例えば以下のような無駄も多く、決してベストではないとも感じていました。 設計者がコーダーに文書構造の意図を説明する時間の無駄 設計者が考えたファイル構造やヘッダ情報を定義するためのドキュメントの無駄 コーディング時にWFやPSD上のテキストをコピペして移し替える無駄 リンク構造や動き、使い勝手を紙面上で表現しようとする努力の無駄 共通パーツに修正が入った時に各ページごとに修正を入れていく無駄 PC用とスマホ用の2種類のWFを作る無駄 更新するたびに新しいWFを印刷する紙の無駄 いずれも工夫次第で軽減できる問題でしたが、意思疎通のための中間成果物の体裁を整えるための多くの時間が無駄では？
サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
Fireworks開発終了によって、デザイナーが取るべき3つの選択肢
Fireworksの開発終了がAdobeからアナウンスされました。このタイミングで来るとは思っていなかったのですが、開発終了になるということ自体は、それほど大きな驚きでもありませんでした。 実のところ、AdobeがMacromediaを買収した際に、機能的な重複が多いFireworksはPhotoshopに統合されなくなってしまうのでは？と思っていました。結果的にそうはならなかったですが、その後もCSシリーズとしてバージョンアップされるたびに、大きな機能変更もなく、むしろアプリケーションのベース部分を引きずったアップグレートが悪影響を及ぼしているところもあったため、今回の決断は、Adobeの製品ポートフォリオ戦略を考える上で妥当な選択ではないかな、とすぐに理解できました。 ただ、そういうAdobe側の思惑はさておき、我々制作者が気になるのは、Fireworksを愛用してきたユーザーはこの後
Webディレクターがやってはいけない13の行動 | ベイジの社長ブログ
Webディレクターというのは、プロジェクトを推進するうえで欠かすことのできない存在です。しかし、Webのディレクションという行為が曖昧で多岐にわたり、それゆえに職務にグレーゾーンが発生し、その認識の違いでコミュニケーションエラーが発生しているという面もあるのではないでしょうか。 そういったリスクを最小限に抑えるために、うちの会社なりのWebディレクターの定義をはっきりさせようとずっと考えていたのですが、その一環で、Webディレクターがやってはいけない行動、というものをまとめてみました。今日はこれを紹介したいと思います。 1. クライアントの言いなりになる。クライアントの心象を害さないことを最優先に考え、言いなりになってしまってはいけません。クライアントは専門家ではないので、間違ったことを言うこともあります。また、現実的なスケジュールを考えずに要望を安請け合いすれば、プロジェクトが混乱して、
スマートフォン用サイトで動画を扱う時のポイント | ベイジの社長ブログ
最近スマートフォン用サイトの引き合いが増えてきていますが、そこで培ったノウハウもこのブログで紹介していこうと思います。今回は、スマートフォン（およびタブレット）用サイトでの動画の取り扱いについて。 スマートフォンで動画というと、真っ先に思いつくのはYoutubeにアップしてリンクを張り付ける方法ですが、企業の内規や動画の性質によっては、Youtube上に動画をアップすることができない場合もあります。先日担当したキャンペーンサイトもまさにそうでした。というわけで、ここではYoutube貼り付けじゃない方法での、スマートフォン/タブレット端末用サイトで動画を掲載する際のポイントをご紹介します。違ってるところがあればコメントでご指摘いただけると幸いです。 ちなみに、プラットフォームやOS毎の実装状況をひとまずまとめると以下の通り。なお、スマートフォン/タブレット版はデフォルトブラウザでの利用が前
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
