مسارات لا شاشات
الأسهم هي العمل التصميمي
الشاشة سهلة الرسم ورخيصة الجدال حولها. ما يقرّر جودة التطبيق هو الطريق بين الشاشات، وما يحدث على الفرع الذي لم يرد أحد التفكير فيه.
02
التصميم للجوال يجعل كل قرار مرئيًا. المساحة الضيّقة تُجبر التسلسل والتنقّل والتفاعل على استحقاق مواضعها. أستكشف iOS وAndroid كعمل واحد — مفاهيم واجهات ونماذج أوّلية تعمل، تعامل التصميم والبناء بوصفهما تخصّصًا واحدًا.
ما هذا
تطبيق يفتحه الناس على هاتف: الواجهة، والمسارات بين الشاشات، والحالات التي لا يتذكّر أحد رسمها، والقرارات الميكانيكية الصغيرة التي تجعله يبدو منتميًا إلى الجهاز لا موقعًا مضغوطًا. التصميم والبناء هنا عمل واحد لا عملان — وهذا يهمّ أساسًا عند الوصلات، لأنّ الوصلات هي حيث تضيع الأشياء في التسليم.
معظم كلفة التطبيق ليست في رسمه، بل في القرارات المتّخذة قبل رسم أي شيء، وفي الحالات التي لا تظهر إلّا حين يسوء شيء ما.
مسارات لا شاشات
الشاشة سهلة الرسم ورخيصة الجدال حولها. ما يقرّر جودة التطبيق هو الطريق بين الشاشات، وما يحدث على الفرع الذي لم يرد أحد التفكير فيه.
إبهام واحد
الهاتف يُمسَك، غالبًا بيد واحدة، وكثيرًا بشكل سيّئ. الفعل الأساسي داخل القوس الذي يغطّيه الإبهام؛ والفعل المدمّر خارجه عن قصد.
حجم حرف ديناميكي
أحدهم ضبط ذلك في إعدادات نظامه لسبب. التخطيطات مبنية لتنمو معه لا لتقتطعه، وهذا أشيع إخفاق في سهولة الوصول على الهاتف.
محليًّا أولًا
العمل في القطار عمل أيضًا. ما حُفِظ محليًّا يُعرَض محفوظًا، وما لم يبلغ الخادم يُعرَض معلّقًا، ولا يتظاهر أحدهما بأنه الآخر.
منصّتان
الرجوع إيماءة على إحداهما وشريط على الأخرى؛ والفعل الأساسي في موضع مختلف. مطابقة المنصّة ليست تنازلًا في التصميم، بل جزء منه.
الإطلاق
ابنِ، ثم قدّم، ثم انتظر. إعداد بطاقة المتجر وتمرير الطلب تخصّص صغير قائم بذاته، وعملية المراجعة لن تسمح بكل شيء — وهذا يُعلَّم مبكرًا بدل الجدال حوله لاحقًا.
الحالات
يكاد كل تطبيق يُصمَّم في الحالة التي نجح فيها كل شيء: وصل المحتوى، وكانت الشبكة موجودة، والحساب قائمًا. أمّا الأربع الأخرى فهي حيث يقرّر الناس فعلًا إن كانوا سيُبقونه. الخمس جميعًا تُرسَم قبل بناء أي شيء.
أول شاشة يراها الجميع تقريبًا، وأقلّها تصميمًا. عليها أن تقول لماذا وُجد هذا، وأن تعطي شيئًا واحدًا بالضبط يُفعَل بعده.
مشكَّلة على هيئة ما هو قادم، حتى لا يقفز التخطيط عند وصوله. مؤشّر دوّار في وسط شاشة فارغة لا يقول للقارئ شيئًا سوى: انتظر.
تلك التي في العرض التقديمي. هي أسهل الخمس، وهي سبب القفز عن الأربع الأخرى.
ما الذي أخفق، بالكلمات، وما العمل حياله. لا رمز أبدًا، ولا هزّ كتفين، ودائمًا طريق للعودة ليس هو الإغلاق القسري.
جملة صادقة واحدة لكل شاشة. المخزّن يبقى مقروءًا ومعلَّمًا بأنه مخزّن؛ وما يحتاج اتّصالًا يقول ذلك. المؤشّر الدوّار الذي لا ينتهي هو سبب حذف التطبيقات.
الطريقة
كل تطبيق يستحقّ الإقدام عليه يبدأ بهذا التسلسل، مكتوبًا ومُجادَلًا فيه ما دام الجدال بلا كلفة. يستغرق بعد ظهيرة واحدة، وهو أرخص بعد ظهيرة في المشروع.
ما أفحصه
الحجم نفسه والوزن نفسه، في العمودين. معرفة أين تقع حدود العمل قرار تصميمي بقدر أي شيء داخلها.
الأسئلة
لأنّ تطبيقين يُوصَفان بالجملة نفسها قد يفترقان بمرتبة كاملة في التعقيد الفعلي، وعدد الشاشات وحده يخفي معظم ذلك.
والعوامل ليست غامضة. كم شاشة هناك فعلًا حين تُحسَب الحالات الفارغة وحالات الخطأ. وهل يُخزَّن شيء وأين. وهل عليه التحدّث إلى نظام قائم أصلًا. وهل ثمّة تسجيل دخول، وبالتالي حساب يحتاج استعادة. وهل يذهب إلى متجر واحد أم إلى الاثنين. وكم يستغرق طابور المراجعة حين يصل إليه، وهو ما لا يتحكّم فيه أحد. عند هذه الأسئلة الستّة يبدأ التفكير فعلًا.
بعض ما يحتاجه التطبيق، لا كلّه — ويستحقّ الأمر الدقّة في تحديد أيّهما أيّ، بدل طمس الفرق.
ما تُثبته: العمل على الواجهات، وتصميم المسارات، والانضباط مع لوحة المفاتيح وقارئ الشاشة، ورسم كل حالة لا الحالة السعيدة وحدها، وعادة تدوين سبب اتّخاذ كل قرار.
وما لا تُثبته: التقديم إلى المتاجر، وتشظّي الأجهزة، وإطلاق ينتهي في طابور مراجعة شخص آخر. والاختبار الصادق أن تفتح أيًّا من الأعمال العشرة وتقرأ شيفرة تفاعله — لماذا يذهب التركيز حيث يذهب، وماذا يحدث على اتّصال بطيء، وماذا يفعل مسار تقليل الحركة ولماذا. هذا العمل نفسه، في متصفّح بدل متجر، وهو يعمل الآن.
الأعمال
لا واحد من هذه تطبيق. إنّها عمل التفاعل الذي يتكوّن منه التطبيق، وكلّها بمبادرة ذاتية، ولكلٍّ منها نسخة حيّة وتقرير يقول ما الذي قاوم.
واجهة مرسومة، بلا أصول جاهزة، 2022
حلقات تقدّم وعدّادات مرسومة بـ SVG بدل إرسالها صورًا، على مراقب واحد مشترك بدل مراقب لكل عنصر.
لمس ومؤشّر، 2024
Pointer capture منجَز كما ينبغي — سحبٌ لا ينكسر حين يغادر الإصبع العنصر، وهو العطب الذي يُطلَق به كل شريط تمرير مصنوع يدويًا.
واجهة كاملة بلوحة المفاتيح، 2026
لوحة أوامر تتصرّف كلوحة أوامر: التركيز محتجَز ما دامت مفتوحة، ومفاتيح الأسهم، والتمرير مقفل، والتركيز يُعاد عند الإغلاق.
شاهد الأعمال العشرة كلّها — كلّها بمبادرة ذاتية، وكلّها حيّة، وكلّها بمصدر مفتوح للقراءة.
تطبيقات الجوال
لا يوجد تطبيق هنا بعد، لكن كل مبدأ في هذه الصفحة — الحالات، والمسارات، والانضباط مع لوحة المفاتيح وقارئ الشاشة — يعمل بالفعل في العشرة. وإن أردت الحديث عن تطبيق لم يوجد بعد، فالرابط الثاني لذلك.
من فضلك أدر جهازك،
هذا الموقع مبني عموديًا.