تجربة أول مرة مع Table Builder

كنت أحاول إنشاء جدول هنا في Discourse meta قبل يومين وكنت أعاني حقًا. نظرًا لأنني لم أكن متأكدًا من كيفية عمل المنشئ وما رأيته لم يكن ما كنت أتوقعه، فقد أضفت الجدول الافتراضي وخصصته من هناك.

اعتقدت أنني قد أشارك بعض الملاحظات الآن بعد أن قضيت وقتًا أطول وفهمت معظم ما كنت أفتقده.

تجربتي الأولى مع منشئ الجداول

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

أعتقد أنه من الرائع أن يكون لديك منشئ فعلي يمنح شيئًا أقرب إلى تجربة WYSIWYG بدلاً من الاعتماد على الأشخاص ليصبحوا أكثر ارتياحًا لتجربة Markdown (غير ودية بلا شك). أنا قادر على إنشاء جداول في MD يدويًا ولكن محاولة مراجعتها شبه مستحيلة بدون معاينة.

للأسف، بدأت في استخدام الأداة متوقعًا فقط أن أقول لها “أريد جدولًا بخمسة أعمدة وعشرة صفوف”… وهذا ليس ما حصلت عليه - بدلاً من ذلك، حصلت على صفحة بيضاء كبيرة مع جدول فارغ إلى حد كبير. لم يكن هناك أي معلومات حول ما كان من المفترض أن أفعله مرئية لي على الفور لذا كنت ضائعًا بعض الشيء. ما لديك هنا مشابه جدًا لكيفية إدراج/تحرير جداول Google Docs ولكن ليس هناك الكثير في واجهة المستخدم لتنبيه المستخدم بذلك.

أول شيء حاولت القيام به هو النقر المزدوج على نص “Column 1” حيث أن هذا هو المكان الذي أبدأ به دائمًا مع الجداول - تسمية الصفوف/الأعمدة. لم ينجح الأمر. كنت قادرًا على تحديد النص ولكن لم يقم أي شيء بإزالته. نظرًا لأنني كنت في عقلية أداة النص العادي لمنشئ منشورات Discourse القياسي، لم أفكر حتى في النقر بزر الماوس الأيمن.

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

نظرًا لأن النقطة الرئيسية للإحباط بالنسبة لي عند إنشاء جدول MD هي تذكر كيفية إعداد السطرين الأولين من التعليمات البرمجية (الرأس والقسم الأفقي)، فقد نقرت على زر “build table” في هذه المرحلة وقمت بتحريره مباشرة.

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

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

أفكار تحسين واجهة المستخدم/تجربة المستخدم

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

اجعل التعليمات أكثر قابلية للاكتشاف.

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

استخدم عناصر واجهة مستخدم مرئية ومألوفة لتحسين اكتشاف الميزات

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

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

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

اجعلها تبدو كمحرر

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

عدد قليل من الأخطاء الصغيرة

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

إليك لقطة شاشة توضح العنصرين الثاني والثالث.

6 إعجابات