الموت لآلات المعالجة!

ابحث عن عملية التصميم المثالية الخاصة بك عن طريق التمسك ببعض المبادئ البسيطة بدلاً من البرنامج النصي الصلب.

تسمع الكثير من النصائح المختلفة حول الطريقة الصحيحة والخاطئة التي يمكنك القيام بها حول تصميم تطبيق أو موقع ويب.

"يجب أن تستخدم Sketch."
"أنظمة التصميم أو GTFO."
"يصمم المصممون الحقيقيون 100٪ من الكود".
"الإطارات الحديدية مضيعة للوقت."
"إذا لم تكن تصنع نماذج أولية ، فلن تقوم بذلك بشكل صحيح."
"يجب أن تبدأ على الورق."

لا تعتقد أنه لا يوجد اتفاق على الإطلاق بشأن الطريقة الصحيحة للتصميم ، ولكن هناك نقطة واحدة خالية إلى حد كبير من الجدل - وهي أن عمليتك يجب أن تكون خطية.

يبدو النهج الخطي الكلاسيكي مثل هذا:
البحث ← رسم ← الإطار السلكي ← comps ثابت ← الرمز ← النموذج

إنه نوع من أنواع آلات تصنيع Rube Goldberg-esque التي يستخدمونها لصنع دوريتوس ودينغ دونغ. أسقط فكرة في آلة المعالجة ، وبعد الحصول على شكل مهروس في شكله أثناء سيره عبر الخطوات ، ينبثق المنتج النهائي إلى الجانب الآخر! قابل للتنبؤ! فعالة!

نوعا من.

تعمل آلات المعالجة ، ولكن فقط عندما تعمل. إنها لا تتكيف ، وهذا يجعلها هشة. كل ما يتطلبه الأمر هو Sabot واحد صغير لطحن آلة العملية الخاصة بك إلى توقف.

هانك ، أ. ك. "السبوت"

كنت أشاهد لعبة Finding Dory مع طفلي مؤخرًا ، وجزءًا من لقطات "صنع" يستمر في القفز في وجهي.

في الفيلم ، هناك أخطبوط اسمه هانك:

ديزني / بيكسار

الحاجز ، من الناحية الفنية. كان نموذج شخصيته مرهقًا للغاية للعمل معه ، فنزعوا من مخالبهم ليجعلوه ينشط. ومع ذلك ، مع وجود 4000 عنصر تحكم منفصل ، كان يمثل تحديًا لا يصدق للعمل معه.

في هذه المرحلة من العملية ، تجاوزوا الرسومات والتصميمات والصور المتحركة - تلك المراحل المنخفضة من الدقة التي تساعدك على فحص مجموعة من الأفكار بسرعة وبتكلفة منخفضة. لقد حصلت بالفعل ريال مدريد أيضا. تم بناء تلاعب الشخصيات ، وعملت التفاصيل الفنية ، والإجابة على الأسئلة الأساسية.

إنها في مرحلة الرسوم المتحركة النهائية - نماذج ثلاثية الأبعاد في بيئات ثلاثية الأبعاد. كان يمكن أن يكون الجندي على حساب جدول الإنتاج والميزانية. بدلاً من ذلك ، فعلوا شيئًا مثيرًا للاهتمام حقًا - لقد عادوا إلى الرسم.

ديزني / بيكسار

من خلال رسم الحركة المعقدة لمخالب هانك على الورق ، يمكن أن يثبّتوا الرسوم المتحركة المثالية والسوائل التي كانوا يبحثون عنها في جزء صغير من الوقت. بمجرد أن يكونوا سعداء بالتسلسل ، سيتم تحريك ثلاثي الأبعاد للمطابقة. لقد حصلوا على منتج أفضل في وقت أقل لأنهم اختاروا تقييم مبادئ العملية بدلاً من وصفة العملية.

علاج لعملية وصفية

حقق فريق Finding Dory منتجًا أفضل بشكل أسرع من خلال اتخاذ القرارات التي أعطت الأولوية للسرعة والجودة بدلاً من الالتزام بعملية روت.

