Pencil Designs
دراسة حالة Optio بعد الوفاة

دراسة حالة ما بعد الوفاة


C:\Users\Amir\Documents\Freelancing\Moneer\Pencil Logo.png

مقدمة

User Experience Design (تصميم UX أو UXD) أو إعادة التصميم لا يتعلق فقط بتصميم أو تغيير العناصر المرئية لموقع ويب أو تطبيق (على الرغم من أن ذلك يحدث عادة أيضا). يتعلق الأمر - كما يوحي الاسم - بتصميم تجربة المستخدمين في جميع أنحاء التطبيق ، وتحسين طريقة تدفقهم وتفاعلهم ، وجعله سلسا وبديهيا و ... 

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

Optio

Optio هي منصة تسويق عبر الهاتف المحمول توفر للمستخدمين صفقات على المنتجات والخدمات من العلامات التجارية العالمية عبر العديد من الصناعات ، مثل Virgin Megastores و Dairy Queen و Four Seasons Hotels وأيضا العديد من الشركات المحلية في المملكة العربية السعودية والبحرين والإمارات العربية المتحدة ، مثل Souq.com والعيسائي للإلكترونيات وصيدليات كوردي. يكسب المستخدمون نقاطا من خلال إجراءات مختلفة ، ويمكنهم استخدام هذه النقاط للمزايدة على الصفقات ، مع ذهاب الصفقة إلى أعلى مزايد. 

Coupons هي ميزة أخرى يمكن للمستخدمين شراؤها للحصول على خصومات على المنتجات والخدمات.

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

الأهداف وتعاريف المشكلة

اتصل بنا فريق Optio (الأشخاص في Pencil Designs، وهي وكالة للعلامات التجارية وتجربة المستخدم تعمل من القاهرة، مصر) لتحسين تجربة المستخدم لتطبيقهم. وكانت أهدافها الرئيسية هي:

    <لي دير = "ltr">

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

    <لي دير = "ltr">

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

    <لي دير = "ltr">

    زيادة الإيرادات

    <لي دير = "ltr">

    تسليط الضوء على الرعاة والمروجين على التطبيق، ووضعهم في ضوء إيجابي، وزيادة الإيرادات

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

قمنا بتحليل تدفق مستخدم التطبيق وبنية المعلومات ووجدنا مشاكل في 

    <لي دير = "ltr">

    الوظائف الأساسية ، وهي

      <لي دير = "ltr">

      Deals, and

      <لي دير = "ltr">

      نقطة ،

    <لي دير = "ltr">

    التنقل والتخطيط ،

    <لي دير = "ltr">

    نموذج توليد الإيرادات، و

    <لي دير = "ltr">

    إعداد ضعيف

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

UX الإستراتيجية ونموذج التلعيب

كان للإصدار القديم من Optio عدة جوانب من التلعيب. بدأت استراتيجيتنا للتجديد بإنشاء نموذج ألعاب أكثر قوة مع الاستفادة أيضا من تلك الجوانب الموجودة بالفعل.

لقد اعتمدنا تجربة الألعاب الجديدة على الركائز التالية:

    <لي دير = "ltr">

    يجب مكافأة أي مهمة يكملها المستخدم

    <لي دير = "ltr">

    يجب الاعتراف بأي تقدم أحرزه المستخدم

    <لي دير = "ltr">

    العملة الافتراضية وتخصيصها أمر أساسي للتجربة

    <لي دير = "ltr">

    المنافسة بين المستخدمين تولد التشجيع

    <لي دير = "ltr">

    تضيف الأحرف لمسة شخصية وتولد المشاركة

المشاكل والحلول

    <لي دير = "ltr">

    < نمط الامتداد = "حجم الخط: متوسط ؛ "> الوظائف الأساسية

      <لي دير = "ltr">

       صفقات

المشكلة #1: حالة الصفقات غير واضحة: 

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

        

