https://virgool.ir/feed/@Gamagraphicیک طراح تجربه و رابط کاربر محصول دیجیتالfa2026-11-12 06:20:15https://files.virgool.ir/upload/users/43924/avatar/QsjVIC.jpeghttps://virgool.ir/@Gamagraphichttps://virgool.ir/@Gamagraphic/دوستی-با-توسعه-دهندگان-مسائله-این-است-hc9m5faeeuggبه عنوان یک طراح UI / UX ، می دانید که موفقیت محصول دیجیتال شما به همان اندازه که به طراحی متکی است ، به فرآیند توسعه نیز متکی است. بعد از طراحی نهایی ، حداقل یک یا چند توسعه دهنده باید کدی را بنویسند که طرح های شما را زنده می کند. این نقطه ای هست که شما باید وارد بشید تا آنچه که را در ذهن داشتید و خلقلش کردید رو زنده نگهدارید.اگر می خواهید یک محصول موفقیت آمیز ارائه دهید ، لازم است که برای اطمینان از لحاظ اجرا و سادگی ، با توسعه دهندگان همکاری نزدیک داشته باشید.یادگیری چگونگی همکاری موثر با توسعه دهندگان نه تنها باعث سرعت در اجرای کد آنها می شود، بلکه باعث میشه که شما بتوانید بهتر و بهتر اون محصول رو ارائه بدین .در ادامه 7 مورد رو به شما میگم که باید برای دوستی با توسعه دهنده ها رعایت کنید :1. حل و فصل کردن چالش هایی که سریع به وجود میان2. طراحی یک دیزاین سیستم3. کاهش گپ علمی یا رسیدن به یک ادبیات واحد سازمانی4. ساده سازی تا جای ممکن5. استفاده از فضای خالی و توجه به Edge Case ها6. تعریف سکشن ها و نمایش جریان های بین آنها به وضوح7. ایجاد یک چک لیست از تمام اجزای لازم و ضروری1. حل و فصل کردن چالش هایی که سریع به وجود میانیکی از بهترین راه ها برای اطمینان از رساندن طراحی به توسعه دهندگان ، این است که مطمئن شوید هرگونه مشکلات احتمالی قبل از واگذاری آن برطرف شده است.این کار با مشارکت تیم توسعه در مراحل طراحی به راحتی انجام می شود.برای حل این مشکل میتواند پروتوتایپ و یا طرح هایی رو که در ذهن دارید رو با توسعه دهندگان مطرح کنید تا آنها بتوانند مواردی رو که امکان دارد با چالش بکشاندشون رو اعلام کنند.شاید اینجا همان نقطه ای هست که به زد و خورد منجر می شود شوخی کردم زیاد جدی نگیرید با توسعه دهندگان دوست باشید.همین کار ساده که با مشارکت توسعه دهندگان انجام میدهید باعث میشود که اطمینان پیدا کنید که خروجی نهایی آنها به آن چیزی که قرار هست حتما اتفاق بیفته نزدیکتر باشد. 2. طراحی یک دیزاین سیستمدیزاین سیستم برای توسعه دهندگان این قوت قلب رو ایجاد میکنه که اجزای گرافیکی که قرار هست طراحی کنند مدام تغییر نمیکند و این میتونه از کد های رنگ گرفته تا اندازه های اجزایی مثل دکمه ها و ...، همچنین باعث ساده کردن کار و تغییرات می شود و همچنین می شود از یک دیزاین سیستم برای پروژ های دیگر هم استفاده کرد.یک دیزاین سیستم خوب باید این اجزا رو پوشش بده :- کد رنگ ها و گرادیانت ها- تایپوگرافی (فونت ها و سایزها)- فاصله ها- افکت ها (سایه ها - بلور ها)- آیکن ها و حالت های مختلفشون - کامپوننت ها - فرم ها + (ولیدیشن هاشون)دقت کنید که در این مورد از متد اتمیک استفاده کنید تا اجزایی که طراحی میکنید دارای یک انسجام همگون باشند .بعد از طراحی یک دیزاین سیستم این اطمینان حاصل می شود که کل محصول با هم یکپارچگی دارد و تمام اجزا یکدیگر را پوشش می دهند.دیزاین سیستم3. کاهش گپ علمی یا رسیدن به یک ادبیات واحد سازمانیشکاف دانش در بین شما و توسعه دهندگان می تواند مانع بزرگی برای دستیابی موفقیت باشد.در نحوه صحبت طراحان و توسعه دهندگان درباره عناصر خاص طراحی و همچنین تغییرات کوچکتر تفاوت های زیادی وجود دارد. به عنوان مثال ، طراحان یک برداشتی از Border-raduis دارند توسعه دهندگان یک برداشت دیگر و یا ممکن هست کامپوننتی که شما طراحی کرده اید نتونه اون چیزی رو که در ذهن شما بوده رو انتقال بده پس بهتر هست اگر این مورد پیش اومد یه ننت کوچیک کنار کامپوننت قرار بدهید تا توسعه دهنده گیج و سردرگم نشود.همچنین برای قسمت های مختلفی که در دیزاین سیستم یا جریان ها قرار دارد سکشن ها و نام های مشخصی را انتخاب کنید تا در جلسات بتوانید دقیق تر و درست تر به مسائل بپردازید می توانید برای برخی از نامگذاری ها، از کمک توسعه دهندگان استفاده کنید.4. ساده سازی تا جای ممکنایجاد روشهای ارتباطی و استانداردهای روشن بین شما و توسعه دهندگان از ابتدای کار می تواند باعث صرفه جویی در وقت و سردگمی در روند انتقال اطلاعات شود. راه اندازی کانالهای اختصاصی در برنامه هایی مانند Slack یا تلگرام برای بحث در مورد پروژه های خاص ، مکان خوبی برای شروع است.اگر بتوانید یک برنامه واحد بین خود و توسعه دهندگان مثل فیگما انتخاب کنید تا مسائل رو در یک محیط متمرکز پیش ببرید باعث سرعت بخشیدن به روند طراحی می شود.تایید گرفتن در یک محیط یکپارچه شبیه به فیگما اطمینان دو طرف رو در هم مسیر قرار گرفتن در طراحی صحیح و کار آمد محصول چند برابر می کند.slack ارتباط از طیق یک اپ مناسب شبیه 5. استفاده از فضای خالی و بکار گیری از گوشه هاطراحان گاهی اوقات از فاصله ها و حالت های خالی درون برنامه ها چشم پوشی می کنند ، اما کنار گذاشتن این موارد می تواند به این معنی باشد که توسعه دهندگان باید راه حل هایی ارائه دهند که ممکن است به اندازه کافی کاربر پسند نباشد.تمام حالت هایی که ممکن هست یک توسعه دهنده با اون مواجه بشود را در نظر بگیرید اگر حتی فاصله های استانداردی را بین اجزا در نظر نگرفته باشید ممکن هست توسعه دهندها خود وارد عمل بشوند و ما نمیخوایم که اونها درگیر طراحی بشوند هنگام اجرای طراحی نهایی.فضا های خالی به کاربر کمک میکند تا در هنگام استفاده از محصول احساس تازگی کند و اگر این مورد به خوبی درک نشده باشد کاربر با حجمی از اطلاعات مواجه می شود که ممکن هست او را گیج کند پس سعی کنید مواردی که باید نیاز به توضیح بیشتر دارد برای توسعه دهنده توضیح بدهید که دقیقا همون رو اجرا کنند.در تجربه کاربری محصول Edge Case را موقعیتی می‌گوییم که تیم محصول احتمال رخداد آن را نمی‌داده و در طراحی Userflow دیده نشده است. Edge Case ها معمولا اتفاقات ناخوشاید برای کاربران محصول هستند که باعث ایجاد یک تجربه کاربری بد و ضعیف از محصول می‌شوند.۱- برای مثال کاربر برای دانلود رایگان یک فیلم یا کتاب به سایت مراجعه می‌کند و پس از مواجه شدن با ثبت‌نام اجباری برای دانلود و انجام بی‌میل آن متوجه می‌‌شود که باید اکانت VIP نیز خریداری کند و تصمیم به ترک سایت می‌گیرد.۲- کاربر با جست‌وجو در سرچ وب‌سایت با صفر نتیجه رو‌به‌رو می‌شود. حداقل پیشنهادات یا کالاهای مشابه در جست‌وجو باعث بهبود تجربه‌ می‌شود.۳- یکی دیگر از Edge Cases برای ما ایرانی‌ها هنگام ثبت‌نام در سایت‌های خارجی و مواجهه با شماره تلفن و کدتایید و نبود ایران در لیست کشورها اتفاق می‌افتد. فضاهای خالی و Edge Case 6. تعریف واضح قسمت ها (سکشن ها) و جریان ها (فلوها)هر صفحه از طراحی که شما انجام میدهید بسیار مهم هست ولی چیزی که برای توسعه دهندگان مهم تر می شود اطلاعات و چگونگی رفت و آمد بین این صفحات می باشد.مطمئن شوید که مسیرها و جریان ها بخوبی در طراحی مشخص شده باشند تا توسعه دهندگان سردرگم نشوند.اطمینان داشته باشید بدون ایجاد کردن جریان های که بین صفحات مشخص هست، توسعه دهندگان گیج می شوند برخی از فلوها واضح هستند ولی برخی دیگه نیاز به تفکر و تعامل بیشتر می باشد و اگر رعایت نشود از لحاط زمانبندی دچار مشکل می شوید.7. ایجاد یک چک لیست از تمام اجزای لازم و ضروریاین رو مطمئن باشید تمام مواردی رو که شما جمع آوری میکنید و کمک میکنه که نقاط کور محصول دیده بشه نیاز تیم توسعه هم می باشد پس این چک لیست رو که شامل :- طراحی سیستم - طراحی جریان ها - انیمیشن ها - ....داشتن یک چک لیست برای داشتن این داراییی ها به ساده سازی و قابل فهم بودن طراحی و اجرا کمک میکندنبود یک چک لیست کامل باعث کند شدن کل سیستم و سردرگی دیگر اعضا می شود.چک لیستتمامی موارد گفته شده در این مقاله مهم هستند ولی به یاد داشته باشید که جلسات مفیدی که تمام افراد ذینفع رو در مشخص کردن یک موضوع مبهم گذاشته میشه میتونه بسیار سازنده و هیجان انگیز باشه هر اندازه برای این مورد زمان بزارید مطمئن باشید خروجی مطلوبتری خواهید داشت .با درنظر گرفتن این موارد اگر در حین پروژه مسائله غیر ضروری به وجود بیاد باتوجه به مستند سازی های انجام شده و جلسات ایجاد شده مسائل به سادگی حل میشوند و در نهایت محصولی موفق ایجاد خواهد شد.ممنون میشم از دوستان (توسعه دهندگان - دیزاینرها) اگر موردی هست که اضافه کنم :)Javad NourizadeganJavad NourizadeganFri, 28 May 2021 22:11:17 +0430