طراحی UI / UX
طراحی UI و UX که مهندس‌های شما واقعاً می‌توانند بسازند
تحقیق، جریان کاربر، وایرفریم و دیزاین سیستم فیگما، توسط طراح‌هایی که کنار توسعه‌دهنده‌ها می‌نشینند، تا آنچه طراحی می‌شود همان باشد که منتشر می‌شود.
صفحه‌های قشنگ، محصول نیستند
طراحی‌ای که در اسلاید تمام می‌شود، کار را دو بار میسازد: یک بار برای تحسین، یک بار برای فهمیدن این‌که روی موبایل، به فارسی، در حالت خالی یا با یک اسم چهل‌حرفی چطور رفتار می‌کند.
ما به‌عنوان بخشی از تیم مهندسی طراحی میکنیم. هر صفحه حالت‌هایش، رفتار ریسپانسیوش و نسخه‌ی راست‌به‌چپش را دارد. کامپوننت‌ها در کتابخانهی فیگمایی زندگی میکنند که یک‌به‌یک به کد نگاشت می‌شود، و تا انتشار، ساخت را با طراحی مقایسه میکنیم.
برای چه کسانی
مناسب شماست اگر
- یک SaaS، مارکتپلیس، اپ یا پرتال مشتری راه می‌اندازید و می‌خواهید بی‌دردسر حس شود.
- محصول‌تان کار می‌کند، اما کاربرها گم می‌شوند، تیکت‌های پشتیبانی تکرار می‌شوند و نرخ تبدیل کمتر از چیزی است که باید باشد.
- برند و هویت بصری می‌خواهید که در محصول، سایت و مارکتینگ یکدست ادامه پیدا کند.
تحویل‌ها
چه چیزی تحویل میدهیم
تحقیق کاربر و نقشه‌ی سفر
مصاحبه، بررسی آنالیتیکس و کالبدشکافی رقبا، تبدیل‌شده به جریانهایی که آدم‌ها واقعاً طی میکنند.
وایرفریم و پروتوتایپ
جریان‌های کم‌جزئیات برای توافق روی ساختار، بعد پروتوتایپ کلیک‌پذیر با جزئیات کامل در فیگما برای تست قبل از هر کدی.
دیزاین سیستم در فیگما
توکن، کامپوننت، واریانت و مستندات که به کدبیس نگاشت می‌شود تا صفحه‌های جدید یکدست بمانند.
برند و هویت بصری
لوگو، رنگ، تایپوگرافی و لحن، از یک راهنما روی محصول، سایت و شبکه‌های اجتماعی اعمال‌شده.
طراحی چندزبانه و راستبهچپ
چیدمان فارسی و عربی که درست طراحی شده، با جریان‌های آینه‌شده و تایپوگرافی خوانا؛ نه یک صفحه‌ی انگلیسیِ برعکس‌شده.
کنترل کیفیت طراحی حین ساخت
هر صفحه‌ی پیاده‌شده را بازبینی میکنیم و فاصله‌ها را با توسعه‌دهنده‌ها می‌بندیم تا محصول منتشرشده با طراحی یکی باشد.
روند کار
یک پروژهی طراحی چطور پیش میرود
Figma
Nuxt
Vue
Tailwind- 01
کشف
هدف‌ها، کاربرها، محدودیت‌ها و داده‌ی موجود. یک سند کوتاه که همه قبل از کشیدن هر چیزی روی آن توافق میکنند.
- 02
ساختار
معماری اطلاعات، جریان کاربر و وایرفریم، بازبینی‌شده با شما و با مهندس‌هایی که قرار است بسازندش.
- 03
طراحی
زبان بصری، بعد صفحه‌های با جزئیات کامل برای هر حالت، در همان کتابخانهی فیگمایی که تیم بعداً هم استفاده می‌کند.
- 04
ساخت مشترک
تحویل یک گفت‌وگوست، نه انداختن فایل. در ساخت می‌مانیم، سؤال‌ها را جواب میدهیم و نتیجه را کنترل کیفیت میکنیم.
سؤال‌های رایج
سؤال‌هایی که زیاد می‌شنویم
هر دو. خیلی از مشتریها ما را فقط برای طراحی میآورند و با توسعهدهندههای خودشان میسازند؛ کتابخانهی فیگمای مستند تحویل میدهیم. وقتی ساخت هم با ماست، طراحی و کد را یک تیم میسازد و بیشتر مشکلات تحویل از بین میرود.
یک سایت معرفی متمرکز دو تا سه هفته. یک SaaS یا مارکتپلیس با تحقیق، جریانها و دیزاین سیستم معمولاً شش تا ده هفته، موازی با توسعهی بکاند.
بله. با ممیزی UX محصول فعلی و آنالیتیکس شما شروع میکنیم، جریانهایی که کاربر از دست میدهند را اولویت میدهیم و مرحلهبهمرحله بازطراحی میکنیم تا محصول متوقف نشود.
بله، بهصورت بومی. طراحهای ما هر روز با این زبانها کار میکنند: گرید راستبهچپ، ناوبری آینهای، جفتکردن فونت و اعداد فارسی و عربی بخشی از طراحی پایه است، نه یک فکر بعدی.
فایل فیگما با کتابخانهی کامپوننت، همهی صفحهها و حالتها، پروتوتایپ، فایلهای خروجی و یک راهنمای کوتاه طراحی. و اگر ما بسازیم، کنترل کیفیت طراحی هم.
محصولی می‌خواهید که کاربرها راحت بفهمند؟
هر چه دارید بفرستید: شرح، اپ، طرح اولیه. با محدوده‌ی کار و قدم‌های اول برمی‌گردیم.