مؤقت لنهاية الصفقة، على الرغم من أنه لم يبدأ بعد!


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


      <لي دير = "ltr">

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

 C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\1.3 Deal.png C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\1.3.1 Deal - Registered.png < img alt = "C: \ المستخدمون \ أمير \ المستندات \\ العمل الحر \\ منير \\ Optio \\ UI \\ 1.3 صفقة -- أول مرة Bidding.png" src =" https://lh5.googleusercontent.com/VER0IoVW5mOHquE_3hALua48SQ9qYorDaNnDzmf7KhTo5TCnDD3zMn__hdf4V6CdaH-b6ZH9sa_bPvvVjkS89x-Q6YvCFt79b2CplXLxG3PvQAK2hlSTnVe1oQfKQvOvHJEXSrA" العرض = "167" الارتفاع = "457" / >           < IMG src = "https://lh3.googleusercontent.com/dNBBPFZgXT_6OG4k_16j32GS9yF1Yn5xI8iZKjVRlSDfyidgBWc1NfJWPhB26SoYwFgKMpJo_DgWpJHkNssEEJMweysmhyry__rTBMAvl2sG1vTiJfk-q6rYljr_lg1D4Qwz6c4" العرض = "199" الارتفاع = "136" / >https://newvitruvian.com/images/marker-transparent-circle-5.pngC: \ المستخدمون \\ أمير \\ AppData \\ المحلية \\ مايكروسوفت \\ ويندوز \\ INetCache \\ Content.Word \\ 1.4.1 صفقة -- المزايدة (العد التنازلي) .pnghttps://newvitruvian.com/images/marker-transparent-circle-5.pngC: \ المستخدمين \\ أمير \\ AppData \\ المحلية \\ مايكروسوفت \\ ويندوز \\ INetCache \\ Content.Word \\ circle-stamp-png-15-transparent.pngC : \ المستخدمين \\ أمير \\ AppData \\ المحلية \\ مايكروسوفت \\ ويندوز \\ INetCache \\ Content.Word \ red-hand-drawn-circle-png-8-original.png





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



ميزة جديدة: أنواع أخرى من الصفقات: 

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

1.4 صفقة - مزايدة 1.4.1 صفقة - المزايدة (العد التنازلي)C: \ المستخدمين \\ أمير \\ AppData \\ المحلية \\ مايكروسوفت \\ ويندوز \\ INetCache \\ Content.Word \\ 1.6.1 صفقة (رسم) -- Registered.pngجيم : \\ المستخدمين \\ أمير \\ AppData \\ المحلية \\ مايكروسوفت \\ ويندوز \\ INetCache \\ Content.Word \\ 1.5 صفقة (مختومة).png



    <لي دير = "ltr">

    < نمط الامتداد = "حجم الخط: متوسط ؛ "> نقاط

< span style = "حجم الخط: متوسط ؛">مشكلة # 1: الحصول على نقاط: 

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

          <لي دير = "ltr">

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

أضفنا المزيد من الطرق للحصول على نقاط، مثل:

    <لي دير = "ltr">

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

C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\6.0 Home -- Riddles.png   C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\6.2 Riddles.png


        <لي دير = "ltr">

        Sponsored Prizes: يمكن للمروجين تقديم حوافز وهدايا للمستخدمين لتنفيذ مهام محددة.

  C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\3.0 Points.png C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\5.1 كيفا هان -- Prizes.pngarrow-png-4-transparenthttps://newvitruvian.com/images/marker-transparent-circle-5.png


< span style = "حجم الخط: متوسط ؛">المشكلة # 2: تتبع النقاط: 

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

C:\Users\Amir\AppData\Local\Microsoft\Windows\INetCache\Content.Word\Group 3.png  3


        <لي دير = "ltr">

        Solution: تم عرض النقاط في جميع أنحاء الشاشات الرئيسية للتطبيق لتحفيز المستخدمين.


< span style = "حجم الخط: متوسط ؛ ">https://newvitruvian.com/images/marker-transparent-circle-5.pngC: \ المستخدمون \ أمير \ AppData \ المحلية \ مايكروسوفت \\ ويندوز \\ INetCache \\ Content.Word \\circle-stamp-png-15-transparent.png


    <لي دير = "ltr">

    < نمط الامتداد = "حجم الخط: متوسط ؛ ">التنقل والتخطيط

المشكلة #1: 

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


< أول البداية = "3">
      <لي دير = "ltr">

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



أمثلة حيث تم إصلاح التنقل والتخطيط:

    <لي دير = "ltr">

    الشاشة الرئيسية، حيث لم يكن هناك اتجاه واضح بشأن ما يجب القيام به أو إلى أين تذهب.

< نمط الامتداد = "حجم الخط: متوسط ؛ ">< br / >C: \ المستخدمون \ أمير \ المستندات \ العمل الحر \ Moneer \ Optio \ Optio \ دراسة الصور \ Navigation.png

