رفتن به محتوا
پیوند
لوزی طلایی در میانه و سه ضربه قلم که از آن جدا می‌شوند: ضربه‌ای سرمه‌ای که پایین می‌آید و با چند قطره پرتاب‌شده به چپ می‌رود، موجی آبی که به راست می‌رود، و خطی آسمانی که بالا می‌رود و دو آدم کوچک رویش به هم می‌رسند.لوزی طلایی در میانه و سه ضربه قلم که از آن جدا می‌شوند: ضربه‌ای سرمه‌ای که پایین می‌آید و با چند قطره پرتاب‌شده به چپ می‌رود، موجی آبی که به راست می‌رود، و خطی آسمانی که بالا می‌رود و دو آدم کوچک رویش به هم می‌رسند.

فلسفه پیوند

پشت هر قاعده پیوند حسی هست که می‌خواهیم به کاربر بدهیم.

پیوند را ساخته‌ایم تا کاربر از همان نگاه اول در فضایی مدرن احساس راحتی کند و این احساس کم‌کم به همدلی و نزدیکی برسد. می‌خواهیم کاربر در نهایت خودش را با ما یکی بداند. همه‌چیز را در پیوند بر پایه سه هسته طراحی می‌کنیم. تصویر هر هسته پابه‌پای خواندن شما پیش می‌رود.

پویا و مدرن

پیوند امروزی و جاندار است و اندازه نگه می‌دارد.

دو لکه گواش خیس روی کاغذ می‌نشینند و قلم خط را یک‌ضرب از سر تا ته می‌نویسد.لوزی طلایی از انتهای خط پرتاب می‌شود و درست روی خط کرسی می‌نشیند.کودک روی انتهای خط خیز برمی‌دارد و می‌پرد؛ لوزی یک بار برق می‌زند و باقی تصویر آرام می‌ماند.

کاربر باید حس کند با چیزی زنده سروکار دارد. پیوند به هر کاری که او می‌کند جواب می‌دهد و هیچ‌وقت خشک و بی‌روح نیست. دکمه زیر دستش واکنش نشان می‌دهد و او همیشه می‌داند کارش دیده شده است. هر چیزی که حرکت می‌کند بی‌درنگ راه می‌افتد و نرم می‌ایستد؛ از مقصدش رد نمی‌شود و پیداست از کجا آمده است.

مدرن بودن در پیوند یعنی سادگی و دقت. زبان تصویری‌اش «کاغذ و جوهر» است: زمینه‌ای آرام، متنی خوانا و خط‌هایی باریک که بخش‌ها را از هم جدا می‌کنند. چیزی را بی‌دلیل به صفحه اضافه نمی‌کنیم و هر عنصر دقیق سر جای خودش می‌نشیند تا کاربر راهش را بی‌زحمت پیدا کند.

پیوند همه‌جا یکسان نمی‌درخشد. لحظه‌های مهم، مثل ورود به صفحه یک کمپین یا تشکر پس از کمک، جای درخشیدن‌اند. وقتی کاربر سرگرم کاری است، مثل پر کردن فرم اهدا یا خواندن یک گزارش، صفحه آرام می‌ماند و چیزی حواسش را پرت نمی‌کند.

یکپارچه و منسجم

پیوند همه محصولات ما را یک‌دست می‌کند.

چهار نوار رنگ یکی‌یکی از یک حاشیه مدادی کشیده می‌شوند و قلم‌مو برای هر کدام یک بار رنگ برمی‌دارد.قلم یک بار مرکب می‌گیرد و چهار موج را پشت هم روی نوارها می‌نویسد، هر کدام یک پله روشن‌تر.لوزی طلایی میان دو موج سر جایش می‌نشیند و کودک روی موج سوم دستش را به موج بالایی می‌رساند.

سایت، کمپین‌ها، پنل و گزارش‌ها، همه را با پیوند می‌سازیم. کسی که از سایت به یک کمپین می‌رود یا در پنل گزارش کمکش را می‌خواند، باید با همان رنگ‌ها و فونت‌ها، همان دکمه‌ها و همان لحن روبه‌رو شود و حس کند هنوز همان‌جاست.

رنگ‌ها و اندازه‌ها یک منبع دارند. هر فاصله، هر رنگ و هر اندازه متن در پیوند یک توکن است و کامپوننت‌ها به‌جای عدد خام، نام توکن را به کار می‌برند. نام هر توکن می‌گوید مقدارش چه نقشی دارد. وقتی توکنی عوض شود، همه محصولات با هم به‌روز می‌شوند و هیچ صفحه‌ای جا نمی‌ماند.

هر کامپوننت یک بار ساخته می‌شود و همه‌جا همان است. دکمه فرم اهدا همان دکمه پنل است. اگر جایی چیزی با قاعده جور نباشد، یا قاعده ایراد دارد یا آن چیز. هر کدام که باشد، آن را در خود پیوند درست می‌کنیم تا همه‌جا درست شود؛ وصله‌کاری در یک صفحه فقط ایراد را پنهان می‌کند.

رابط و همراه

پیوند، همان‌طور که از نامش پیداست، ما را به آدم‌ها وصل می‌کند.

لکه گرم از بالا و لکه سرد از پایین به سوی هم می‌آیند، شکاف میانشان بسته می‌شود و از آن‌جا با هم پیش می‌روند.دو بازوی خط به هم می‌رسند، لوزی طلایی همان‌جا می‌نشیند و خطی آبی از آن راه می‌افتد؛ روی هر بازو رهگذری پیدا می‌شود.خط آبی راهش را ادامه می‌دهد و دو رهگذر به هم نزدیک‌تر می‌شوند؛ رهگذر پایینی، کودکی با کیف مدرسه، دست تکان می‌دهد.

تا می‌توانیم فاصله‌مان را با کاربر کم می‌کنیم. هر صفحه باید مثل همراهی باشد که کنار او راه می‌رود و کمکش می‌کند.

با کاربر همان‌طور حرف می‌زنیم که آدم با آدم حرف می‌زند. او را «شما» خطاب می‌کنیم. لحنمان گرم و محترم است و هرگز ترحم‌آمیز نیست. عددی که نشان می‌دهیم واقعی است، او را با فوریتی ساختگی تحت فشار نمی‌گذاریم و هیچ گزینه‌ای را از پیش برایش انتخاب نمی‌کنیم. اعتمادش را با همین صداقت در جزئیات به دست می‌آوریم.

هیچ‌کس نباید بیرون بماند. پیوند دست‌کم استاندارد WCAG ۲٫۲ را در حد AA رعایت می‌کند: کنتراست کافی، فوکوسی که پیدا باشد، دسترسی کامل با صفحه‌کلید و متنی که صفحه‌خوان درست بخواند. پیوند را از ابتدا راست‌به‌چپ ساخته‌ایم و زبان اولش فارسی است.