👩🏼‍🎤 🤓 🥢 كيف تفكر من خلال التنقل في تطبيقات الجوال 🐀 🕴🏾 🐒

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

همبرغر

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

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

تين. 1. مثال لقائمة الهامبرغر

الملف الشخصي

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

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

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

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

القائمة السفلى

الشكل الأكثر شيوعًا للقائمة في الوقت الحالي. وهذه الشعبية لها أساس.

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

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

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

تين. 3. لقطة شاشة تطبيق Ticktock

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

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

الشكل 4. قائمة عمودية

علامات التبويب في القسم

إذا كانت البيانات تنتمي إلى قسم واحد ، ولكن في نفس الوقت لديها بعض الاختلافات.

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

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

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

تين. 5. Instagram عندما قمت بتحميل القناع وقبل تحميل القناع الأول

السهم الخلفي / الصليب

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

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

تين. 6. الرسوم المتحركة لفتح المعلومات التفصيلية للبطاقة وعبر السهم إلى القائمة

تخرج اللجنة من الأسفل

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

تين. 7. لقطات شاشة لخرائط Google على اليسار وطعام Yandex في المنتصف و Ticktok على اليمين

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

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

استنتاج

إن بناء الملاحة في التطبيق أمر يتطلب الانتباه والمثابرة ووجود المنطق.

اكتب بما توافق عليه ، وما لا توافق عليه ، وقد يكون من المفيد إضافة شيء إلى المقالة.

كيف تفكر من خلال التنقل في تطبيقات الجوال