< أول البداية = "3">
      <لي دير = "ltr">

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


    <لي دير = "ltr">

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

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

< span style = "حجم الخط: متوسط ؛">


arrow-png-4-transparentمرسومة باليد - سهم أحمر - png-2-شفاف



< أول البداية = "3">
      <لي دير = "ltr">

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

C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\1.3 صفقة -- أول مرة Bidding.pnghttps://www.seekpng.com/png/detail/605-6051275_pink-curly-bracket-clip-art-at-clker-pink.png


< أول بداية = "3"> <لي دير = "ltr">

نموذج توليد الإيرادات

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

< أول بداية = "4" >
      <لي دير = "ltr">

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

C: \ المستخدمون \ أمير \ AppData \ محلي \ مايكروسوفت \ ويندوز \\ INetCache \\ Content.Word \\ 1.4.1 صفقة -- المزايدة (العد التنازلي) .png  C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\Modal_ Auction.pngarrow-png-4-transparenthttps://newvitruvian.com/images/marker-transparent-circle-5.png



    <لي دير = "ltr">

    إعداد ضعيف

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

      <لي دير = "ltr">

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

 C:\Users\Amir\AppData\Local\Microsoft\Windows\INetCache\Content.Word\0.0 Onboarding.pngC: \ المستخدمون \ أمير \ AppData \\ المحلية \ مايكروسوفت \\ ويندوز \\ INetCache \\ Content.Word \\ 0.1 Onboarding.png C: \ المستخدمون \\ أمير \\ AppData \\ المحلية \\ مايكروسوفت \\ ويندوز \\ INetCache \\ Content.Word \\ 0.2 Onboarding.png

  C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\Tutorials_ Deal 1.png  C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\Tutorials_ Deal 2.png


    <لي دير = "ltr">

    < نمط الامتداد = "حجم الخط: متوسط ؛">ميزة جديدة: مساعد Optio:

أثناء إعادة تصميم شكل ومظهر Optio، قمنا أيضا بإعادة تصميم شعارهم. ولكن بعيدا عن كونه إعادة تصميم جمالية بسيطة ، يرتبط الشعار الجديد باستراتيجية UX الخاصة بنا (الشخصيات تولد المشاركة)

C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\1.0.1 Category.png  C:\Users\Amir\Documents\Freelancing\Moneer\Optio\Optio\UI\0.5 التسجيل - Verification.png  C: \ المستخدمون \ أمير \ المستندات \ العمل الحر \ Moneer \ Optio \ Optio \ UI \ 1.3.1 صفقة - Win.png  C: \ المستخدمون \ أمير \ المستندات \\ Freelancing \ Moneer \ Optio \ Optio \ UI \ 1.3.2 صفقة - Lose.pngarrow-png-4-transparenthttps://newvitruvian.com/images/marker-transparent-circle-5.png

< span style = "حجم الخط: متوسط ؛"> أسفل هنا!


      <لي دير = "ltr">

      إنه لا ينسى: من خلال دمج حرف "O" الخاص ب Optio ، فإنه يبرز ويرتبط بالعلامة التجارية.

      <لي دير = "ltr">

      It're relinkable: على الرغم من أن الشعار مجرد إلى حد كبير، إلا أنه يحتوي على ميزات بشرية، مما يجعله يتردد صداه أكثر مع الجمهور (فكر: Baymax).

https://cf3.s3.souqcdn.com/item/2016/06/17/10/93/48/13/item_XL_10934813_14883579.jpg

    < أول البداية = "3" > <لي دير = "ltr">

    إنه مألوف: على الرغم من أن الشعار فريد من نوعه، إلا أنه يشبه نوعا ما رمزا تعبيريا (☺)، وهو شيء نستخدمه جميعا ونربط به المشاعر والتعبيرات الإيجابية.

    <لي دير = "ltr">

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

http://creativejs.com/wp-content/uploads/2012/06/clippy.jpg

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

خاتمة

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

نصيحتنا؟ صمم دائما مع وضع تجربة المستخدم في الاعتبار للوصول إلى أهداف خدمتك.



>https:// www.pencil-designs.com

https://www.behance.net/pencildesigns

C:\Users\Amir\Documents\Freelancing\Moneer\Pencil Logo.png

< فرع />
شارك على

المزيد من المقالات

اترك تعليق
هل تحتاج إلى مساعدة في اختيار مقدم خدمة؟
ابدأ