コードに対する嫌悪感が、デザイナーのスキルを「押しのける」助けになった

「デザイナーはコードを書くことができるはずです」-ご存知のように、これはITコミュニティで議論するためのお気に入りのトピックの1つです。 本日、アリー・フォーゲルの投稿の翻訳を提供します。彼女は、個人的な経験と、コードの研究に費やした時間と労力に価値がある理由について話しています。







技術者の目を通しての製品設計



4か月前、私はサンフランシスコのLinkedInアフィリエイトで簡単で高給の仕事を辞め、コーディングの方法を学びました。



私は常にデザイナーとしての開発を志していましたが、突然Web製品がどのように作られるのかわからないことに気付きました。 プログラミングを教えることは、この目標を達成するための論理的な次のステップでした。



集中トレーニングコースを開始したとき、プログラミングロジックとマークアップの違い、さらにはクライアントパーツとサーバーパーツのコード(またはこれらの概念の意味)の違いを知りませんでした。



学習プロセスが辛かったのは明らかだと思います。







製品デザイナーとしてインタビューを受けている今、コードをマスターするという私の決定が間違いなく正しいことを理解しています。 さて、難しい難問に直面したとき、プログラマーの知恵を使って問題を理解します。 私の経験から学んだいくつかの重要な教訓を以下に示します。



シンプルさを目指して



開発プロセスは、一連のマイクロタスクを実行できる、わかりやすく機能的で機能的なプログラムを作成することから成ります。 一般的に、あなたが解決しようとしている問題は広まっています。



設計プロジェクトの作業を始める前に、私が設計しているものの不確実性に少し圧倒されました。 しかし、開発プロセスは、各問題を個別の機能として実行されるマイクロフラグメントに分割することを教えてくれました。

現在、設計の問題に取り組んでいますが、私はそれを複雑な複合体の完全性と考えています。これは、段階的に段階的に小さな断片に分解することができます。



ヒント :ワイヤフレームを作成するプロセスでは、各要素をコンポーネントと考えてください。 開発者の観点から設計にアプローチし始め、各コンポーネントを将来のアプリケーションの構成要素として考えました。







KivaのレスポンシブWebサイトの再設計の概念。 私の同僚と私は、設計上の決定を下し、開発者の目を通してプロジェクトを見ました。



学ぶことを学ぶ



以前は、自信を持って答えられない質問に出くわしたとき、または慣れていない技術を使用するように頼まれたとき、私はすぐにパニックになりました。



開発中に、私は人間の脳が何十もの言語で書くために、または多くのオペレーティングシステムのために必要なすべての情報を保存できないことを理解しました。 プログラミングはあなたに考え方を教えます。 そして、他のすべてのために、Googleがあります。



iOS用にプログラムしたいですか? PHPを学びますか? チャットボットを作成しますか? おそらく、誰かが既に自分の経験について書いているか、使用できるコンポーネントまたは設計要素のコードを公開しています。 タスクをフラグメントに分割して、何をする必要があるかが明確になり、研究を開始します。



共感を育む



コンピュータサイエンスや工学や数学などの専門技術を習得していない場合は、コードの基本を学ぶことで多くのギャップを埋めることができます。

重要なものと重要でないものを区別することを学び、製品設計に取り組む際に開発者の立場から考えるのに役立ちます。

「最も重要なのは、設計者と開発者がお互いに共感することです。 両当事者は、プロセスの本質を理解し、効果的に協力しなければなりません。」 -DoorDashチーフデザイナー、Ryan Scott




使用するテクノロジーにデザインを適合させる



「これは可能ですか?」と頻繁に自問する必要はありません。 さまざまな言語とWebフレームワークのプロパティを学習することで、活動領域内の可能性と制限について理解するのに役立ちます。



この相互作用またはその相互作用を実装することが現実的かどうか疑問がある場合でも、開発者の本能はそれを理解するのに役立ちます。 高度なCSSとJavaScriptを初めて知ったとき、インスピレーションの波が私を襲いました。今では、やり取りのライブラリがすべて揃っていることに気付きました。

「開発によって課される制限を理解することで、効果的な設計ソリューションを見つけることができます」-Pivotal Labsのプロダクトデザイナー、エリオットダール。


ヒント :独学に従事するのを怠らないでください。 各言語には独自の公式ドキュメントがあります。 それに基づいて、Stack OverflowとGoogle検索により、開発チームに設計を提供する前に、可能な範囲を簡単に概説することができます。



コミュニケーションを改善する



コードをマスターすることにより、開発者として考えることを学びます。 このスキルは、信頼できるコミュニケーションを確立するのに役立ちます。 開発者の知識は、より全体的なユーザーエクスペリエンスを作成し、技術的なメンタリティを持つ人々が評価するような方法でアイデアを策定する機会を提供します。



数え切れないほどのハッカソンに参加し、多くのチームで働いた結果、創造性は、アイデアを効果的に表現することで、あなたのビジョンを他の人に感染させる能力を伴う場合にのみ有用であるという結論に達しました。 開発はこのゾーンに入るのを助けてくれました。



開発は腹立たしいものです。 この障壁を克服するまで。 その後、彼女は無限の可能性を感じます。



今ではコードを書くのが嫌いではなくなりました。 それは私にも喜びを与えます。 しかし、壁に頭をぶつけて髪を引き裂くように彼と戦った方法は、私と一緒に働く開発者にいつも温かい同情を抱くほどの深い痕跡を残しました。



この経験のおかげで、開発者として考えるために開発者である必要はないことに気付きました。 素晴らしいデザインの作成に特化することができ、同時に他の技術者と連携するコミュニケーションスキルがあれば、プロジェクトを新しいレベルに引き上げ、優れたデジタル製品デザイナーになることができます。



All Articles