يمكنك اختيار أشياء أخرى لتثمينها ، ولكن إذا كنت تعمل في بيئة تجارية ، فيجب أن يكون التركيز على النقطة الرائعة بين السرعة والجودة أعلى قائمتك. يعد تحويل العمل الرائع بسرعة أمرًا كبيرًا للمصممين والفنانين المحترفين.

تحديد المبادئ التي تدفع العملية الخاصة بك هو مجرد بداية. إليك كيف يمكنك وضعها موضع التنفيذ.

ابدأ بالأسئلة الكبيرة

إذا كنت تقدر السرعة ، فابدأ مشروعًا بمعرفة أكبر الأسئلة الأساسية. في Getting Real ، يُطلق على ذلك "تصميم مركز الزلزال":

ابدأ من جوهر الصفحة وقم بالبناء إلى الخارج
يركز تصميم Epicenter على الجوهر الحقيقي للصفحة - مركز الزلزال - ثم يبني للخارج. هذا يعني أنك ، في البداية ، تتجاهل الحدود القصوى: التنقل / علامات التبويب ، تذييل ، الألوان ، الشريط الجانبي ، الشعار ، إلخ. بدلاً من ذلك ، تبدأ في مركز الزلزال وتصمم أهم جزء من المحتوى أولاً.
مهما كانت الصفحة التي لا يمكن أن تعيش بدونها ، فإن هذا هو الموضوع. على سبيل المثال ، إذا كنت تقوم بتصميم صفحة تعرض منشورًا مدونًا ، فإن منشور المدونة نفسه هو مركز الزلزال. ليست الفئات الموجودة في الشريط الجانبي ، وليس الرأس في الأعلى ، وليس نموذج التعليق في الأسفل ، ولكن وحدة نشر المدونة الفعلية. بدون وحدة نشر المدونة ، فإن الصفحة ليست منشور مدون.
فقط عند اكتمال هذه الوحدة ، ستبدأ في التفكير في العنصر الثاني الأكثر أهمية في الصفحة. ثم بعد العنصر الثاني الأكثر أهمية ، يمكنك الانتقال إلى العنصر الثالث ، وهكذا. هذا تصميم مركز الزلزال.
يتجنب تصميم Epicenter النموذج "دعنا نبني الإطار ثم نسقط المحتوى". في هذه العملية ، تم تصميم شكل الصفحة ، ثم يتم تضمين التنقل ، ثم التسويق "الأشياء"
 يتم إدراجها ، ثم ، أخيرًا ، يتم سكب الوظيفة الأساسية ، والغرض الفعلي للصفحة ، في أي مساحة متبقية. إنها عملية متخلفة تأخذ ما يجب أن يكون الأولوية القصوى وتحفظه للنهاية.

إليك مثال على سبب أهمية هذا الأمر. كنت أعمل على تطبيق iOS لمشروع جانبي صغير يستخدم واجهة صوتية فريدة وربما غير قابلة للتطبيق. إذا لم أكن أقدر السرعة ، فقد أمضيت ساعات لا حصر لها في تصميم التفاصيل التي لا تعد ولا تحصى والتي تستند إلى هذه الفكرة الفردية. التصميم يأتي قبل الكود في العملية الخطية الكلاسيكية ، بعد كل شيء.

بدلاً من ذلك ، بدأت في الكود لمعرفة ما إذا كانت هذه الفكرة قابلة للتطبيق أم لا. لم يكن كذلك! لذلك عدّلت خططي وأنقذت نفسي قدراً هائلاً من الوقت والطاقة.

فقط أسأل ، WMGMTCATMQITLAOT؟

بمجرد معرفة الأسئلة التي تحتاج إلى إجابات أولاً ، اسأل نفسك:
"أي وسيلة تعطيني أوضح إجابة لأسئلتي في أقل قدر من الوقت؟"

في حالة مشروعي الجانبي ، كان الجواب هو الكود. للحصول على صفحة على Basecamp.com ، يكون الجواب غالبًا نصًا أو رسمًا. بالنسبة لك ، قد يكون شيئا آخر تماما.

