التصميم للمستخدمين المحترفين

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

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

المنتج الخفي خلف المنتج المرئي

كل منتج عظيم يحمل منتجين بداخله. المرئي للمستخدم الجديد، والخفي للمستخدم الذي يعرف أصلًا.

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

Linear يشحن الاثنين عن قصد. المستخدم الجديد يرى صندوق وارد نظيفًا بإجراء رئيسي واضح. والخبير يضغط g ثم i للقفز إلى الوارد، وc لإنشاء مهمة، وshift-click للتحديد المتعدد، وكل عرض محفوظ هو رابط قابل للمشاركة. منتج واحد. منتجان. كلاهما مصمَّم.

المستخدمون المحترفون هم الشريحة التي لا تحتمل خسارتها

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

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

الطبقات الخمس لتجربة المستخدم المحترف

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

1. لوحة الأوامر

لوحة Cmd-K هي سطح موحّد للبحث والتنفيذ. ضغطة واحدة تستدعي كل إجراء ومسار وكائن في المنتج، مرتبة حسب الحداثة والتكرار. لوحة Linear هي المعيار. وRaycast بنى طبقة نظام تشغيل كاملة حول الفكرة نفسها. وNotion وVercel وGitHub وSlack كلها تشحن لوحتها.

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

2. اختصارات لوحة المفاتيح كنظام من الدرجة الأولى

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

Linear يشغّل نظام أزواج الحروف القابل للتوسع. الحرف الأول يسمّي السطح (g للذهاب)، والثاني يسمّي الوجهة (i للوارد، p للمشروع، m لمهامي). يتعلم المستخدم قاعدة واحدة فيفتح خمسين اختصارًا. Notion يشحن الشرطة المائلة للأوامر وCmd-K للوحة. وFigma يشحن أدوات بحرف واحد (V للتحريك، R للمستطيل، F للإطار، T للنص). واختصارات Gmail لا تزال المعيار الذهبي للبريد بعد عشرين عامًا.

النظام هو المنتج. كومة اختصارات منفردة ليست نظامًا، بل قائمة مهام متراكمة نسي الفريق حذفها.

3. العروض المحفوظة والمرشحات والإشارات المرجعية

الخبير يبني المنتج حول سير عمله. العروض المحفوظة في Linear تظهر في الشريط الجانبي، وتنجو من تسجيل الخروج، وتُشارك برابط، وتتحدث مباشرة. وعروض قواعد البيانات المصفّاة في Notion تفعل الشيء نفسه للمحتوى. وعمليات البحث المحفوظة في Stripe تخزّن المرشح الدقيق الذي يلتقط الشذوذ. وVercel يثبّت الفريق والمشروع لكل إشارة مرجعية فتصبح لوحة التحكم الصحيحة على بعد ضغطة.

الشرط غير القابل للتفاوض: الحالة المحفوظة يجب أن تكون قابلة للعنونة. كل عرض محفوظ يجب أن يملك رابطًا ينجو من تسجيل الخروج وتبديل الجهاز والمشاركة مع زميل. الحالة التي تعيش في localStorage فقط تختفي لحظة يفتح المستخدم المنتج على حاسوب آخر.

4. العمليات الجماعية

الخبير يلمس مئة كائن في اليوم. المنتج إما يدعم ذلك أو يعاقبه عليه. التحديد المتعدد في Linear بـ shift-click ثم التحديث الجماعي بالمفتاح B هو النموذج المرجعي. والتحديد المتعدد في قواعد بيانات Notion يتيح تغيير الحالة والمسؤول والوسوم عبر ثلاثين صفًا بحركة واحدة. واختصارات Gmail مع shift-J هي سبب احتمال الوارد على نطاق واسع.

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

5. أسطح المحترفين فقط

بعض الأسطح موجودة للخبير وحده. وحدة تحكم Figma API، ومكتبة إضافات Raycast، وعرض إدارة قواعد البيانات في Notion، وVercel CLI، وطبقة حجز الوقت بلوحة المفاتيح فقط في Cron وNotion Calendar. هذه هي طبقة العمق التي يعيش فيها الخبير.

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

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

داخل لوحة الأوامر

لوحة Cmd-K هي أهم سطح للمحترفين، ومعظم الفرق تشحن لوحة ضعيفة. خمسة عناصر تفصل اللوحات القوية عن أشرطة بحث متنكرة.

اللوحة العظيمة ترتب النتائج بالحداثة والتكرار، وتعرض تلميح مفتاح بجانب كل نتيجة، وتقبل المعاملات مباشرة، وتتحدد بالسياق، وتُغلق بضغطة Esc واحدة. لوحة Linear تفعل الخمس. وRaycast يفعل الخمس ويحوّل اللوحة إلى المنتج كله. معظم اللوحات تفعل اثنتين، فيتعلم المستخدم تجاهلها.

