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



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


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


لماذا قررنا رفضه؟ لأن أهدافنا التجارية قد تغيرت.
نعم ، إنه لأمر محزن بعض الشيء عندما اضطررت إلى إعادة رسم كل شيء كثيرًا ، ولكن بشكل عام فإن الوضع طبيعي. من المهم أن نفهم أننا كنا مرتبطين باستمرار بـ "الأجهزة" ، التي كانت تتغير باستمرار ، بالسعر النهائي للجهاز وقضايا أخرى - وكل ذلك أثر على أسلوب Mishiko. بدأ نمط الرسوم المتحركة يبدو سخيفة عندما حصلنا على خيارات نهائية أكثر أو أقل للتصميم الصناعي للمتتبع ، وتخطيطه ، وبالطبع ، عندما اكتشفنا سعره النهائي - حوالي 10 آلاف روبل.
وداعا ، على غرار الرسوم المتحركة!
مزيد من الاختبار
عند تطوير أول تطبيقات MVP ، بدأنا بتطوير مسودة إطارات wifi. ها هم:

وقد ظهرت بالفعل في هذه المرحلة واحدة من الفرضيات الأولى ، والتي رفضناها على الفور تقريبًا - هذا هو التنقل "إلى اليسار" ، كما هو الحال هنا:

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

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



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

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


لقد وصلنا إلى هذا الإصدار النهائي:

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

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


ثم أضفنا "صفر" آخر ، وبدأنا باختبار خوارزميات الجهاز ، ورأينا أنه مع عدد النقاط حوالي 2000 ، لديك نقاط إضافية لعدد كبير من الخطوات. أي أنك تحصل على نقطة +1 مشروطة في 15 خطوة ، ولكن على الأقل مائة. وبما أن جميع عمليات التتبع تتم في الوقت الفعلي تقريبًا ، يبدو أنه لا توجد تحديثات أو أنها لا تعمل عند المشي لمسافات قصيرة. ثم وصلنا إلى أرقام مخيفة أكثر (20-30 ألف) ، والتي تعطي في المقابل نتيجة ملموسة لأي عدد من النقاط. مشى - حصل على بضعة آلاف ، ذهب بضع خطوات - حصل على بضع عشرات من النقاط.
ونتيجة لذلك ، جلبنا تصميم الإحصاءات إلى هذا الشكل البسيط:

كيف حاله لك دعونا نناقش)