هوية تطبيقات في الكويت، مصممة للشاشة الرئيسية وصفحة المتجر.

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

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

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

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

القواعد سهلة تنقال وصعبة تنطبق: شكل واحد، لون أو لونين، بدون كلام، تباين قوي، ولا شي مهم قريب من الزوايا. أيقونة Hybrid Delivery تستخدم حرف H المبتسم من الهوية، فنفس العلامة موجودة على الفان والزي الموحد والشاشة الرئيسية. وأيقونة Weseelik مأخوذة من حرف المفتاح في الشعار الثنائي اللغة. في الحالتين الأيقونة كانت قرار داخل نظام الشعار، مو شي انضاف بعدين.

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

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

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

أما الشعار نفسه، فالحروف العربية واللاتينية لازم يكون لها نفس الوزن والارتفاع والمسافات، علشان ما يبين واحد منهم كأنه ضيف. Hybrid Delivery عنده شعار عربي خاص «هايبرد دليفري» انصمم مع الشعار اللاتيني، وWeseelik «وصيلك» انرسم بلغتين من البداية. وإذا الجانب العربي هو أضعف نقطة في علامتك، شغلنا في تصميم الشعار العربي يتعامل مع هذي المشكلة بالتفصيل.

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

صفحات App Store وGoogle Play أكثر واجهة ينظلم حقها في هوية التطبيق. اللي يضغط على إعلانك في Instagram أو Snapchat يوصل لهني، مو لموقعك، ويقرر خلال ثواني إذا بيحمّل التطبيق أو لا. الصفحة لها هيكل ثابت ما تقدر تغيّره: الأيقونة، والاسم، والعنوان الفرعي أو الوصف القصير، وصور الشاشات أو فيديو، وفي Google Play صورة العرض. الهوية تشتغل داخل هذي الحدود.

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

نصمم نظام قوالب مو صور منفصلة، علشان فريقك يقدر يحدّث الصور لما يتغير المنتج بدون ما يخرب الشكل. في Chaching Bundles، تطبيقنا الخاص على Shopify، صممنا الأيقونة مع الاسم، وصفحة المتجر، وصور العرض مع واجهة المنتج، ونفس الطريقة تنطبق لما يكون الجمهور تجار بدل مستهلكين.

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

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

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

أما هيكل هذي الشاشات، عدد الخطوات ومكان طلبات الأذونات وطريقة التسجيل، فهذا شغل تجربة المستخدم، ويستاهل عملية خاصة فيها بحث واختبار. نتكلم عنه في صفحة تصميم UI/UX، وفي مشروع هوية التطبيق نسلّم القواعد البصرية علشان شغل تجربة المستخدم يطبقها بشكل ثابت.

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

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

Weseelik أوضح مثال في شغلنا. Salem the Spanner، أو سالم المفتاح، شخصية مبنية من نفس المفتاح اللي يشكّل حرف في الشعار، وهو اللي يشرح الخدمة داخل التطبيق وعلى اللوحات. لأنه طالع من الشعار ما يبين كأنه ملصق انضاف بعدين، ولأن له اسم يقدر يتكلم في شاشات التعريف وفي Instagram بدون ما يتغير صوت العلامة.

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

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

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

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

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

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

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

وللمنتجات اللي واجهتها أكبر، نقدر نمد الهوية لنظام تصميم، مثل ما سوينا لـ Ordenaire، علامة برنامج طلبات المطاعم اللي استلمت نظام Ordemark: ألوان وخطوط وبطاقات ومسافات وأيقونات يقدر فريق المنتج يبني عليها. هذا المستوى اختياري للتطبيق الصغير، وضروري للتطبيق اللي فيه شاشات كثيرة وأكثر من مبرمج.

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