Carsonified の Ryan Carson が語る、成功する Web デザインの 4 つのヒント

クレジット:

Carsonified の Web デザインは、通常、少し手描きの美学を特徴としていますが、2004 年の設立以来、多くの人の注目を集めてきました。私たちは、創設者の Ryan Carson と Web デザインのベスト プラクティスについて話す機会がありました。 Web デザインの未来がどこにあると彼が感じているかについても少し学びました。

1. 良いデザインへの投資

クレジット:

カーソン氏によれば、優れたデザインに投資することが重要です。同時に、これはほとんどの企業に欠けているものだと同氏は考えている。彼の心の中では、強力なデザインを選択しない企業はおそらく悪い結果に見舞われ、自社の製品があまり良くないという印象を与える可能性があると考えています。

「デザインが重要ではないことの例として、人々は Google や Reddit などを引き合いに出しますが、それは単なる特殊なケースです」とカーソン氏は言います。 「今は誰も Google ではありません。立ち上げるすべてのスタートアップは注目を集めるために戦わなければなりません。製品の品質を示すことは重要ですが、その製品が何をするのかを明確に伝えることも重要です。ですから、優れたデザイナーを雇いましょう。」

カーソン氏は、優れたデザイナーへの投資は必ずしも高価である必要はなく、ほとんどのデザイナーはエンジニアよりも安価であると付け加えています。

「そして、スタートアップの場合、エンジニアとデザイナーを雇わなければなりません」と彼は言います。 「それがあなたのコアチームになります。」

2. コミュニティでプロフィールを構築する

クレジット:

さらに、Web デザイン コミュニティでのプロフィールとともに企業文化の構築に重点を置くことも、最終的にはより強力なチームの構築につながる可能性があります。カーソン氏は、過去 6 年間にわたる Think Vitamin のようなプロジェクトへの同社の取り組みと、同社が開催するカンファレンスのおかげで、同社は Web デザイン コミュニティの中心に位置することができたと述べています。一方、プロジェクトを外部委託していない Carsonified は毎週 4 日のスケジュールで運営されており、スタッフにはラップトップや iPhone4 などの最新の機器が与えられています。

カーソンは最近、次のように書きました。Think Vitamin のブログ投稿と、彼女の求人応募専用のページをデザインしたアリソン・ハウスのようなデザイナーをどのようにして雇ったのかを説明した。もし会社がコミュニティ内でのプロフィールの構築に時間を費やしていなかったら、人々は求職活動にこのような時間を費やすことはなかったでしょう、と彼は感じています。

「それをショートカットすることはできないと思います」と彼は言います。 「高額のお金を払ってみるのもいいかもしれませんが、だからといって人々があなたのために熱心に働いてくれるとは限りません。」

3. 聴衆に応える

クレジット:

カーソン氏は、デザイナーのマイク・カスの作品であるカーソニファイドの美学を、フレンドリーな手描きのスタイルだと説明しています。これは、Chirp のためにデザインしたときに機能した外観です。同社はまた、Chirp ブランドを開発し、カンファレンスをプロデュースしました。

「私たちは、Twitter とは何なのか、人々がカンファレンスに何を求めるのかを考えました。そして、Twitter の本質は、お互いを信頼する人々を結びつけることにあると感じています」とカーソン氏は説明します。

とはいえ、Carsonified チームが必要に応じて設計を調整することを止めたわけではありません。 「Future of Web Design」カンファレンスに向けてページを準備する際、Carsonified 氏は未来を見据えたメッセージを伝えるために、より暗く未来的な外観を選択しました。

「私たちは Web デザイン会社であり、顧客でもありますが、人々は手描きの個人的な美学を見たくないのではないかと感じました」とカーソン氏は言います。 「それはあなたの個人的なことではなく、あなたの職業上の仕事に関するものです。」

カーソン氏はまた、Web デザイン愛好家に『Don't Make Me Think!』という本を読むようアドバイスしています。 Steve Krug のこの文章は、次の文に要約されています。人々が時速 60 マイルで通り過ぎるように Web サイトを設計してください。

「誰も自分のウェブサイトや自分の会社のことなど気にしていないということを人々は覚えておく必要があります。効率的でわかりやすく、効率的で明確なメッセージを伝えることで、人々に関心を持たせる必要があります」とカーソン氏は言う。

4. レスポンシブデザインを使用する

クレジット:

Carsonified がページの視聴者を決定すると、ホームページはワイヤーフレーム化されます。ページに適切な文言を確立した後、デザイナーは通常、Photoshop に長時間滞在することなく作業を開始します。これは「レスポンシブ デザイン」によるもので、これはウィンドウのサイズに適応し、ユーザーが閲覧しているどのデバイスでも適切に表示される Web サイトを構築することを含む動きです。

「つまり、iPhone サイト、Android デバイス、デスクトップ、ラップトップ、iPad 用に別のバージョンを用意する必要はありません」とカーソン氏は言います。 「1 ページに 25 個のモックアップを作成せずに Photoshop でデザインするのは非常に困難です。最初からレスポンシブ デザインから始めるのが最善です。」

Carson 氏は、同じコードを使用し、表示ウィンドウに基づいてレイアウトを適応させる CSS3 のメディア クエリを使用することをアドバイスしています。そして、人々がさまざまなデバイスを介してオンラインにアクセスし続けるにつれて、これが Web デザインの将来において重要な役割を果たすだろうと彼は感じています。

「それは大変なことになると思います」と彼は言う。

TheCreativeFinder.com がサポートするシリーズ

クレジット:

Web デザインのベスト プラクティス シリーズによってサポートされていますクリエイティブファインダー.comは、企業が写真家、イラストレーター、デザイナー、アート ディレクターなどのプロのクリエイターを見つけて雇用するためのグローバル検索エンジンです。クリエイティブなプロが自分の作品をリストアップできます。プロフィールすぐに無料で。

Mashable のその他の開発および設計リソース:

-デザイナー向けの 10 の無料 Web UI キットとリソース

-統合開発環境の初心者ガイド

-HOW TO: ハイブリッド デザイナー/開発者になる

-CSS 発明者が Web のビジュアルの未来について語る [ビデオ]

-HOW TO: WordPress ブログを Tumblr に近づける

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe Now & Never Miss The Latest Tech Updates!

Enter your e-mail address and click the Subscribe button to receive great content and coupon codes for amazing discounts.

Don't Miss Out. Complete the subscription Now.