إخلاء المسئولية: بعد ذلك ، سوف تقرأ نصًا طويلًا ومملًا للغاية ، وهو نتيجة للتجربة الشخصية للمؤلف ولا يتظاهر بأنه الحقيقة المطلقة. أيضًا ، إذا بدا لك أن المقالة لا تتفق مع آراء حياتك والأديان وتفضيلاتك الغذائية ، أرجو منك أن تضع ناقصًا على المقالة ولكن ليس لترتيب مناقشات عدوانية.
مقدمة الإنتاج
بمجرد أن كنت جالسًا على الأريكة ، أكتب قطعة مملة من الورق ، وهنا في إحدى القنوات المخصصة لفكونتاكتي ، تظهر عربة مزودة برمز الاستجابة السريعة لتصميم جديد لتطبيق VK المحمول. بالطبع ، بصفتي شخصًا مهتمًا بكل ما هو جديد في مجال UI / UX ، ومثلما قام مستخدم VK نشط (عدة مجتمعات) بفحص الشفرة مباشرةً ، نظرت إلى شاشة التوقف الخاصة بالمتطفل وبدأت في إتقان الواجهة المحدّثة ، فيما يلي لقطات شاشة لأولئك الذين لا يقومون فجأة يستخدم هذه الشبكة الاجتماعية.
مشاكل
(باستخدام مثال إعادة تصميم VK ومقالة تدقيق UX لائقة حديثة).
لذلك ، دعونا نتخيل كيف نحمل الهاتف عند تصفح شبكاتنا الاجتماعية. الشبكة. أنا شخصياً ، مثل 90٪ من معارفي وأصدقائي ، هي نفسها كما في الصور 1-3 ، 5-8 ، من لقطة الشاشة من البحث المرفق أدناه.
ما هو السبب في ذلك؟
نمسك الهاتف بيد واحدة عندما نكون في القطار ، وعندما نقلب الشريط في وجبة الإفطار ، عندما نكتب رسالة أسفل الجدول حتى لا يلاحظ المعلم / المعلم / صاحب العمل. أخيرًا ،
أنا الآن
أمسك الهاتف بيد واحدة ، لأنني أكتب هذه المقالة مع يساري.
وهذا يؤدي إلى حقيقة أنه بالنسبة للمعدل الآن ، وربما في الأعوام المقبلة ، يتراوح حجم الشاشة بين 5.5 و 6 بوصات ، يتم تقليل حجم مساحة العمل سهلة الاستخدام إلى حد كبير. إذا قمت بتصويره بشكل تخطيطي - يبدو مثل هذا (الصورة رابط لأنه عمودي).
الآن ، دعنا نعود إلى الأسباب التي دفعتني إلى هذا المقال (Milkshake VK و
"قائمة التحقق لـ UX من 30 نقطة" ) وننظر فيها بالتحديد من وجهة نظر متوسط العرض من 5.5 إلى 6 بوصات ومتوسط طول إبهام
الذكور البالغين البالغ طولها حوالي 2.8 بوصة نتائج مسح بلدي للسكان من خلال VK نفسه.
للقيام بذلك ، سوف نفرض رسمنا التخطيطي بمساحات شاشة مريحة وغير مريحة على بعض لقطات الشاشة:
عليهم نرى:
1) لقطة الشاشة 1 - قسم الأخبار ، في حد ذاته يتم بشكل جيد ، يتم تمرير الأخبار ، ويتم فتحها بالنقر فوق ، يمكن الوصول بسهولة إلى شريط التنقل (على الرغم من أننا سنعود إلى شريط التنقل) ، فإن القصص أعلى قليلاً من مستوى مريح ، لكن بما أنني لا أحبها - نعم والله يكون معهم ولكن هناك واحد ...
انتبه إلى الركن العلوي الأيمن ، ولدينا زر إعلام فيه ، والزر مهم للغاية ، لأن أي إجابة على تعليقاتك ، والأخبار من المجتمعات ذات "الجرس" ، والأخبار من المجتمعات المدارة ، وما يعجبها ، وكل شيء موجود هناك ، حتى إشعارات التعليقات الجديدة يبني تأتي هنا.
والآن دعنا نتخيل أننا نرى إشعارًا في أيقونة لوحة الإشعارات بحدوث شيء ما في VK. هناك طريقتان بالنسبة لنا لمعرفة ما هو بالضبط: افتح لوحة الإشعارات ، والتي نحتاج إلى وضع إصبعنا على قمة الشاشة ، أو انقر فوق زر الإشعار في قسم الأخبار (!؟ كيف وصلت إلى هناك؟) ، والذي يوجد أيضًا في الأعلى.
حسنًا ، الموقف الآن: أنت تركب القطار ، وأمسك الدرابزين بيد واحدة ، والهاتف الآخر ، وشاهد الإشعار ، وحاول فتحه حتى تصل إلى أعلى الشاشة ، وترفضه من راحة يدك في الهواء ، ويهز القطار ، وسقوط الهاتف.
من الجيد أن تكون نقطة الصفر ، لكن قد تكون -30 ألف. روبل لإصلاح الشاشة. شكرا UIUX VK.
2) لقطة الشاشة 2 - يكون المظهر الجانبي مثاليًا تقريبًا ، يفتح الزر الأيمن العلوي من الوظائف النادرة الاستخدام بضغطة واحدة على اليسار ، مما يلغي الحاجة إلى سحبها ، وحتى بعد ذلك نادراً ما يتم استخدام الوظائف لتكون هناك =). ومع ذلك ، أطلب منك أيضًا الانتباه إلى أن أزرار إنشاء السجل والنشر والأثير أعلى قليلاً من نفس المنطقة المريحة ، والتي يمكن تحملها للشاشة 16: 9 ، لكن مرة أخرى تثير أسئلة عندما تفكر في الميل إلى التبديل إلى شاشات عرض 2: 1 و 21: 9 .
3) لقطة 3 - منشور يتم فتحه عن طريق النقر فوق عنصر الأخبار ، من وجهة نظر الوظيفة ، كل شيء مريح: أزرار مثل إعادة النشر وإعادة النشر في منطقة مريحة ، وعرض التعليقات على انتقاد سريع ، خط لكتابة تعليق في منطقة مريحة أيضًا. يبدو ، حسنًا ، استخدم كل شيء تمامًا كما تريد ، ولكن مرة أخرى ليس بدون "ولكن":
دعونا الانتباه إلى الزر الأيسر العلوي. لا ، إنه رائع ورائع ، إنه لا يمكن إنكاره ، لكن كيف يمكنني النقر عليه؟ بمعنى أن التطبيق لا يوفر حقًا فرصة حقيقية ومريحة لإغلاق منشور مفتوح (أيضًا مربع حوار وبعض الإطارات الأخرى).
الإجابة المحتملة الوحيدة لذلك هي: "استخدم زر الرجوع على هاتفك" ، وهو ما أقوم به ، على سبيل المثال ، لكن يمكنني إعطاء مثال لصديق ليس زر أسفل هاتفه في أسفل اليسار ولكن في أسفل اليمين ، وثني إصبعك على راحة اليد ، عندما تمسك الهاتف بين يديك ، يكون ذلك في بعض الأحيان أقل ملاءمة وأقل أمانًا من الوصول إلى الزر الخلفي للتطبيق.
4) باستخدام screenshot 4 ، كل شيء جيد تمامًا مع 2 ، باستثناء أن موقع أزرار "اشترك" و "مشاركة" و "إعلامات" يسبب أسئلة ، كنت أرتبها بشكل مختلف (الإشعارات -> اشتراك -> مشاركة ، نظرًا لأن الإخطارات يمكن أن تكون تلقي من مجموعات غير مشتركة ، وزر التوقيع ، الذي يتم الضغط عليه في كثير من الأحيان ، يقع في منطقة مريحة).
أنت (ربما) تسأل: "الأمر كله يتعلق بـ VK ، لكن المقالة تحتوي أيضًا على رابط للمواد التي تحتاج إلى 30 عنصرًا في تصميم التطبيقات!" ، والآن القليل عنها:
رسميًا (يمكنك تنزيل VKontakte وتنشيط الواجهة الجديدة والتحقق منها بنفسك).
يلبي التطبيق جميع طلبات قائمة التحقق هذه ، جميعها مناسبة:
- لديها شاشة التوقف تسجيل الدخول.
- من الممكن استعادة كلمة المرور فيه ؛
- أنه يحتوي على البرنامج التعليمي التمهيدي.
- في قسم الإشعارات (مرحباً p1 تحليل VK نفسه) تأتي جميع التأكيدات على جميع الإجراءات ؛
- في التطبيق هناك بذرة في أماكن فارغة.
- هناك الصورة الرمزية الافتراضية.
- يرسل VK طلبات الحصول على أذونات عند الحاجة إلى الوظيفة نفسها (على الرغم من أنها في وقت لاحق تسيء إليها في بعض الأحيان ، ولكن ليس حول ذلك الآن) ؛
- بالطبع هناك حالات مختلفة للعناصر.
- مصنوعة الرموز من تصميم المواد ، تكملها تفتقر إلى الرموز من VK ، في نفس النمط ؛
- هناك زر الدعم.
- يوضح وقت التنزيل المتبقي عند تنزيل المستندات أو تحميل مقاطع الفيديو / الصور / القصص ؛
- توجد أيضًا نقوش تؤكد الإجراءات الكاملة (على الرغم من أنها لا تعمل دائمًا بشكل صحيح مع الإنترنت السيئ ، لكن هذا إنترنت سيء) ؛
- الإكمال التلقائي يعمل في غرف الدردشة.
- تقريبا أي عملية يتم إلغاؤها بسهولة.
- يتم ترجمة التطبيق إلى عدد كبير من اللغات ؛
- زر المساعدة لا تزال متاحة.
- التطبيق + - يعمل مع وضع التباين ، مع انعكاس اللون.
- يرسل التطبيق بشكل صحيح دفعات ، يتيح لك تكوين إيصالها ؛
- يمكنك قص وتحرير الصور كما تريد.
- يتم تحرير البيانات الشخصية بسهولة ، هذه الوظيفة هي واحدة من أسس الشبكات الاجتماعية.
- بالطبع هناك زر للخروج من الحساب.
- قواعد في المخزون ؛
- الخصوصية قابلة للتخصيص ، وإن لم تكن من زميل رئيسي ؛
- زر المساعدة إلى الأبد.
- عند التمرير الشريط ، ينهار عنوانه ؛
- يتم تكوين السلوك الافتراضي في جميع الحالات تقريبًا بشكل مريح ؛
- حسناً ، الاستخدام العملي هو في الحقيقة مشكوك فيه للغاية ؛
- على غرار البند 5 ؛
- الرمز معروف ويمكن التعرف عليه بنسبة 100 بالمائة ومناسب للتطبيق.
والآن أجب عن نفسك سؤالين (اللهم كيف أحب القوائم):
أ) كم عدد التطبيقات التي تحتاج إلى كل هذه الوظائف الـ 30 المفيدة التي لا تملكها الآن؟
ب) هل زادت رغبتك في استخدامه بعد أن وجدت أن VC يتوافق مع جميع الوظائف الثلاثين المفيدة؟
بالنسبة لي شخصياً ، فإن الإجابة في كلتا الحالتين هي "لا" ، لأن معظم هذه الأشياء الآن حتى في
التطبيقات التي أنشأها تلاميذ المدارس
لجعلهم يشعرون بالملل.
حسنًا ، في الواقع من أجل كل شيء بدأ:
مفهوم التنقل الميداني التكيفي(ربما تم ذكره بالفعل في مكان ما من قِبل شخص ما ، لكنه لم ينجح في الأماكن العامة ولم يستخدم بشكل خاص ، لذلك أنا الأول (لا) ولكن لا يهمني ، الشيء الرئيسي هو أنه يجب على مصمم واجهة واحد على الأقل البدء في استخدامه ، نظرًا لأن حسنًا ، من المستحيل بالفعل استخدام هذه المجارف).
ربما سنبدأ بالفكرة نفسها ، كما ظهرت قبل عام ونصف العام ، عندما قمت بالملل من خلال استدعاء وظيفة Adobe XD ، والتي كانت جديدة بالنسبة لي في ذلك الوقت ، وقررت أن أجعل مفهوم العميل نوعًا من شبكات التواصل الاجتماعي الشرطية استنادًا إلى وظيفة VK ، التي سأكون مريحة للاستخدام.
كان هناك العديد من الأخطاء المختلفة ، من الناحية الجمالية ، والأشياء التي يمكنني ، في الواقع ، أن أبررها حقيقة أنني عندما أنشأت هذا المفهوم ، حاولت الوصول إلى تصميم المواد 2 ، الذي ظهر بعد ذلك للتو ولم يكن هناك دليل عادي له ( ومع ذلك ، والآن لا) ، مما أدى إلى ارتجال شرسة.
دون التركيز فعليًا على بعض الأشياء البسيطة ، لقطة شاشة لبعض النوافذ:
حسنا والتحليل:
في اللقطتين 1 و 2 - نافذة قائمة الحوار ، كما ترون ، تحتوي على لوحة بها زر به حصاة ، والذي كان ضمنيًا ، وفي النموذج الأولي .xd يعمل مثل القائمة ، بالإضافة إلى حقل البحث.
في لقطة الشاشة 3 ، يوجد حوار مفتوح ذو طابع تجريدي حيث تزيد هذه اللوحة ، نظرًا للحاجة إلى القيادة في النص ، بالإضافة إلى الحاجة إلى مجموعة واسعة من الوظائف ، إلى اثنين من أحجامها في الارتفاع وتتيح أيضًا للمستخدم الحصول على جميع الوظائف الأساسية داخل منطقة ملائمة ومريحة.
لقطة 4 - عرض قسم الأخبار ، انظر مرة أخرى إلى اللوحة - الأزرار "القائمة" ، "التمرير إلى البداية" ، "تحديث الخلاصة" - هذا أكثر مما هو عليه في التطبيق الرسمي.
لقطة 5 - عرض المنشور المفتوح ، ومرة أخرى ، كل الأزرار موجودة داخل المتاح ، وتوسيع اللوحة مرة أخرى ، وحقل الإدخال مرة أخرى ، وزر "الرجوع" مرة أخرى كما في الحوار ، والقدرة على التبديل بين الملف الشخصي والمجتمعات المدارة بنقرة واحدة.
حسنًا ، لقطة الشاشة 6 هي بالفعل اللحظة التي يتم فيها إتقان جميع وظائف XD والرغبة في إنهاء المفهوم ، تمامًا مثل توضيح أن هذه اللوحة يمكن أن تحصل على وظائف إضافية ، على سبيل المثال ، من خلال فتح مسار التشغيل الحالي مع التمرير السريع ، والذي ظهر في شكل مختلف قليلاً في البداية في Sov'e Lite (عميل غير رسمي) ، ومع ظهور Milkshake'a وفي العميل الرسمي ، وإن كان ذلك في صورة مقطوعة.
قد تبدو لقطات الشاشة هذه باهتة ، على سبيل المثال ، كيف ستبدو مع مراعاة تلك الاتجاهات في استخدام MD2 التي هي في الوقت الحالي وكيف يمكنني القيام بذلك الآن:
حسنًا ، أو على سبيل المثال خدمات خارجية عشوائية تمامًا:
في مكان ما هنا ، بدأ العقل يشير إلى أنه يكفي أن تكتب وتخترع أشياء غريبة وأن تنام عمومًا ، وبالتالي فإن الخلاصة القصيرة هي: الماشية التي تتغذى جيدًا تعمل بشكل أفضل وتحقق المزيد من الأرباح ، وبالنسبة لمطوري الأجهزة المحمولة ، يوجد مثل هؤلاء الماشية ، يطعموننا =).