خمس قواعد لتصميم تجربة المستخدم المحترف

خمس قواعد تفصل سطح المحترفين الحقيقي عن قائمة اختصارات مرمية في تذييل المساعدة. حقق أربعًا وغالبًا يعمل السطح. حقق اثنتين ويرحل الخبير.

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

المنتج الذي يحقق أربعًا من خمس يبدو حيًّا تحت يدي الخبير. والذي يحقق اثنتين يبدو موقعًا ركّبوا عليه بعض حيل لوحة المفاتيح.

أنماط سيئة تدل على أن الفريق نسي الخبير

خمسة أنماط تقتل أسطح المحترفين أكثر من أي شيء آخر.

اختصارات تتعارض مع المتصفح. إعادة ربط Ctrl-W أو Ctrl-T داخل تطبيق ويب تغلق التبويب ويخسر المستخدم عمله غير المحفوظ. استخدم نطاقًا داخل Cmd-K بدلًا من ذلك.

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

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

جدران دفع للخطة الاحترافية على اختصارات أساسية. بعض المنتجات تقفل اختصارات لوحة المفاتيح أو لوحات الأوامر أو العروض المحفوظة خلف خطة "Pro". الاختصار ليس الميزة، بل هو طريقة استخدام الميزة. حجبه هو حجب المنتج نفسه.

عروض محفوظة لا تنجو من تسجيل الخروج. مرشح يعيش في localStorage فقط يمحو نفسه حين يفتح المستخدم المنتج على جهاز آخر. احفظ على الخادم، واربطه بالمستخدم، ودع الرابط يحمله.

تدقيق المستخدم المحترف

مرّر أي منتج على هذه الأسئلة السبعة. اخفق في اثنين أو أكثر وسيكون الخبير على منتج آخر قبل نهاية الربع.

1. هل لكل إجراء رئيسي اختصار على لوحة المفاتيح؟ اسرد أهم عشرين إجراءً وافحص. إذا احتاج أكثر من ثلاثة إلى الفأرة فطبقة لوحة المفاتيح ناقصة.
2. هل توجد لوحة Cmd-K تبحث وتنفذ؟ ليس شريط بحث. لوحة تشغّل الأوامر وتقبل المعاملات وتعرض تلميحات الاختصارات.
3. هل الاختصارات قابلة للاكتشاف في السياق؟ تلميحات، تلميحات اللوحة، تسميات القوائم. يجب أن يتعلم المستخدم الاختصار وهو ينفذ الإجراء، لا بقراءة الوثائق.
4. هل يعمل التحديد المتعدد من لوحة المفاتيح مع تراجع واضح؟ Shift-click، ثم إجراء بضغطة، ثم تراجع بمفتاح واحد. أي حلقة مفقودة تكسر السلسلة.
5. هل العروض المحفوظة قابلة للعنونة بالرابط ودائمة؟ انسخ الرابط والصقه في متصفح آخر وسجّل الدخول. إذا لم يُحمَّل العرض فالحالة المحفوظة مسرحية.
6. هل أسطح المحترفين على بعد ضغطة من أي مكان؟ وحدة التحكم، وسطح API، ومكتبة الإضافات. إذا اضطر الخبير للتنقل للوصول إليها فهي صفحات ميزات لا أسطح محترفين.
7. هل يعامل المنتج لوحة المفاتيح كمواطن من الدرجة الأولى؟ لا اختصارات متعارضة مع المتصفح. لا اختصارات خلف جدار دفع. لا إجراءات جماعية بالفأرة فقط.

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

أين يقع هذا في المنتج

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

ابنِ المنتج الخفي عن قصد

المنتج المرئي ينال منشور الإطلاق وفيديو العرض. والمنتج الخفي ينال التجديد والكلمة المنقولة. Linear وRaycast وSuperhuman وNotion وCron وFigma وGmail وVercel وSlack وGitHub وStripe وCursor تشترك كلها في سمة واحدة. شحنت منتجًا ثانيًا حقيقيًا للمستخدم الذي يعرف أصلًا.

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

الأسئلة الشائعة

ما هي تجربة المستخدم المحترف؟

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

هل يجب أن يملك كل منتج لوحة أوامر Cmd-K؟

تقريبًا كل منتج إنتاجية يجب أن يملكها. تصبح اللوحة السطح الموحد للبحث والتنفيذ وتمنح الخبير ضغطة واحدة تفتح كل إجراء. Linear وRaycast وNotion وVercel وGitHub وSlack كلها تشحن واحدة. منتجات المستهلكين ذات الإجراء الرئيسي الواحد يمكنها التخلي عنها. أما معظم أدوات B2B وprosumer فلا تستطيع.

كيف تعلّم اختصارات لوحة المفاتيح دون جولة؟

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

اشحن المنتج الثاني

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