معرفة متى لتغيير التروس

يمنحك ذلك مكانًا للبدء ، لكن كيف تعرف متى حان الوقت للتبديل إلى وسيط مختلف؟ عندما تضغط على المقاومة.

فكر في قيادة سيارة. أنت تتجول في الطريق السريع - محرك يخرج مثل القط الصغير. ولكن بعد ذلك تبدأ القيادة أعلى التل. الترس الذي كنت فيه رائع للتجول ، ولكن ليس لتسلق الجبال. من أجل الحفاظ على سرعتك ، يمكنك التحول إلى معدات جديدة.

نفس الشيء هنا. ولكن على عكس السيارات ، لا يوجد مؤشر قوي على أنك واجهت الكثير من المقاومة في اختيارك. لحسن الحظ ، فإن معظم المصممين والفنانين لديهم مقبض قوي عندما تحتاج إلى التبديل إلى وسيط يوفر المزيد من الدقة. هذا هو الجزء الذي يتماشى مع العملية الخطية ذات الدقة المنخفضة - العملية الخطية عالية الدقة بعد كل شيء. أنت تعلم أنك مستعد للمضي قدمًا في الرسم عندما يتوقف الرسم ، مما يتيح لك رؤية مفيدة.

بمجرد أن تصل إلى هذه النقطة ، حدد أهم مجموعة من الأسئلة التالية واسأل نفسك مرة أخرى: "أي وسيط يعطيني أوضح إجابة لأسئلتي في أقل قدر من الوقت؟"

الحالة الثانية - العودة إلى إخلاص أقل - هي أكثر صرامة. سواء لأن الناس أقل ممارسةً في ذلك ، وأيضًا لأنه صعب. خذ العمل في الكود. أنت تعمل بدقة 100٪ ، لذلك لا يوجد حد لقدرة الوسيط على الإجابة على الأسئلة. ولكن هناك حد لقدرتها على الإجابة على الأسئلة بسرعة.

عندما تشعر بأنك لا تسلك مساراتًا لأنها تشبه الكثير من العمل ، فهذه علامة جيدة حقًا تحتاج إلى التراجع عنها. عندما تشعر الأشياء بأنها لا تنقر كما ينبغي ، فقد حان الوقت لإعادة التقييم. كن حذرا ، وسوف تبدأ في تطوير شعور لذلك.

باستخدام وسيلة لصالحك

هناك حالة ثالثة للتبديل إلى - أو الالتصاق - متوسطة. هذا لا يهتم بالمقاومة ، إنه يهتم فقط بالحقيقة الأساسية ؛ تؤثر العملية على النتيجة. تمامًا مثل رسم شيء بقلم رصاص سيبدو مختلفًا عن رسمه بعلامة ، فإن التصميم في المتصفح سيؤدي إلى نتائج مختلفة عن التصميم في Sketch.

كلما زاد فهمك لكيفية تأثير وسيط على عملك - نوع علامات الأداة التي يتركها - زادت قدرتك على استخدامها لصالحك. هل تريد أن يكون تصميمك معبرة؟ من الأفضل العمل باستخدام أداة مرئية مثل Sketch أو Illustrator أو حتى * gasp * Photoshop. تريد الحد الأدنى ، تصميم خفيف الوزن؟ التمسك التصميم في التعليمات البرمجية.

مثال عملي

الآن وقد تعثرت على مخاطر العملية الإلزامية ، أود أن أشارككم ... عملي. ليس لك أن تتبع خطوة بخطوة! فقط لأعطيك مثالًا حقيقيًا عن كيفية استخدام المبادئ لتوجيه عمليتك.

نطلق طريقة جديدة للعمل مع العملاء في Basecamp ، وكانت وظيفتي هي إنشاء صفحة جديدة على Basecamp.com لتسويقها. إليك كيف تم ذلك:

تحديد الأسئلة الكبيرة ، واختيار وسيلة

هذا ليس موقعًا جديدًا أو تخطيطًا جديدًا بالكامل. أولاً ، كنت بحاجة لمعرفة الغرض من هذه الصفحة ، وما تحاول قوله ، والهيكل العام.

