مرور
پیوند باید کاربر را اول راحت و در فضایی مدرن حس کند، و این حس به همدلی و نزدیکی برسد. فاصلهی بین مؤسسه و آدم روبهرو باید با طراحی به حداقل برسد، و کاربر با چیزی پویا و انسانی روبهرو باشد؛ نه شلوغ، نه رباتیک.
هر اصل سه بخش دارد: معنا، آنچه در عمل یعنی، و آزمونی که میشود با آن سنجیدش.
۱. نزدیک
فاصلهی بین مؤسسه و آدم روبهرو را کم میکنیم. این پادزهرِ حسِ رباتیک و بیروح است.
در عمل: زبانِ آدم به آدم، نه بیانیهی نهادی. عکس واقعی از آدمهای واقعی با کرامت؛ نه استوک، نه نگاه ترحمبرانگیز. فرمها فقط چیزی را میپرسند که واقعاً لازم است. بازخورد فوری و شخصی.
آزمون: هر جملهی رابط را بلند بخوانید؛ یکی از اعضای مؤسسه همینطور میگفتش؟ یک بازدیدکنندهی اولی بدون راهنما در کمتر از یک دقیقه میتواند اهدا کند؟
۲. زنده
پویا یعنی پاسخگو، نه تزئینشده.
در عمل: هر حرکت جواب یک کار کاربر یا یک تغییر واقعی است. اعداد زنده و واقعیاند. حالتها دیده میشوند. هیچچیز وقتی کاربر میخواند خودش تکان نمیخورد.
آزمون: برای هر انیمیشن یک جمله بنویسید: «کاربر چه کرد یا چه تغییر کرد؟» جواب نداشت، حذف. با «حرکت کم» سیستمعامل هم همهچیز کار میکند.
۳. آرام
یک تمرکز در هر صفحه. این خط قرمز شلوغی است.
در عمل: سلسلهمراتب اول با فضا و تایپ، بعد با رنگ. فضای خالی سخاوتمندانه. کهربایی کمیاب است: فقط برای اقدام اصلی یا یک تأکید در هر نما.
آزمون: چشم نیمهبسته؛ مهمترین چیز صفحه هنوز پیداست؟ در هر نما دقیقاً یک اقدام اصلی هست؟
۴. صادق
هیچچیزی که اهداکننده بعداً حس کند سرش کلاه رفته.
در عمل: عدد واقعی؛ هرگز اضطرار ساختگی یا شمارندهی جعلی. هیچ تیکِ از پیش خورده. هزینه و مقصد پول قبل از پرداخت روشن. گزارش بعد از هر کمپین.
آزمون: اگر فردا این صفحه در یک گزارش خبری دیده شود، جای خجالتی دارد؟
۵. برای همه
«یکی هستیم» یعنی هیچکس بیرون نمیماند.
در عمل: دسترسپذیری WCAG 2.2 سطح AA کف کار است، نه سقف آن. بودجهی سرعت برای اینترنت موبایل ایران. راستبهچپ از ریشه و آینهی انگلیسی. تم روشن و تیره از روز اول.
آزمون: کنتراست و کیبورد در آزمونهای خودکار چک میشوند. صفحه روی گوشی متوسط با اینترنت متوسط در کمتر از سه ثانیه قابل استفاده است.
ترتیب داوری
وقتی اصول با هم درگیر شدند، این ترتیب تصمیم میگیرد:
- صادق
- برای همه
- آرام
- نزدیک
- زنده
یعنی حرکتِ قشنگی که صفحه را شلوغ میکند، به «آرام» میبازد؛ و تشویقِ گرمی که مرز صداقت را خم میکند، به «صادق» میبازد.
بکن
در هر نما یک دکمهی کهربایی: «حمایت میکنم».
چرا (آرام): یک اقدام اصلی، بقیهی صفحه ساکت.
نکن
دو دکمهی کهربایی کنار هم: «حمایت میکنم» و «اشتراکگذاری».
چرا (آرام): دو دکمهی کهربایی در یک نما یعنی هیچکدام مهم نیست.
صحنه و کار
پیوند دو نوع فضا میشناسد و اصل حاکم بر هر کدام فرق میکند:
- صحنه — هیرو، لندینگ کمپین، لحظهی تشکر. اینجا «زنده» میتواند درخشان باشد.
- کار — فرم اهدا، پنل، خواندن گزارش. اینجا «آرام» حکم میکند و حرکت فقط بازخورد است.