بعض الناس يجمعون الطوابع ، والبعض الآخر يشاهد القطارات. أصبحت مهووسا ببرنامج السلكي.

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

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

هل لديك أداة wireframing المفضلة لديك؟ هل ترى حتى حاجة واحدة؟ إذا كان الأمر كذلك ، فهل تذهب لجميع الأجراس والصفارات أو مجرد حل سريع وقذر؟

FlairBuilder
تطبيقات مثل FlairBuilder هي قوية على نحو متزايد ، ولكن في بعض الأحيان معقدة للغاية.

لماذا نتعاون في إنشاء السلكي مع العملاء؟

بالنسبة لي ، يمثل wireframing تجربة تعاونية. إنه شيء لا أفعله وحدي في غرفة مظلمة. بدلاً من ذلك ، أشارك العملية مع عملائي.

أنا أؤمن بالجلوس حول طاولة مع العميل وطرح الصفحات الرئيسية في تنسيق wireframe. هذا له أربع فوائد:

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

ومع ذلك ، فإن العملية لا تخلو من تحدياتها.

تبحث عن حل سريع وقذرة

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

يجب أن تكون أداة wireframing:

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

تقليديا ، تم عقد جلسات تعاونية wireframing مع القلم والورقة ، ولكن هذا ليس دائما الحل الأفضل.

لماذا لا القلم والورقة؟

لا تفهمنى خطأ يقدم القلم والورقة عددًا من المزايا لأسلاك التعاون التعاوني ، وسيكون له دائمًا مكان. في الواقع ، أود أن أقول إن معظم جلسات التعاون التعاوني يجب أن تبدأ بالقلم والورقة.

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

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

ومع ذلك ، فإن السلكي على الورق والورق له بعض العوائق:

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

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

لذلك ، مع وجود العديد من حلول البرامج بطيئة للغاية ، وفشل الورق في الجوانب الأخرى ، ما الحل؟

الكلمة الرئيسية للانقاذ

بعد الكثير من التجارب ، استقرت على Keynote كأداة مفضلة لدي. أظن أن برنامج PowerPoint جيد تمامًا ، ولكن كمستخدم لنظام التشغيل Mac ، فإن خياري هو Keynote.

Keynote سهل الاستخدام ، والعديد من الناس على دراية به بالفعل. وأفضل ما في الأمر أن الغالبية العظمى منا تمتلكه بالفعل ، الأمر الذي يوفر بعض النقود.

أنا أحب ذلك لأنه يجعل من السهل رمي wireframes معا ومن ثم تنقيحها بسرعة كتغيير اتجاهات التفكير.

أفضل من ذلك كله ، يمكن أن تبدو إطارات wireframes المهنية للغاية وتوفير قدر كبير من الوضوح.

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

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

Keynotopia
keynotopia

الكلمة الرئيسية UX
الكلمة الرئيسية UX

Keynote Kung-Fu
Keynote Kung-Fu

لكن الفوائد لا تتوقف عند هذا الحد.

مكافأة

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

تتطلب العديد من تطبيقات wireframing من المستخدمين تنزيل برنامج أو تثبيت مكون إضافي قبل أن يتمكنوا من عرض الملف. ليس كذلك مع Keynote.

يعتبر تطبيق Keynote تطبيقًا شائعًا بالفعل ، ولكنه يحتوي أيضًا على بعض خيارات التصدير الرائعة. يمكنك حفظ إطارات سلكية في كل من HTML و PDF. يحافظ كلا الخيارين على الروابط بين الصفحات ، بحيث يمكن للمستخدم النقر على "موقع الويب".

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

خيارات تصدير رئيسية
Keynote يسمح لك بتصدير wireframe في PDF و HTML ، وحتى كفيلم مع رواية صوتية.

بالطبع ، لا يوجد حل مثالي. ليس المفتاح الرئيسي هو الرصاصة الفضية في السلك الهوائي.

محددات

في تجربتي ، يعاني Keynote من مشكلتين كأداة لربط السلك.

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

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