تسجيل الدخول

الأيقونة وأول صورتين يفعلان أكثر من الوصف كلّه

lm b16 17

الجواب في سطرين: ثلاثة أصول في صفحة متجرك تفعل أكثر من كل الكلام: الأيقونة وأول صورتين. والثلاثة تُعمَل في ساعة.

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

4
قواعد للأيقونة
3
للصورتين
3
صور قويّة تكفي

ما ستخرج به من هذا الدليل

  • لماذا تُفحَص الأيقونة بحجمها الصغير على هاتف.
  • لماذا لا تُكتَب كلمات في الأيقونة.
  • لماذا النصّ على الصورة أهمّ من الصورة.
  • ترتيب الصور بالأهمية لا بترتيب شاشات التطبيق.
  • مواصفات الأصول + تنبيه النصّ العربي — مجاناً.

الأيقونة — أربع قواعد

#القاعدةلماذا
1شكل واحد واضح — رمز أو حرف أو عنصر، لا ثلاثةتُشاف صغيرة جداً
2تباين عالٍتُشاف على خلفيات فاتحة وداكنة ولا تتحكّم بأيّها
3بلا كلامالكلمات في الأيقونة لا تُقرأ — تصير زخرفة
4افحصها صغيرةصغّرها لحجم حقيقي على شاشة هاتف — فالكمبيوتر يخفي الازدحام

والرابعة هي التي تكشف الثلاثة قبلها. فكل أيقونة تبدو جيّدة في ملفّ التصميم المكبّر — والحكم عليها لا يصحّ إلّا بحجمها الذي يُرى به.

الأيقونة والصور — الحجم الصغير
الأيقونة وأول صورتين يفعلان أكثر من الوصف كلّه 7

وأول صورتين — ثلاث قواعد

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

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

الأيقونة والصور — النصّ فوق الصورة
الأيقونة وأول صورتين يفعلان أكثر من الوصف كلّه 8

وتفصيلتان يغفل عنهما كثيرون

انتبه للنصّ العربي في الصور. فإن كان تطبيقك عربياً فليكن النصّ عربياً واتجاه التصميم من اليمين. والنصّ العربي المقطّع أو المعكوس يُفهَم أن التطبيق غير مهتمّ — وهذا انطباع أول يكلّفك. وإن ولّدتَ الصور بالذكاء الاصطناعي فافحص سلامة الحروف قبل الرفع.

ولا تضع كل الشاشات

ثلاث صور قويّة أفضل من ثماني متوسّطة — لأن أغلب الناس يرون الأولى والثانية فقط. والصور الزائدة لا تُرى، لكنها تُشعِرك أنك أنجزتَ شيئاً.

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

⚠ المثال توضيحي. ومواصفات الأبعاد والأعداد المسموحة تتغيّر — اقرأها من لوحة التحكّم وقت الرفع.

الأيقونة والصور — الثلاث
الأيقونة وأول صورتين يفعلان أكثر من الوصف كلّه 9

الورقة: مواصفات الأصول الثلاثة

أعددتُ ورقة بالقواعد السبع — أربع للأيقونة وثلاث للصورتين — وجنب كلٍّ التفصيل وسببه، تؤشّر على المتحقّق فتكتب الحكم وتبدأ بنصّ أول صورتين لأنه أكبر أثر بأقلّ جهد. ومعها تنبيه النصّ العربي وقاعدة تقليل عدد الصور.

مواصفات أصول المتجر

أيقونة وصورتان — تُعمَل بساعة.

⬇ تحميل الملفّ (Excel)

بلا بريد إلكتروني · بلا تسجيل

صغّر أيقونتك لحجمها الحقيقي وانظر إليها على هاتفك. فإن لم تعرف ما فيها — عندك شغل.

رأيي من الميدان

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

والسبب أنها لا تبدو عملاً. فمن يكتب كوداً يحسّ أنه ينجز، ومن يبدّل أيقونة يحسّ أنه يتزيّن. والحقيقة أن الأيقونة جزء من المنتج لا من التزيين — فهي أول ما يُلمَس وآخر ما يُنسى.

「 الأيقونة جزء من المنتج لا من التزيين — فهي أول ما يُلمَس وآخر ما يُنسى. 」
— أمجد المصطفى

أسئلة شائعة

هل أحتاج مصمّماً؟

للأيقونة يفيد كثيراً. وللصور تستطيع أن تضيف نصّاً على لقطاتك بنفسك.

ما أفضل خطّ للنصّ على الصور؟

خطّ عربي واضح وسميك، ونفسه في كل الصور — فاختلاف الخطّ بين صورة وأخرى أسوأ من خطّ متوسّط.

هل أضع إطار هاتف حول اللقطة؟

اختياري. والنصّ أهمّ من الإطار، والإطار يصغّر المحتوى.

ومتى أبدّل الأصول؟

حين تبدّل ما يفعله التطبيق، أو حين تجرّب نصّاً أقوى. وبدّل عنصراً واحداً لتعرف أثره.

الخطوة التالية

الأصول تجلب التنزيل. وبعدها يأتي إيقاع التحديث الذي يُبقي تطبيقك حيّاً في المتجر وفي ذهن المستخدم.

تطبيقات ليدرماس

انظر أيقوناتها وأول صورتين في كلٍّ — وحاكمها بهذه القواعد.

شاهد التطبيقات

أمجد المصطفى

أمجد المصطفى

مؤسّس ليدرماس. يعمل في ثلاثة مواقع في آنٍ: يبني تطبيقات أندرويد ومواقع، ويدير حملات إعلانية لعملاء ويدرّب فرق الشركات، ويعلّم ما يفعله في الاثنين. ماجستير إدارة التقانة ومدرّب معتمد TOT. كل ما يكتبه هنا جرّبه على مشروع حقيقي قبل أن يشرحه. القصة كاملة

Scroll to Top