هوية التطبيق: الأيقونة والاسم وصفحة المتجر وأول شاشة

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

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

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

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

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

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

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

القاعدة العملية: شكل واحد، لون أو لونين، وبدون كلام. والشكل لازم يطلع من الشعار مو من فكرة ثانية؛ أيقونة Hybrid Delivery هي حرف H المبتسم من الهوية، فالفان اللي في الشارع والأيقونة اللي في التلفون نفس العلامة. القواعد كاملة والمقاسات موجودة في دليلنا المنفصل عن تصميم أيقونة التطبيق.

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

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

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

Google Play يستخدم كذلك صورة عرض، بانر عريض يطلع في بعض الأماكن وورا فيديو العرض. تعامل معه كبوستر صغير: الشعار وجملة وحدة والمنتج. في Chaching Bundles، تطبيقنا الخاص على Shopify، صممنا الأيقونة مع الاسم وصفحة المتجر وصور العرض مع واجهة المنتج كمجموعة وحدة. ابنِ هذي الصور كقوالب علشان فريقك يحدثها لما يتغير المنتج، واستوديو الهوية عندنا يجهز هذي القوالب كجزء من الهوية.

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

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

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

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

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

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

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

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

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

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

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

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