"أي وسيلة تعطيني أوضح إجابة لأسئلتي في أقل قدر من الوقت؟"

كومبس والرسم خارج. هذا هو الشق في تصميم موجود وقالب موجود. يمكنني القفز مباشرة إلى الكود ، ولكن الترميز هو الضوضاء في هذه المرحلة. النص هو مجرد حق.

حفنة من نسخة نصف خبز

زيادة الدقة

لم تتمسك بنص طويل بما يكفي لإنهاء كل نسخة للصفحة. بمجرد أن يكون لدي مخطط وشعور بالطريقة التي أردت أن أتحدث بها عن الميزة ، قمت بتحويل التروس إلى رمز.

لماذا ا؟

لم يكن بمقدور مستند نصي أن يخبرني بأي شيء عما إذا كان الخط سيترك أرملة ، وما إذا كانت فقرة "شعرت" ، وكيف ستتدفق الصور ، وما إلى ذلك. كنت بحاجة إلى مزيد من الدقة. كان من الممكن الإجابة عن بعض الأسئلة الجديدة من قِبل شركات ثابتة ، لكن ذلك لم يكن ليجيب على أسئلة حول ملاءمة النسخ ما لم أكن مضيعةً للوقت في مطابقة comp مع الرمز بالضبط. لا شكرا.

العمل من خلال تعديلات النسخة في التعليمات البرمجية

انخفاض انتقائي الإخلاص

بعد بضع جولات أخرى من مراجعات النسخ ، بدأت الصفحة في التبلور. بصريا ، كان الميكانيكية ومخيب. أردت أن تكون أكثر تعبيرا ، لذلك انتقلت إلى Sketch للتعبير عن بعض الأفكار.

كان من الممكن أن أظل في الشفرة بالنسبة للجزء الأكبر ، لكن مع Sketch ، كان بإمكاني إطلاق مجموعة من الأفكار بشكل أسرع بكثير من أن أتمكن من ترميزها. واسمحوا لي أيضًا بمقارنة تلك الأفكار بشكل مباشر مع بعضها البعض ، ولن أترك عش الفئران في CSS من كل الزحام. الفوز للفوز.

حفنة من تراكيب رسم نصف خبز

لاحظ كيف يتم خبز أي منهم بالكامل؟ هذا لأنهم لا يهمون! هذه ليست لعرض تقديمي للعميل أو للمطورين. إنهم موجودون لمساعدتي في معرفة شيء ما ، ثم إنهم مهملات. إن استثمار الوقت لتلميعها سيكون مضيعة للجهد.

الانتهاء من

ما إن شعرت بالاتجاه ، كان رمزًا لبقية الطريق. قم بتلميع نسخة ، وترميز لقطات الشاشة ، ودائمًا ما يتم تقييمها مقابل السؤال الأخير ، المهم: "هل هذا جاهز للشحن؟". يمكنك إلقاء نظرة على العملاء المباشرين في صفحة Basecamp هنا.

هذه ليست الطريقة التي يلعب بها كل مشروع. في بعض الأحيان ، سأُرسم شيئًا ما في Procreate ، وأحيانًا سأبدأ بمؤسسة مرئية سريعة وقذرة ، وأحيانًا سأكتب نسخة في Sketch ، وأحيانًا أعمل بنسبة 100٪ من التعليمات البرمجية. كل هذا يتوقف على المشروع في متناول اليد.

نأمل أن يمنحك هذا نظرة ثاقبة حول كيفية استخدام المبادئ لتوجيه العملية الخاصة بك على أساس كل حالة على حدة دون أن تشعر وكأنك تقوم بإعادة اختراع العجلة باستمرار.

فكر في عمليتك ونوع العمل الذي تقوم به. حدد المبادئ المهمة بالنسبة لك ، والتركيز على الأشياء الكبيرة أولاً ، واستمر في طرح الأسئلة حول ما إذا كانت الوسيلة التي تعمل بها هي الوسيلة المناسبة في الوقت الحالي. عملك سيكون أفضل لذلك.