30 يومًا من التصميم - دراسة حالة العلامة التجارية

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

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

"أريد حلاً خارج الصندوق ، ومبتكرًا ، وخلاقًا - تجربة مستخدم جيدة ، وواجهة مستخدم رائعة حقًا ... وأحتاجها بالأمس."

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

بعد التعرض لنوبة ذعر صغيرة ، تدرك أن العمل بذكاء هو السبيل الوحيد للذهاب.

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

مهما كان الأمر ، فهناك دائمًا هذه الأسئلة المؤلمة:

• هل يستحق القيام به مع مثل هذه القيود الزمنية؟
• هل سيؤدي ضيق الوقت إلى ضعف جودة التصميم؟
• هل سأقوم بعمل أفضل إذا كان لدي المزيد من الوقت؟

بكل تأكيد نعم!

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

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

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

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

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

الأيام 1-2: الأشياء الأولى أولاً - التخطيط!

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

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

قم بإنشاء إجراءات العمل واتبعها.

سيؤدي إنشاء إجراءات العمل إلى تسهيل سير العمل والمسؤولية التي تأتي مع كل مشروع. ما يلي هو أسلوبي المعتاد لمشروع تصميم نموذجي ، سواء كان تصميمًا للعلامة التجارية أو تصميم واجهة المستخدم:

بحث

اكتشف كل شيء عن عمل عميلك:

• ما هو جوهر عملهم وما هو نشاطهم الرئيسي؟
• من هو جمهورهم المستهدف وما هي احتياجاتهم؟
• ما هي أهدافهم وما هي المشكلة التي يجب حلها باستخدام التصميم؟
• من هي المنافسة وكيف يمكنك أن تكون أفضل؟

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

قم بإنشاء لوحة مزاجية

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

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

اليوم 3: إنشاء مفهوم التصميم

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

ستكون لوحة المزاج مفيدة في تحديد اتجاه مرئي مبكر يجب أن يتوافق مع الجمهور الذي تستهدفه وأهداف العمل. سيكون المفهوم أساس اتجاه UX الخاص بك ، وبالتالي فهو جزء من 10 UX Deliverables التي يستخدمها كبار المصممين.

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

ألقى Simon Sinek ، أحد أكثر مستشاري التسويق تأثيرًا في الصناعة والمتحدثين التحفيزيين ، حديثًا رائعًا على TED حول هذا الموضوع.

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

اليوم الرابع: تصميم مرئيات العلامة التجارية

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

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

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

أيام 7-15: تصميم الموقع

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

خريطة الموقع

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

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

قد يعني هذا طرح بعض الأسئلة على العميل:

• ما هو عدد الصفحات على الموقع؟
• ما هي الصفحات الأكثر أهمية؟
• هل توجد أي صفحات فرعية؟

سيؤدي هذا إلى رسم صورة واضحة لهيكل موقع الويب ويعطيك فكرة جيدة عن نطاق المشروع.

نسخ أولا

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

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

تصميم الصفحة الرئيسية

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

الصفحة الرئيسية هي أول ما يراه المستخدمون عند زيارتهم لموقع ويب ، وبالتالي فهي أهم صفحة. يوضح تطبيق مبدأ باريتو أن الصفحة الرئيسية تحتوي على 80٪ من اتجاه التصميم (السياق ، والطباعة ، والألوان ، والعناصر القابلة للتكرار ، وما إلى ذلك) وباقي الصفحات 20٪.

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

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

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

الأيام 15-25: تطبيق التصميم العالمي

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

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

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

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

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

مخطط

تم تصميم موقع الويب ولديك رؤية أوضح لتجربة المستخدم للتطبيقات.

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

هناك العديد من الأساليب والأدوات التي يمكنك استخدامها لإنشاء مخططات انسيابية — وتتمثل الممارسة المعتادة في عمل مخططات بيانية بعناوين قصيرة ونص شرح إذا لزم الأمر. أفضّل استخدام Sketch أو Illustrator لهذا الغرض ، ولكن أي أداة تسمح لك بإنشاء ونقل العناصر مناسبة لهذه المهمة.

قدم ويل ليتل تفسيرًا رائعًا لهذا:

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

اجعلها عالية بجعلها منخفضة

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

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

إذا استطعت ، فقم بتنظيم اختبار صغير لتجربة المستخدم الخاصة بك. ستحتاج إلى مجموعة اختبار من المستخدمين في المستقبل لمعرفة ما إذا كانت الإطارات الشبكية وتدفق UX منطقيًا. بعد الاختبار ، ستكون مسلحًا برؤى قيمة ويمكنك المتابعة إلى الخطوة التالية (إنشاء واجهة مستخدم).

تصميم موحد

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

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

الأيام 25-30: إنشاء إعلانات متزامنة مع العلامة التجارية

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

سيؤدي اتباع هذه النصائح عند تصميم الإعلانات ومواد الوسائط الاجتماعية إلى تحسين الجودة ومستويات المشاركة والإبداع العام لمرئياتك بشكل كبير:

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

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

لا تلتزم أبدًا بموعد نهائي لا يمكنك الوفاء به

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

أوضح بنجامين فرانكلين ذلك بشكل أفضل: "بالفشل في الاستعداد ، فأنت تستعد للفشل".

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

• • •

مزيد من القراءة على مدونة Toptal Design:

• أفضل ممارسات تصميم واجهة المستخدم والأخطاء الشائعة
• الدول الفارغة - الجانب الأكثر إغفالًا لتجربة المستخدم
• البساطة هي المفتاح - استكشاف الحد الأدنى من تصميم الويب
• مبادئ ارشادية للواجهات المتنقلة
• التصميم للقراءة - دليل لطباعة الويب