ハッカー Web デザイン: 優れたアプリを構築するための知恵の言葉

クレジット:

クレジット:

彼のブログ投稿手っ取り早く Web アプリを構築する人向けの本は、ハッカーニュースコミュニティ;彼は、良い仕事を迅速に行う必要がある、技術志向のデザイナーに適切なアドバイスを提供します。

彼は今週、Web 開発の世界で将来デザイナーになる (またはなるべき) デザイナーのニーズと問題点について、電子メールで私たちに語っていただきました。 John Wiley & Sons から出版される彼の著書『Design for Hackers: Reverse-Engineering Beauty』に関する最新情報については、彼のブログに注目してください。

ほとんどのハッカーが見落としがちだと思う設計の基本原則は何ですか?

多くの人は、意識的にデザインを作成しようとすると、それほど重要ではない特定の詳細を気にしすぎてしまうのではないかと思います。

たとえば、フォントの選択について非常に心配する人もいますが、実際には、ほんの数個のフォントでさまざまな雰囲気や感情を得ることができます。利用可能なフォントが多すぎるという事実は、ユーザーを混乱させ、注意をそらすだけです。

難しい、そしてより重要な部分は、情報の塊を明確な階層に区別することであり、この階層を確立する際の近接性、サイズ、フォントの太さの使用を習得することは、使用する正確なフォントを理解することよりもはるかに困難で影響力があります。 。

ハッカーが知識を持ち、独自の設計作業を行えるようにすることは、5 年前、10 年前よりも今の方が必要だと思いますか?

それは間違いなく、それがハッカー コミュニティ内でデザインへの関心が爆発的に高まっているように見える理由だと思います。

ハッカーはビジネスに精通するようになり、優れたデザインがビジネスを成功させるための重要な部分であることを認識しています。 ...多くのハッカーは、1 人程度の小さなチームでもスタートアップを立ち上げることができることに気づいています。さまざまなスキルを 1 人の個人に統合できれば、摩擦が減り、より明確なビジョンが得られ、すべてがより速く進みます。

デザインは顧客にあなたのビジネスを信頼してもらうための重要なツールですが、お金がほとんどない、またはまったくない状態で始める場合は、ほとんど無料で適切なデザインを入手する必要があります。それで、何をすればいいのですか?

優れたデザイナーを見つけるのは難しく、高価であり、開発プロセスに人が 1 人増えるだけで摩擦が増すだけです。あなたが独身の創業者/ハッカーなら、ビジネス運営に関する他のすべてを独学で学んだのですから、より専門的な人に頼む余裕ができるまで、それを設計して管理する方法を学ばないのはなぜでしょうか?

問題は、プログラミングの問題のように、Google 検索を数回行っただけではデザインの問題を解決できないことです。

全体的な傾向としては、誰もがデザインの仕方を学ぶ方向にあると私は強く信じています...誰もが出版できるようになった今、明確に伝えるためには誰もがデザインを学ぶ必要があります。

ハッカーが作成した優れたデザインの一例は何ですか?おそらく、作成者が意図したよりもうまく機能するものでしょうか?

最初に思い浮かぶのはCraigslistです。多少は浄化されましたが、多くの点で本当にひどいものです。大きな問題点に対処したため、大成功を収めています。さらに、洗練されていない美学は、このサイトがコミュニティ主導のサイトであり、商業的には非常に控えめであるという事実を表しています。

多くのデザイナーはデザインの経済性を見落としていると思います。完璧なデザインは経済的に実現可能ではないし、あらゆる状況で必要であるわけではありません。私がデザイン学校にいたとき、私自身や私の仲間の独善的なデザイン学生は、経済性など考えずに、迷子犬のポスターのような単純なものの貧弱なデザインをパクっていたことを知っています。それはすべて、その製品がその風景の中でどこに位置するかによって決まります。

Craigslist では、情報伝達の民主化の力が美しいデザインの必要性を上回りました。しかし、デザインの知識が国民全体に広がるにつれ、その基準はさらに上がっていくでしょう。

典型的なハッカーがデザインに取り組む方法について、気に入っている点、新鮮な点、面白いと思う点はありますか?

技術志向の人々と仕事をすることで私が最も気に入っているのは、構造化情報の概念全体、CSS ベースのレイアウトの実際的な制限、SEO のベスト プラクティスなど、Web というメディアを理解していることです。

広告や印刷デザインの世界で働くとき、この知識の欠如にいつもイライラさせられました。印刷物で訓練を受けたデザイナーが、媒体の精神を無視してデザインのビジョンを詰め込もうとしているのを今でも目にします。

デザインとは、そしてこれからもそうでしょうが、情報の伝達に関するものであり、そのことに本当に興奮するデザイナーにはあまり会ったことがありません。つまり、メディアと調和して何かをデザインし、SEO のベスト プラクティスを使用すれば、メッセージが伝わるという事実です。探しているより多くの人に届きますように。アルドゥス・マヌティウスデザイナーが Photoshop の「Web 用に保存...」から直接 Web ページを作成するたびに、彼は墓の中に転がり落ちます。

ハッカーと協力することで私が気に入っているもう 1 つの点は、ハッカーは重要でない詳細には執着しない傾向があるということです...製品を発売したばかりで、大規模な配布を行っていない場合、その写真が公開されているかどうかはビジネスに何の違いもありません。左に0.5インチあるかどうか。もっと大きくてミッションクリティカルな心配すべきことがたくさんあります。

ハッカーがアプリケーションの UI をまとめるときによくある間違いは何ですか?

ハッカーもデザイナーも同様に私が目にする最大の見落としは、情報の塊とその周囲の空白部分との関係が考慮されていないことです。

16 ピクセルのヘッダーがあり、その下に 9 ピクセルの小見出しがある場合、ヘッダー間の空白の量にはある程度の合理性があるはずです。小見出しの高さは 9 ピクセルであるはずです。その情報の左側の余白にも何らかの合理性がなければなりません。

多くの場合、情報はページ上に無計画に設定されています。多くの情報が互いに近づきすぎていて、正しく見えません。その結果、要素と余白の間の幾何学的な関係を考慮することが、物事を美しくきれいに見せるために大いに役立つ場合、人々は色の変化や装飾(水平罫線など)などの松葉杖を使い始めます。

Rackspace がサポートするシリーズ

クレジット:

ウェブ開発シリーズによってサポートされていますラックスペース、ホスティングを行うためのより良い方法。 Web ホスティングの稼働時間を心配する必要はもうありません。パッチの適用、更新、監視、データのバックアップなどの最新情報を維持するために時間、エネルギー、リソースを費やす必要はもうありません。その理由を学びましょう。

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

-「ハッカーニュース」を読むための 5 つのより良い方法

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

-チェックすべき 10 の Chrome ウェブアプリ

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

-Web デザインのフィードバックを得る 10 のツール