https://virgool.io/feed/@miladsaeediPD سلام، من میلاد سعیدی ui/ux designer هستم. 2 ساله که در دنیای دل انگیز دیزاین وارد شده ام و هر روز تلاش میکنم زندگی زیبا و تجربه ای عالی برای انسان ها ایجاد کنم fa 2026-06-16 08:10:31 https://files.virgool.io/upload/users/1998634/avatar/m6RlcR.png?height=120&width=120 https://virgool.io/@miladsaeediPD https://virgool.io/@miladsaeediPD/%DA%86%DA%AF%D9%88%D9%86%D9%87-%DB%8C%DA%A9-%D8%B1%D8%B2%D9%88%D9%85%D9%87-%D8%AD%D8%B1%D9%81%D9%87-%D8%A7%DB%8C-%D9%88-%D8%A7%D8%B3%D8%AA%D8%A7%D9%86%D8%AF%D8%A7%D8%B1%D8%AF-%D8%A8%D9%86%D9%88%DB%8C%D8%B3%DB%8C%D9%85-%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA-%D9%87%D8%A7%DB%8C-%D8%B1%D8%B2%D9%88%D9%85%D9%87-%D8%B3%D8%A7%D8%B2-od1nnx4lwfle مدیر استخدام کاربر است و رزومه شما محصول. به عنوان یک طراح UI/UX ، از شما انتظار می‌رود که کافرمایان و مدیران استخدام را در اولویت خود قرار دهید. اولین پروژه شما به‌عنوان یک UI/UX Designer، رزومه شما است. برای رسیدن به شغل رویایی و مدنظرتون، نیاز به یک رزومه خوب و استاندارد دارید. چگونگی نمایش مهارت‌ها، تجربه‌ها و پروژه‌ها به نحوی که کارفرما را ترغیب به استخدام شما کند، بسیار مهم و حائز اهمیت است. رزومهرزومه طراح UI/UX، چگونه روزمه‌ای است؟ رزومه‌های طراحان UI/UX مانند رزومه‌های دیگر باید مروری کوتاه بر تجربیات، مهارت‌ها، تحصیلات و دستاوردهای یک طراح UI/UX باشد. این اطلاعات نشان می‌دهند که چگونه یک طراح می‌تواند به شرکت کمک کند و به عنوان یک طراح ارزشی به شرکت ارائه دهد. به‌طور کلی رزومه‌های طراحان UI/UX باید به این سوالات پاسخ دهد:1- شما کی هستید؟2- تاحالا چه تجربیاتی داشتید؟3- مهارت‌ها و تخصص‌های شما چیا هستن؟4- در چه دوره‌های مرتبطی شرکت کردید؟5- و...شروع کار – هدف از رزومه چیست؟رزومه راهی برای ارائه مهارت‌ها و تجربیات خود به یک کارفرما است. این اطلاعات نشان می‌دهند که شما برای این موقعیت شغلی مناسب هستید که در نهایت می‌تواند شما را به مصاحبه دعوت کند. رزومه‌ها داستانی را بیان می‌کنند که چرا مهارت‌ها و تجربه‌ها شما را به کاندیدای عالی تبدیل می‌کند. لزوماً لازم نیست در همه چیز متخصص باشید. مدیران استخدام به دنبال افراد باکیفیت و شایسته با توانایی حل مسئله خلاق و آشنا با ابزارهای طراحی صنعت هستند. رزومه فهرستی از تمام کارهایی که انجام داده‌اید نیست. در عوض، این یک تصویر فوری از دستاوردهای شما است. رزومه‌ها باید نشان دهند که چگونه مهارت‌ها و تجربیات UI/UX شما به موفقیت یک شرکت کمک می‌کند. یک رزومه UI/UX باید نمایانگر چیزی باشد که شما باید ارائه دهید و الهام بخش یک مدیر استخدام برای بررسی نمونه کارها باشد.8 مرحله برای نوشتن یک رزومه عالی و استاندارد برای طراحان UI/UX:1- درباره شرکت یا سازمان تحقیق کنیدمشابه هر محصولی، نتیجه نهایی باید انسان‌محور باشد. زمانی را برای تحقیق در مورد شرکت و موقعیتی که برای آن درخواست می‌دهید اختصاص دهید تا بتوانید درک زیبایی‌شناختی و چشم‌انداز کلی آنها را ایجاد کنید. شما می‌توانید این اطلاعات را با مطالعه صفحات وب، صفحات رسانه‌های اجتماعی و تجربه طراحانی که قبلا در این شرکت یا سازمان بودن جمع‌آوری کنید. برای افزایش شانس دعوت شدن به مصاحبه، رزومه خود را برای هر شغل یا موقعیتی که برای آن درخواست می‌کنید تنظیم کنید.2- شرح شغل را به‌صورت کامل مطالعه کنیدرزومه‌ها باید برای هر موقعیتی که درخواست می‌دهید سفارشی شود. کارفرمایان می‌خواهند ببینند که چگونه مهارت‌ها و تجربیات گذشته شما با نیازهای خاص آنها مرتبط است. شرح شغل را به‌دقت مرور کنید و مهارت‌ها و الزامات مهم را برجسته کنید.برخی از شرکت ها قبل از اینکه مدیران استخدام حتی به رزومه نگاه کنند، از نرم افزار غربالگری اولیه استفاده می‌کنند. توجه داشته باشید که کدام کلمات و عبارات بیشتر استفاده می‌شود و آن عبارات را در رزومه خود قرار دهید.3- طراحی رزومه باید ساده، تمیز و خوانا باشدرزومه شما فرصتی برای نشان دادن مهارت‌های خود به عنوان یک طراح است، بنابراین می‌خواهید یک تجربه کاربری‌دلپذیر برای خواننده ایجاد کنید. رزومه شما باید توانایی شما در سازماندهی و ساده‌سازی اطلاعات را به کارفرمایان نشان دهد که برای یک طراح UI/UX موفق کلیدی است.اصول تفکر طراحی را در رزومه خود به‌کار ببرید، همانطور که برای طراحی رابط کاربری در پروژه‌ها انجام می‌دهید. از رزومه خود برای نشان دادن حساسیت‌های طراحی خود استفاده کنید، اما آن را ساده، تمیز و خوانا نگه دارید. از فضای سفید کافی استفاده کنید، قالب بندی ثابت را حفظ کنید، از یک فونت و از رنگ‌های کم استفاده کنید.4- این موارد را در رزومه خود قرار دهیدبرای ایجاد یک رزومه UI/UX قوی و با ساختار مناسب، این بخش‌ها را قرار دهید. موضوعات کلیدی که باید در رزومه قرار بگیرد:اطلاعات تماس شامل: نام و نام‌خانوداگی، ایمیل، شماره تلفن، پروفایل لینکدینخلاصه‌ای از خودتان : این قسمت شاید مهم‌ترین بخش رزومه شما باشد. می‌تواند به شما کمک کند که برجسته شوید. در دو تا چهار جمله، داستان خود را بگویید. میل و اشتیاق خود را بازگو کنید. چرا شما بهترین نامزد برای این موقعیت هستید؟ سوابق شغلی: تجربه حرفه‌ای مرتبط خود را بیان کنید، بنابراین جدیدترین تجربه شما باید در ابتدا قرار بگیرد. برای هر تجربه‌ای عنوان شغلی، نام شرکت، تاریخ شروع و پایان را درج کنید. برای هر تجربه دو تا سه امتیاز را هدف بگیرید. به جای اینکه به سادگی مسئولیت‌های شغلی خود را بیان کنید، تجربیات خود را حول دستاوردهای خود به عنوان یک طراح تنظیم کنید. برای مثال، به‌جای نوشتن «وب‌سایت‌های طراحی‌شده کاربر محور»، آن را به‌عنوان «این اپلیکیشن یا وبسایت به‌صورت کاربر محور طراحی‌شده که تعامل کاربر را به حداکثر می‌رساند و هویت برند را تثبیت می‌کند» بازنویسی کنید.مهارت‌ها: هر مهارتی امتیازی است برای موفقیت و متفاوت نشان دادن شما. فقط مهارت‌هایی که با مهارت‌های ذکر شده در شرح شغل مطابقت دارند را بنویسید.پروژه ها:پروژه های طراحی UI/UX مرتبط خود را برجسته کنید. عنوان، توضیح و نقش خود را در پروژه بیان کنید. پروژه را به اختصار شرح دهید و ابزارها و مهارت‌های مربوطه را نمایش دهید.دوره‌ها و مدارک: اگر در دوره‌های مرتبط با دیزاین شرکت کردید، آنها را بنویسید. بعضی از دوره‌های دیزاین مدرکی هم به دانشجویان ارائه می‌دهند.مشخصات تحصیلی: بالاترین مدرک تحصیلی خود را با ذکر نام دانشگاه و محل اخذ مدرک درج نمایید.نام موسسه، مدرک یا گواهینامه و تاریخ شروع و پایان را ذکر کنید. اگر در UI/UX تازه کار هستید و تجربه کاری زیادی ندارید، می‌توانید بر دستاوردهای آموزشی و دوره‌های آموزشی مرتبط خود تأکید کنید.افتخارات و دستاورد‌ها: اگر دستاورد یا افتخاری مرتبط در زمینه دیزاین و مهارت‌های مرتبط دارید، آن‌ها را ذکر کنید.5- نمونه‌های رزومه طراحان باتجربه و حرفه‌ای را مطالعه کنیداین قدم شاید مفید‌ترین اقدامی باشد که شما می‌توانید در فرایند نوشتن رزومه انجام دهید. با این کار ذهن خود را باز می‌کنید و با قالب یک روزمه خوب و استاندارد آشنا می‌شوید.6- دستاوردهای مهم‌تان را طوری که جلب توجه کند بنویسیدبجای لیست کردن و نوشتن تمام شرح وظایفتان در بخش سوابق شغلی، چند تا از مهم‌ترین دستاوردها را در هر سمتی که داشته‌اید بنویسید و در صورت امکان با اعداد و ارقام میزان تاثیر و موفقیت‌تان را بیان کنید. حتی می‌توانید بخش‌های جداگانه برای دستاوردها و مهارت‌ها داشته باشید تا به طور مشخص این اطلاعات مهم در معرض توجه قرار بگیرد.7- از بزرگ‌نمایی پرهیز کنیدبزرگ‌نمایی خطای رایجی است که بسیاری در رزومه خود قرار می‌دهند. حتی اگر شما در رزومه کاری خود به بزرگ‌نمایی بپردازید، در جلسه مصاحبه یا حتی پس از شروع به کار احتمال اینکه شکست بخورید بسیار زیادتر می‌شود.8- رزومه را با فرمت PDF ذخیره کنید و فایل رزومه را به‌درستی نام گذاری کنیدحتما فرمت فایل را به PDF تبدیل کنید تا فایلتان به همان صورتی که تنظیم شده و بدون تغییر به دست کارفرما برسد. همچنین حتما از نام خودتان در اسمی که برای رزومه می‌گذارید استفاده کنید. به‌عنوان مثال: Resume _ Milad Saeediمهم‌ترین نکاتی که هنگام طراحی رزومه باید رعایت کنید1- مختصر باشیدبه‌طور ایده‌آل تعداد صفحات رزومه باید 1 صفحه باشد. کارفرمایان ممکن است صدها درخواست را بررسی کنند، بنابراین رزومه خود را کوتاه و دقیق نگه دارید.2- رزومه شما باید مطابقت با شرح شغلی باشداز ارسال رزومه عمومی خودداری کنید. برای هر شغل UI/UX که برای آن درخواست می‌دهید، رزومه خود را ویرایش و بازنویسی کنید تا با موقعیت و شرکت مرتبط باشد.3- رزومه خود را مرتب نگه داریداز عنوان‌ها برای ساختار محتوای خود استفاده کنید. نقاط حساس و کاربردی راه خوبی برای سازماندهی و هضم محتوای شما هستند.4- از جملات کلیدی استفاده کنیدجملات موفقیت‌آمیز را بسازید: برای هر تجربه کاری، یک جمله از جنس موفقیت به شکل فعل عمل + وظیفه + نتیجه بنویسید. به عنوان مثال، "با طراحی جدید این وبسایت به‌صورت کاربر‌محور ثبت‌نام‌ها را 30 درصد افزایش دادیم."5- تجربه و آموزش‌های UI/UX خود را برجسته کنیددر ابتدای هر بخش بر مهارت‌‌ها و تجربیات برتر خود تأکید کنید. با مرتبط‌ترین و جالب‌ترین اطلاعات شروع کنید تا کارفرمایان ترغیب به خواندن رزومه شما شوند.6- رزومه خود را بادقت بخوانید و بررسی کنیدرزومه خود را از نظر هرگونه اشتباه املایی و گرامری بررسی کنید. رزومه‌ شما نباید هیچ‌گونه مشکلی داشته باشد. اگر رزومه ارسال می‌‌کنید، بررسی کنید که لینک‌هایی که وارد کرده‌اید کار می‌کنند.رزومه‌ساز‌های آنلاین و رایگاناگر‌ چه پیشنهاد می‌شود روزمه خود را از ابتدا و به‌صورت دستی بسازید، اما این سرویس‌ها به‌شما در ساخت رزومه کمک می‌کنند و شما می‌توانید از آنها الگو‌برداری کنید.1- سایت Resume coach2- سایت Resume.IO3- سایت JobScan( بهترین برای بهینه سازی رزومه)4- سایت cvbuilder5- سایت VisualCVخلاصهدرباره شرکت، نقش و مهارت‌های مربوط به طراحی UI/UX تحقیق کنیدنمونه‌های رزومه طراحان باتجربه و حرفه‌ای را مطالعه کنیدتجربه تحصیلی مرتبط، تجربه‌کاری و پروژه‌های UI/UX را به بخش صحیح رزومه خود اضافه کنیدبا استفاده از فرمت فعل عمل + وظیفه + نتیجه برای هر تجربه، نقاط حساس مختصر ایجاد کنید، با تاکید بر موفقیت‌ها و تاثیر‌هایی که روی محصول گذاشته‌ایداز یک طراح حرفه‌ای و باتجربه بخواهید رزومه شما را بررسی کندامیدوارم از خواندن این مقاله لذت برده باشید. لایک و کامنت‌‌های شما بشدت برای من اهمیت دارن.منابع:cvresumebrainstation میلاد سعیدی میلاد سعیدی Sun, 20 Aug 2023 10:16:03 +0330 https://virgool.io/@miladsaeediPD/7-%D9%85%D8%B1%D8%AD%D9%84%D9%87-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%DB%8C%DA%A9-%D8%B5%D9%81%D8%AD%D9%87-%D8%AF%D8%A7%D8%B4%D8%A8%D9%88%D8%B1%D8%AF-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D9%BE%D8%B3%D9%86%D8%AF-%D8%A8%D8%A7-%DA%AF%D8%B1%DB%8C%D8%AF%E2%80%8C%D8%A8%D9%86%D8%AF%DB%8C-%D9%85%D9%86%D8%A7%D8%B3%D8%A8-a8yvvwg0jr75 صفحات داشبورد چیست؟داشبوردها فرصتی مناسب برای تأثیرگذاری بر رفتار کاربران و افزایش نرخ نگهداری کاربران هستند. با استفاده از داده‌های جمع‌آوری‌شده از طریق تحقیق، طراحان می‌توانند داشبوردی ایجاد کنند که داده‌های کاربردی و مرتبط را نمایش دهند. همه این‌ها از طریق طراحی رابط کاربری داشبورد امکان‌پذیر است.داشبوردها برای نمایش مهم‌ترین و مفیدترین اطلاعات در یک محصول استفاده می شوند.نمونه‌ای از طراحی یک داشبوردتقریبا هر کسب و کاری، نیاز به نمایش داده‌ها و تحلیل آنها دارد. داشبوردها در صنایع مختلف مورد استفاده قرار می‌گیرند تا نمایشی در زمان واقعی از داده‌ها در قالبی خلاصه‌شده ارائه دهند که منجر به درک آسان‌تر می‌شود.برای مثال، یک فروشگاه لباس را در نظر بگیرید. مدیر این فروشگاه می‌خواهد بداند در هر ماه چه تعداد لباس به‌فروش رفته است، یا کدام لباس‌ها در بین کاربران محبوب‌تر بوده است. یا کاربری را در نظر بگیرید که می‌خواهد از وضعیت ارسال محصول خود آگاه شود.اما قسمت سخت زمانی فرا می‌رسد که قرار است یک داشبوردی با رابط کاربری زیبا با دسترسی ساده و سریع طراحی کنیم.کاربران فقط نگران بررسی داده‌های خود به روشی زیبا نیستن، بلکه می‌خواهند ببینند با این داده‌ها چه‌کاری می‌توانند انجام دهند.اگر یک داشبورد با رابط کاربری مناسب و مدرن طراحی کنید، به کاربران امکان دسترسی آسان به اطلاعات مورد نیاز را می‌دهید. برای اینکه این اتفاق بیفتد، اطلاعات داشبورد باید به راحتی قابل اسکن باشد و فقط حاوی اطلاعات کلیدی باشد.7 مرحله برای طراحی یک داشبورد زیبا و کاربرپسند1- نیاز‌ها و اهداف کاربر را در اولویت قرار دهید.داده‌هایی که یک طراح از طریق روش‌های مختلفی مانند تحقیق کاربر جمع‌آوری می‌کند، می‌تواند به طور جدی بر کیفیت طراحی و تجربه کاربر تأثیر بگذارد.برای طراحی رابط کاربری داشبورد، باید چنین تحقیقاتی را نیز انجام دهید. وقتی در مورد مخاطبان هدف تحقیق می‌کنید، متوجه خواهید شد که آنها چه می‌خواهند و به چه چیزی نیاز دارند. بر اساس آن اطلاعات، می‌توانید تعیین کنید که مهم‌ترین داده‌ای که باید در داشبورد استفاده کنید چیست.2. نوع داشبورد را نتخاب کنید.چهار نوع داشبورد اصلی وجود دارد:عملیاتی: داشبوردهایی که برای اهداف هوش تجاری استفاده می‌شوند. هدف آنها اندازه‌گیری، نظارت و مدیریت عملیات با مقیاس زمانی فوری یا کوتاه‌تر است.استراتژیک: برخلاف داشبوردهای عملیاتی، داشبوردهای استراتژیک برای استراتژی‌های بلند مدت یک کسب و کار استفاده می‌شوند. آنها با تجزیه و تحلیل ضروری‌ترین اطلاعات بر اساس روندها کار می‌کنند.تاکتیکی: این داشبورد پر از مجموعه‌ای از داده‌ها است. این داده‌ها بیشتر برای کمک به تدوین استراتژی‌های رشد در حلقه های میانی مدیریت استفاده می‌شود.تحلیلی: داشبوردهایی با داده‌های جامع. چنین داده‌هایی توسط تحلیلگران برای کمک به ایجاد بینشی که به رشد کسب و کار در سطح اجرایی کمک می‌کند استفاده می‌شود.3- قابلیت شخصی‌سازی را برای کاربران ایجاد کنید.قابلیت شخصی‌سازی تضمین می‌کند که طراحی محصول شما می‌تواند پاسخگوی نیازهای بسیاری از کاربران شما باشد. در نتیجه، شما مجبور نخواهید بود که محصول خود را در زیربخشی از بازار هدف قرار دهید.مهمتر از آن، یک رابط کاربری انعطاف‌پذیر به کاربران کمک می‌کند اطلاعات را اولویت‌بندی کنند. در نتیجه، رابط کاربری شما را آسان می‌کند و به مشتریان شما کمک می‌کند تا خیلی سریع‌تر احساس «در خانه» داشته باشند.به عنوان مثال:اطمینان حاصل کنید که کاربران می توانند به‌طور مستقیم بخش‌ها را اضافه، ویرایش یا حذف کنند.4- از قانون 5 ثانیه استفاده کنید.داشبوردها به کاربران امکان دسترسی به اطلاعات مرتبط را می‌دهند. هدف اصلی آنها مشاهده اطلاعات خواسته شده در یک بازه زمانی کوتاه است. با در نظر گرفتن این موضوع، از قانون پنج ثانیه استفاده کنید.خوب به‌خاطر داشته باشید که کاربر حاضر است پنج ثانیه برای یافتن اطلاعات مورد نیاز خود وقت بگذارد.5- معماری اطلاعات را جدی بگیرید.همه چیز از سلسله مراتب داده تا چیدمان برای موفقیت داشبورد شما مهم است. اما با این حال، طراحی شما برای عملکرد به تعادل نیاز دارد. برای دستیابی به تعادل، طرحی را هدف قرار دهید که بر مهم‌ترین عناصر تأکید دارد. این از طریق یک معماری اطلاعات سنجیده به دست می‌آید.6- اطلاعات را دسته‌‌بندی کنید.کاربران معمولاً داشبوردها را به عنوان یک صفحه کامل پر از جدول‌ها، عناصر، ارقام و انبوهی از چیزهای دیگر درک می‌کنند.اگر داشبورد شما بیش از حد از داده‌ها اشباع شده است یا از تعاملات زیادی برخوردار است، بهتر است آن را به چند نما تقسیم کنید. این به میزان قابل توجهی وضوح و قابلیت استفاده را افزایش می‌دهد.7- شاخص‌های کلیدی(KPI) را تعیین کنید.شاخص‌های کلیدی(KPI) معیارهایی هستند که برای نمایش تصویری از مرتبط‌ترین داده‌ها بر اساس حوزه های مختلف کسب و کار یا برند شما استفاده می‌شوند. شما باید این شاخص‌های کلیدی را با دقت انتخاب کنید. داده‌هایی که از مرحله تحقیقات کاربری بدست آمده‌اند، می‌توانند کمک کننده باشند.بهترین گرید‌بندی برای صفحات داشبورداولین و مهم‌ترین قدم در طراحی یک صفحه داشبورد، مشخص کردن یک گرید‌بندی مناسب است. گرید‌ها به طراحان رابط و تجربه کاربری کمک می‌کند تا داشبوردی یکپارچه و استاندارد طراحی کنند، همچنین باعث می‌شود کاربران محتویات صفحه را راحت‌تر اسکن کنند و تعامل بهتری با صفحه داشته باشند.از آنجا که گرید‌بندی مناسب دغدغه‌‌ی همیشگی طراحان رابط و تجربه کاربری بوده است و برای طراحی یک داشبورد زیبا و کاربرپسند نیاز به یک راهنمای گرید‌بندی مناسب احساس می‌شود، تصمیم گرفتم مجموعه کاملی از گرید‌بندی‌های استاندارد که بر اساس فریم‌ورک Bootstrap5 است، برای صفحات داشبورد را در کامیونیتی فیگما منتشر کنم که شما می‌توانید از طریق لینک زیر به آن دسترسی داشته باشید و استفاده کنید.لینک فایل در کامیونیتی فیگما:https://www.figma.com/community/file/1232441071588530801بنر فایل Dashboard Grid System Bootstrap 5 در کامیونیتی فیگماامیدوارم از مطالعه این مقاله لذت برده باشید.حمایت‌های شما بشدت برای من ارزشمند است.منابع:https://adamfard.comhttps://uxplanet.org میلاد سعیدی میلاد سعیدی Sun, 30 Apr 2023 08:00:41 +0330 https://virgool.io/@miladsaeediPD/%D9%86%D9%88%DB%8C%D8%B3%D9%86%D8%AF%DA%AF%DB%8C-%D8%AA%D8%AC%D8%B1%D8%A8%D9%87-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1uxwriting-%DA%86%DB%8C%D8%B3%D8%AA-v7p3pnxgqikh نویسندگی تجربه کاربر، فرآیند نگارش متن‌های یک محصول دیجیتال مانند وبسایت و اپلیکیشن است. خروجی این فرآیند متن‌هایی است که در وبسایت‌ها و اپلیکیشن‌ها نوشته می‌شوند. به این متن‌ها microcopy یا ریز‌متن می‌گویند.این فرآیند می‌تواند شامل سرچ کردن، تحلیل رقبا، ویرایش متن‌ها و... باشد.یواِکس‌رایتینگ(UXWriting)هدف از نوشتن میکروکپی ها در محصولات دیجیتال راهنمایی، هدایت و تعامل با کاربران است. میکروکپی‌ها باعث می‌شوند تا کاربر‌ها راحت‌تر به اهدافشون برسند.میکروکپی‌ها طبق اهداف صفحات یک محصول نوشته می‌شوند. مثلا متن‌های مربوط به یک لندینگ‌پیج یا ارور‌هایی که در فرایند ثبت‌نام یا ورود به حساب کاربری نمایش داده می‌شوند. وظایف uxwriterیواِیکس‌رایتر نگارش متن‌هایی از جمله: متن‌های داخل هدر وبسایت که شامل تایتل، ساب‌تایتل و متن بدنه می‌شود.متن دکمه‌ها، مثلا دکمه‌های call to actionپیام‌‌های تایید، هشدار و ارور‌هامتن داخل مدال‌ها یا تولتیپ‌‌هامتن‌‌های نوتیفیکیشن، ایمیل و پیام‌‌‌هاو..را انجام می‌دهد.به‌طور کلی، متن‌‌هایی که از جنس راهنمایی، هدایت و تعامل با کاربران هستند.نمونه‌ای از میکروکپی‌ها در بخش سوالات متداول نمونه‌ای از میکروکپی‌ها در یک صفحه معرفی محصولهمه متن‌هایی که در این عکس‌ها مشاهده می‌کنید، توسط uxwriter نوشته شده است.انواع متن در محصولمتن‌های متفاوتی در یک محصول وجود دارد که به 3 دست کلی تقسیم می‌شود:1- متن تجربه کاربر(uxwriter)2- متن تبلیغاتی(copywriter) 3- محتوا/مقاله(content writer)در شرکت‌های بزرگ معمولا برای هر دسته، یک نیرو متخصص در نظر می‌گیرن. اما در شرکت‌های کوچک این امکان وجود دارد که یک نیرو برای هر 3 دسته در نظر گرفته شود. این 3 حوزه با یکدیگر هم‌پوشانی دارن، اما کاملا متفاوت و تخصصی هستند.تفاوت uxwriter و copywriterتفاوت اصلی در اهداف نگارش آنها است. یواِیکس‌رایتر تلاش می‌کند تا با کاربر تعامل برقرار کند و برای رسیدن به هدفش راهنمایی کند.اما کپی‌رایتر اهداف مارکتینگی دارد. یک کپی رایتر به جذب و فروش محصول فکر می‌کند و سعی بر این دارد تا کاربر را مجاب به استفاده از محصول کند. نکته: یک یواِکس‌رایتر همیشه به مهارت کپی‌رایتر نیاز دارد.تفاوت‌های uxwriter و copywriterیواِیکس‌رایتر با چه کسانی همکاری می‌کند؟product managerproduct designerux researchercall to centerfront end & back end developermarketingمهارت های سخت و نرمی که یک uxwriter باید داشته باشد:مهارت‌های نرم(soft skills):تفکر کاربرمحورتسلط بر اصول یواِکس‌رایتینگآشنایی با کاربرپژوهی (UX research) و تست‌های کاربردپذیریتسلط بر دستور زبان و درست‌نویسیمستندسازیآشنایی اولیه با اصول طراحی (Product design)مهارت‌های سخت(hard skills):تعامل با کاربرانمطالعه مرتبط و به‌روز بودنهم‌دلیعمل‌گراییسازمان‌دهیفرآیندمحوری و خلاقیت در فرآیندسازیجمع‌بندی:یواِکس‌رایتینگ یک تخصص جذاب و تقریبا جدید در ایران است. شما با استفاده از میکروکپی‌ها می‌توانید تجربه کاربران یک محصول را بهبود دهید. هدف از میکروکپی‌ها تعامل و راهنمایی با کاربران یک محصول است.امیدوارم از خواندن این مطلب لذت برده باشید! میلاد سعیدی میلاد سعیدی Sun, 12 Mar 2023 09:17:36 +0330 https://virgool.io/@miladsaeediPD/%D8%B1%D8%A7%D8%A8%D8%B7-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-%DB%8C%D8%A7-ui-%DA%86%DB%8C%D8%B3%D8%AA-%D9%86%D9%82%D8%B4%D9%87-%D8%B1%D8%A7%D9%87-%DB%8C%D8%A7%D8%AF%DA%AF%DB%8C%D8%B1%DB%8C-mivxh38qdzby چگونه طراحی UI را از پایه بیاموزیم؟آیا کسی می تواند طراح UI شود وقتی که در UI تخصص نداشته باشد؟قطعا بله. هیچ چیز در دنیا برای کسی که فکرش را به آن معطوف کرده سخت نیست. با روش های مناسب و تلاش زیاد می توان بدون هیچ مبنایی به آن دست یافت.رابط کاربری (UI) چیست؟طراح رابط کاربری (User Interface) تمام تعاملات و رفتارهای کاربر با یک محصول را بررسی می کند تا رابطی ایجاد کند که به بهترین شکل ممکن با نیازهای کاربر سازگار باشد.هدف از طراح رابط کاربری ایجاد رابطی است که کاربر برای استفاده آسان و از نظر زیبایی شناسی دلپذیر باشد.یک طراح رابط کاربری تمام صفحه‌های یک محصول را طراحی می‌کند و عناصر بصری و ویژگی‌های تعاملی آن‌ها را ایجاد می‌کند که تعامل کاربر را تسهیل کند. برای رسیدن به این هدف از مواردی مانند الگوها، فاصله، متن و رنگ برای راهنمایی کاربر استفاده می کنند.رابط کاربری (User Interface) نقطه تعامل بین انسان و کامپیوتر است. طراحی رابط کاربری فرآیند طراحی ظاهر، احساس و تعامل با استفاده از المان های بصری برای یک محصول دیجیتال است.تصور کنید از یک اپلیکیشن یا وبسایت برای رزرو بلیط هواپیما استفاده می کنید.صفحاتی که پیمایش می‌کنید، دکمه‌هایی که ضربه می‌زنید و فرم‌هایی که پر می‌کنید همگی بخشی از رابط کاربری هستند.طراحان رابط کاربری ظاهر و احساس رابط کاربری یک برنامه را ایجاد می کنند.برخی از اِلمان های رابط کاربری:1- اینپوت ها2- دکمه ها3- رنگ ها4- تایپوگرافی5- آیکون ها6- و...شما با استفاده از اِلمان های رابط کاربری میتوانید وبسایت ها و اپلیکیشن ها را طراحی کنیدتفاوت رابط کاربری (UI) با تجربه کاربری (UX) چیست؟طراحی تجربه کاربری (UX) و طراحی رابط کاربری (UI) دست به دست هم می دهند، اما آنها دو رشته مجزا هستند.کولمن والش، مدیر عامل موسسه طراحی UX، طراحی UX و UI را به معماری و طراحی داخلی تشبیه می کند:اگر شما وظیفه ساخت یک هتل 5 ستاره جدید را داشتید، به یک معمار برای طراحی ساختار کلی هتل نیاز دارید. قبل از طراحی هر چیزی، آنها سؤالات کلیدی مانند چه چیزی می سازیم؟ چرا آن را می سازیم؟ برای چه کسی آن را می سازیم؟سپس معمار، ساختار هتل را با در نظر گرفتن چیدمان اتاق های مختلف و نحوه حرکت مهمانان در هتل برنامه ریزی می کند.با ترسیم نقشه هتل، طراح داخلی وارد عمل می شود تا تمام جنبه های بصری هتل را در نظر بگیرد. آنها چیزهایی مانند نورپردازی، مبلمان را برای ایجاد ظاهر و احساس خاصی در نظر می گیرند.در زمینه طراحی محصول، طراحان UX معماران و طراحان UI طراحان داخلی هستند.طراحی UX کل تجربه کاربر را از A تا Z در نظر می گیرد و همیشه نیازها، اهداف و نکات دردناک کاربران هدف را در نظر می گیرد. هدف طراحی UX ایجاد محصولات و تجربیاتی است که برای کاربر نهایی آسان، کارآمد، لذت بخش و با ارزش باشد.در حالی که UX تجربه کلی کاربر را در نظر می گیرد، UI بر عناصر بصری و تعاملی که شخص برای تعامل با یک محصول دیجیتال استفاده می کند، تمرکز دارد. کاربر هنگام استفاده از یک محصول دیجیتال چه چیزی را می بیند و با چه نقاط تماسی مواجه می شود؟ چگونه ظاهر بصری رابط به آنها کمک می کند تا کارهای خاصی را انجام دهند؟ کدام عناصر باید به کجا بروند؟ آیا زیبایی شناسی محصول برند را به تصویر می کشد و منعکس می کند؟تفاوت اصلی بین UX و UI این است که در حالی که طراحی UI فقط به رابط های دیجیتال مربوط می شود، طراحی UX را می توان برای هر چیزی اعمال کرد، نه فقط وب سایت ها و برنامه ها. هر چیزی که بتوان آن را تجربه کرد، می‌تواند طراحی شود، خواه تجربه ورود به بانک برای افتتاح حساب، سفارش آنلاین غذا یا ... UX و UI به مهارت‌ها، ابزارها و فرآیندهای مختلفی نیاز دارند، اما هر دو به قابلیت استفاده، دسترسی و ایجاد یک تجربه عالی برای کاربر مربوط می‌شوند.چگونه یک طراح UI شویم؟1- با مفهوم واقعی طراحی آشنا شوید.واقعیتی که وجود دارد، عموما نمونه کارهای طراحان مختلف رو در پلتفرم های مختلفی مانند Dribbble، Behance، اینستاگرام و… دیده اند و به این حوزه یعنی طراحی UI و UX علاقه مند شده اند. عموم این افراد تصوری که از طراحی UI دارند، بسیار سطحی و مربوط به جنبه های زیبایی شناختی و ظاهری یک محصول است. عموم این افراد فکر می کنند طراحی حرفه ای رابط کاربری به زیبایی رابط کاربری، انیمیشن های موجود در رابط کاربری و استفاده از Micro interaction ها و یا خرده تعاملات حرفه ای محدود می شود.به عنوان یک شخص علاقه مند به طراحی UI و UX در ابتدای راه باید با مفهوم واقعی طراحی یا Design آشنا شوید. بخشی از اتفاقاتی که برای طراحی یک محصول حرفه ای رخ می دهد مربوط به خلق یک ظاهر زیبا، خلاقانه است اما زهی خیال باطل که این تمام ماجرا باشد!  اتفاقات بزرگتری در چرخه خلق یک محصول حرفه ای می افتد.طراحی (Design) چیست؟هنر: شامل جنبه های زیبایی شناختی محصول، همان چیزی که عموم افراد طراحی را به آن می شناسند.مهندسی: شامل جنبه های Problem solving محصول. اینکه محصول به حل چه مشکلاتی می پردازد، جنبه های وابسته به کسب و کار محصول، کارایی محصول و مواردی از این قبیل که ورای جنبه های زیباشناختی محصول هستند.پس از این لحظه به بعد سعی کنید به هر محصول فراتر از جنبه های زیبایی شناختی آن فکر کنید، به عنوان یک فرد علاقه مند به حوزه طراحی UI و UX صرفا محو انیمیشن ها و رنگ های استفاده شده در پیش نمایش رابط کاربری سایر طراحان نشوید، به کاربرد محصول هم فکر کنید. آیا این محصول کارایی هم دارد، آیا می تواند مشکلی را از کاربران حل کند، این محصول چگونه امکانات مختلف را در اختیار کاربر قرار می دهد؟ آیا این محصول درآمد هم ایجاد می کند یا صرفا پیش نمایشی زیباست؟پس ذهنیتتان را در خصوص طراحی UI و UX عوض کنید. طراحان فقط به زیبایی و جذابیت یک محصول فکر نمی کنند، آن ها وظایف مهمتری در کنار خلق یک ظاهر زیبا برای محصول دارند. جنبه های مهندسی و Problem solving یک محصول به اندازه زیبایی آن اهمیت دارند.یک محصول زیبا اما ناکارامد را تصور کنید؟ چطور بود؟2- مفاهیم اولیه طراحی UX را بیاموزید.از آنجایی که تجربه کاربری (UX) یک وب سایت برای موفقیت آن بسیار مهم است، درک مفاهیم اساسی طراحی UX بسیار مهم است. هدف طراحی UX این است که با توجه به نیازها و خواسته های کاربر و همچنین آرایش روانشناختی، تجربه کاربر را تا حد امکان لذت بخش کند.3- حس زیبایی شناسی را توسعه دهید.با مطالعه اصول اولیه، فقط می توانید در درک اصول طراحی پیشرفت کنید. طرح‌های وب‌سایت‌ها و اپلیکیشن‌های موبایلی را که از آن‌ها لذت می‌برید با نگاهی انتقادی مطالعه کنید تا مهارت‌های خود را بهبود ببخشید. دفعه بعد که از وب سایتی که دوست دارید بازدید می کنید چند دقیقه وقت بگذارید و به این فکر کنید که چرا آن را خیلی دوست دارید. آیا این طرح رنگ، تعامل طراحی یا سبک قلم است؟ سلسله مراتب بصری سایت، فاصله بین عناصر، و آیکون ها و نمادهای استفاده شده، همه باید در هنگام ارزیابی طرح در نظر گرفته شوند. برای داشتن چشمی قوی برای طراحی، این امر ضروری است.وبسایت هایی برای الهام گیری رابط کاربری:onepagelove.comawwwards.combehance.netdribbble.compinterest.compttrns.comuimovement.com4- کار با ابزارهای طراحی UI و UX را یاد بگیرید.به عنوان یک طراح می بایست طرح های مدنظرتان که حاصل اطلاعات به دست آمده در مراحل قبلی هستند را با استفاده از نرم افزار ها و ابزارهای مختلف طراحی رابط کاربری اجرا کنید.فراموش نکنید یکی از مهلک ترین اشتباهاتی که یک طراح در ابتدای کار می تواند مرتکب شود این است که طراحی را از این مرحله شروع کند یعنی یک نرم افزار طراحی را انتخاب کند و بدون اطلاعات به طراحی بپردازد.ابزارها و نرم افزارهای مختلفی برای طراحی UI و UX وجود دارند که تقریبا در موارد کلی یکسان عمل می کنند. از این نرم افزار ها می توان به Adobe XD، Figma، Invision، Sketch و… اشاره کرد که می توانید بسته به نیاز خود و انتظاراتی از یک نرم افزار طراحی رابط کاربری دارید، نرم افزار مورد نظر خود را انتخاب کنید و یادگیری را شروع کنید.5- چشمتان را برای طراحی با کیفیت تمرین دهید.شما به عنوان طراح، نه تنها باید دیدگاه شما دستخوش تغییر شود بلکه چشم شما هم باید با دید یک طراح به طرح های مختلف نگاه کند. دیگران با نگاه کردن به یک طرح باید “مو” را ببینند و شما “هم مو و هم پیچش مو” !بگذارید بیشتر راجع این مساله صحبت کنیم، شما به عنوان یک طراح UI و UX باید ساعاتی از هفته را به مطالعه، تماشا و تعمق در خصوص طرح های سایر طراحان بگذارید. نگاه کردن به تنهایی کافی نیست، باید به هر محصول یا طرحی که نگاه می کنید در خصوص آن عمیق شوید. سوالاتی از این قبیل از خود بپرسید:طراح چگونه المان های مختلف را باهم ترکیب کرده است؟هر المان در چه قسمتی از رابط کاربری قرار گرفته است؟این محصول مشکلات مختلف را چگونه حل می کند؟چه صفحاتی دارد؟ چند صفحه دارد؟هر کدام از صفحات چه اطلاعاتی را در بر گرفته است؟6- با کپی کردن طرح های طراحان بزرگ، حرفه ای تر یاد بگیرید.کپی کردن همیشه بد نیست. در ابتدای مسیر یادگیری طراحی، کپی کردن طرح های سایر طراحان می تواند شما را در یک مسیر درست حرکت دهد اما فراموش نکنید که نباید بی هدف کپی کنید، باید در طرح های سایر طراحان عمیق شوید و سعی کنید حین اجرا و کپی کردن طرح های آن ها حواستان به کم و کیف طراحی آن ها نیز باشد.همیشه توجه داشته باشید که سایر طراحان UI و UX چگونه از مواردی که تا کنون یاد گرفته اید در طرح هایشان استفاده کرده اند. به راه حل هایی که طراحان در طرح های مختلف به کار برده اند توجه کنید. ببینید این طراحان چگونه برای حل یک مشکل خاص از المان های مختلف رابط کاربری استفاده کرده اند.یک نکته مهم در خصوص کپی کردن وجود دارد و آن هم این که سعی کنید کارهایی را کپی کنید که به لحاظ تعداد صفحات نسبتا کامل باشند و نکته مهم دیگر این است که طرح هایی با موضوعات مختلف را کپی کنید.7- پروژه‌های فرضی اجرا کنید.طراحی فعالیتی است که هیچ نقطه پایانی ندارد و شما باید خود را برای هر روز بیشتر یاد گرفتن آماده کنید.باید برای خودتان پروژه های فرضی تعریف کنید و در شرایط واقعی، آموخته های خودتان را در فرایند طراحی محصول لحاظ کنید. فراموش نکنید که قرار نیست صفر تا صد محصول را خودتان طراحی کنید! از دیزاین پترن ها یا الگوهای طراحی کمک بگیرید. گاهی اوقات شما حتی در فرایند طراحی محصول فرضی خودتان می توانید از سایر محصولات الهام بگیرید و به طرح های مختلف طراحان دقت کنید و از دل آن ها، اطلاعات مفیدی را برای اجرا در پروژه های خودتان بیرون بکشید. در واقع طی فرایند الهام گرفتن، شما از برایند مواردی که در چند طرح به دست آورده اید استفاده می کنید.8- از طراحان حرفه ای، بازخورد بگیرید.بازخورد منفی ممکن است واقعا مفیدتر از بازخورد مثبت باشد. این یک راه عالی برای بهبود توانایی های طراحی، یادگیری تکنیک های جدید و ارائه آیتم های جدید و بهبود یافته است. پذیرای انتقاد باشید و از آن برای بهبود طرح های خود با جستجوی فعال و پذیرش آن استفاده کنید.در نهایت، بازخورد منفی ممکن است یکی از سازنده ترین چیزهایی باشد که می تواند در حرفه طراحی شما اتفاق بیفتد. فراموش نکنید که لازم نیست توانایی های خود را در یک روز به طور کامل تغییر دهید. یک درصد پیشرفت در هر روز منجر به پیشرفت مداوم به سمت موفقیت خواهد شد.9- به صورت مداوم و پیوسته یاد بگیرید و تمرین کنید.شما به عنوان یک طراح باید این موضوع را به خوبی درک کنید که عموما هر محصول راه حل های منحصر بفردی را ارائه می کند و عموما هر محصول برای شما به عنوان طراح چالش هایی را در بر خواهد داشت پس فراموش نکنید که کار شما به عنوان طراح انتهایی ندارد.بهترین منابع طراحی Ui:منابع رایگانhttps://www.youtube.com/@TheEhsanezhttps://www.youtube.com/@Hossein.Mahmoodihttps://www.youtube.com/@niayeshuiuxhttps://www.youtube.com/@AmirTaqiabadiمنابع پولیhttps://amanjacademy.com/uidesign/online/https://mojtabaui.ir/product/ui/امیدوارم از خواندن این مطلب لذت و بهره کافی را برده باشید.منبع:https://ui-ux.orghttps://www.simplilearn.com میلاد سعیدی میلاد سعیدی Sun, 05 Feb 2023 10:44:31 +0330 https://virgool.io/@miladsaeediPD/%D9%85%D9%87%D9%85-%D8%AA%D8%B1%DB%8C%D9%86-%D9%86%DA%A9%D8%A7%D8%AA%DB%8C-%DA%A9%D9%87-%DB%8C%DA%A9-%D8%B7%D8%B1%D8%A7%D8%AD-ux-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%AF%D8%B1-%D8%A7%D8%B1%D8%AA%D8%A8%D8%A7%D8%B7-%D8%A8%D8%A7-%D8%AA%D9%88%D8%B3%D8%B9%D9%87-%D8%AF%D9%87%D9%86%D8%AF%DA%AF%D8%A7%D9%86-%D8%A8%D8%AF%D8%A7%D9%86%D8%AF-parbv4fj5ad8 توسعه دهنده دوست شماست، سعی کنید او را دشمن ندانید!همکاری با توسعه دهندگان یک بخش اساسی از شغل طراح UX است، اما گاهی اوقات ممکن است ایجاد یک رابطه دشوار باشد.در این مقاله، به ارائه 8 راهکار برای ارتباط بهتر بین طراح UX و توسعه دهنده می‌پردازم.1- مهربان باشید.شاید مهم ترین نکته، نحوه تعامل طراحان UX با توسعه دهندگان باشد.در شرکت ها به ویژه شرکت های کوچک شرح وظایف به نحوی است که طراح UX مستقیما با توسعه دهندگان ارتباط برقرار میکنند. در بعضی از این موارد، ارتباط ها میتواند مسیر دشواری داشته باشد.در بعضی موارد نیاز است تا شما برای دیزاین مدنظر خود، نمونه‌های مختلف داشته باشید. شما به عنوان دیزاینر باید بتوانید نکات مورد نظر خود را به توسعه دهنده منتقل کنید و از قابل اجرا بودن بخش‌های مختلف طرح خود مطمئن شوید. گاه ممکن است توسعه دهنده به هر دلیل از اجرایی نبودن دیزاین شما سخن بگوید. اگر از صحت حرف خود مطمئیند، توضیح دهید، استدلال بیاورید و با نشان دادن نمونه های اجرا شده با آرامش از کار خود دفاع کنید.وقتی از صحت حرف خود مطمئنید ، خوب توضیح دهید، استدلال بیاورید، مثال بزنید و با آرامش با آنها صحبت کنید2- نیازهای آنها را درک کنید.توسعه دهنده Front End، دوست شما است. توسعه‌ دهندگان و طراحان باید احترام برای کارهای یک دیگر قائل باشند و این باید در هر تعاملی که دارند انجام شود. برای طراحان UX، این به معنای درک اصول اولیه کار توسعه دهندگان است و به طراح UX کمک می‌کند دیدگاه توسعه‌ دهندگان و پیچیدگی‌های نحوه اجرای عملکرد و تعاملات مشخص شده توسط طراحان UX را درک کنند.بحث های زیادی در مورد اینکه آیا طراحان UX باید نحوه کدنویسی را بدانند یا نه وجود دارد و تیم های مختلف استانداردهای متفاوتی خواهند داشت. ساده ترین راه برای فهمیدن این موضوع این است که از توسعه دهندگان خود بپرسید که چه چیزی را باید بدانید. با این اوصاف، کسب دانش اولیه در مورد توسعه Front End، به ویژه HTML، CSS و JavaScript برای طراحان UX می تواند مفید باشد. این بدان معنا نیست که شما باید متخصص شوید. شما باید به اندازه کافی یاد بگیرید که بتوانید بفهمید این تکنولوژی ها چه کاری می توانند انجام دهند و چه کاری نمی توانند انجام دهند.نکته : هر آنچه می توانید در مورد رابط کاربری Google Material Design و Apple HIG بیاموزید. نه فقط دستورالعمل، بلکه منطق توسعه.منابع فارسی که میتوانید مهارت خود را در زمینه برنامه نویسی افزایش بدید:وبسایت تاپ لرنوبسایت راکتوبسایت سبز لرنمنابع انگلیسی:W3Schoolsdeveloper.mozilla3- روند انجام طراحی را با توسعه دهندگان به اشتراک بگذارید.از لحظه شروع پروژه، اطمینان حاصل کنید که توسعه‌دهندگان به هر یک از موارد تحویلی که تیم دیزاین ایجاد می‌کند، دسترسی دارند و می‌توانند درباره آن بازخورد بدهند. این را می توان از طریق یک ابزار همکاری مانند Figma یا Zeplin انجام داد. علاوه بر این، در مورد روش کنترل نسخه توافق کنید.این به همه امکان می‌دهد بفهمند که در چه زمانی و کجا تغییراتی در محصولات تحویلی مختلف ایجاد شده است و آخرین نسخه‌های قابل تحویل طراحی مختلف را می‌توان در کجا یافت.4- برای هر پروژه، یک Design System ایجاد کنید.دیزاین سیستم هویت و راهنمای برند شماست در مقاله تفاوت بین Ui Kit, Style Guide و Design System در مورد تعریف و مزایای دیزاین سیستم توضیح داده شد. بهتر است برای ایجاد هماهنگی بیشتر بین تیم توسعه‌دهنده و تیم طراحی، دیزاین سیستم تهیه شود. این موضوع باعث انسجام بیشتر طرح نهایی می‌شود.5- نمونه های اولیه(Prototype) ایجاد کنید.برای بهترین همکاری بین طراحان و توسعه دهندگان UX Designer، Julie Jonak و Full stack developer توصیه می کند که طراحان UX تا حد امکان نمونه های اولیه را در اختیار توسعه دهندگان قرار دهند.نمونه‌های اولیه به توسعه‌دهندگان اجازه می‌دهند تا تعاملات دقیقی را ببینند - از انیمیشن‌ها تا حالت‌های برگشتی - که شما در عمل مشخص می‌کنید. این تضمین می‌کند که توسعه‌دهندگان می‌توانند این تعاملات را همانطور که شما تصور می‌کردید، بدون نیاز به خواندن و کنار هم قرار دادن قطعات به اندازه زمانی که فقط طرح‌های ثابت برای ارجاع دارند، اجرا کنند.6- تا آخرین لحظه کنار پروژه بمانید.آخرین مرحله قبل از راه اندازی یک محصول، تست تضمین کیفیت است و معمولاً توسط توسعه دهندگان بدون دخالت طراحان UX انجام می شود. اما درست همانطور که توسعه دهندگان باید از ابتدای پروژه درگیر شوند، طراحان UX نیز باید از طریق QA در پایان پروژه درگیر باشند.مدیر طراحی تاتیانا خامداموآ (Tatyana Khamdamova) در مجله UX میگوید که از آنجایی که طراحان و توسعه دهندگان موارد را متفاوت می بینند، طراحان احتمالاً در طول QA متوجه مواردی می شوند که توسعه دهندگان ممکن است از قلم بی اندازن. بنابراین، حفظ مشارکت در این مرحله از فرآیند طراحی، تضمین می‌کند که طراحی UX محصول نهایی دقیقاً همانطور که مد نظر شماست اجرا می‌شود.7- قبل از شروع طراحی، با توسعه دهندگان صحبت کنید.پیشنهاد می‌شود قبل از شروع پروژه با توسعه دهندگان صحبت کنید. آنها را بریف کنید و جزئیات رو توضیح دهید. برنامه نویسان Front End محدوده تقریبی پروژه را خواهند دانست. این مورد به آنها در برآورد مهلت‌ها، منابع و انتظارات کمک می‌کند.در اپلیکیشن/وب‌سایت‌های پیچیده، برای مثال، تجارت الکترونیک با پنل مدیریت پیچیده، Back End Developer ها باید پروژه را بشناسند تا معماری Back End بهتری را سازمان‌دهی کنند.8- وقتی اشتباه می کنید بپذیرید.اغلب توسعه دهندگان (یا هر عضو تیم دیگری) راه حلی بهتر از راه حلی که طراح UX پیشنهاد کرده است، پیشنهاد می کنند. بسیاری از طراحان UX دوست ندارند اعتراف کنند که روش آنها بدتر بوده است، یا فکر می کنند که می تواند به اعتبار آنها آسیب برساند. این اشتباه است. اگر اعتراف کنید که اشتباه کرده اید - احترام به دست می آورید. و هم برای شما و هم برای پروژه خوب است.اما اگر طراح «اشتباه» خود را بیشتر پیش ببرد، روزی ممکن است به یک فاجعه تبدیل شود و او مسئول آن خواهد بود. بالاتر از آن، اگر طراح دائماً چنین کاری را انجام دهد، مردم آن را یاد خواهند گرفت و هیچ کس نمی خواهد دوباره با طراح کار کند. اعتراف به اینکه اشتباه می کنید یک مهارت نرم بزرگ است که بسیاری از مردم آن را نادیده می گیرند.ممنونم از وقتی که گذاشتید و مطالعه کردید.منابع: https://www.uxdesigninstitute.com/blog/collaborating-with-developers/https://uxplanet.org/8-tips-for-ux-designer-on-how-to-coexist-with-developers-d0ffe74b6071 میلاد سعیدی میلاد سعیدی Wed, 04 Jan 2023 12:08:20 +0330 https://virgool.io/@miladsaeediPD/%D8%AA%D9%81%D8%A7%D9%88%D8%AA-%D8%A8%DB%8C%D9%86-ui-kit-style-guide-%D9%88-design-system-tusi5jyyosrg سیستم‌های طراحی، کیت‌های رابط کاربری و راهنمای سبک. هر زمان که نام تجاری مطرح می شود، این اصطلاحات هم مطرح می شوند.اینها اصطلاحاتی هستند که هر طراح محصول باید بداند. نه فقط برای دانستن معنی آنها، بلکه همچنین نحوه استفاده، ساخت و پیاده سازی سیستم های طراحی، کیت‌های رابط کاربری و راهنمای سبک.بیاید برای همیشه پرونده این 3 دوست عزیز رو ببندیم:))در ابتدا تعریف هر کدوم رو به صورت واضح بیان میکنیم.راهنمای سبک یا Style Guide چیست؟ راهنمای سبک سندی است که شامل مجموعه‌ای از قوانین یا استانداردهای سبک گرافیکی، رنگ، تایپوگرافی، نمادنگاری، تصاویر و اصول یک برند است و نحوه استفاده از آن را راهنمایی می‌کند.راهنمای سبک(Style Guide) ابزاری برای طراحی و توسعه است که انسجام را در رابط کاربری و تجربه یک محصول دیجیتال به ارمغان می آورد. در هسته خود، آنها: همه عناصر طراحی و تعاملاتی را که در یک محصول رخ می دهد، ثبت می کنند. اجزای مهم UI مانند دکمه ها، تایپوگرافی، رنگ، آیکون ها و غیره را در خود جای میدهند.کیت های رابط کاربری(UI Kit) مجموعه ای سازمان یافته از اجزای طراحی کاربردی قابل استفاده مجدد است. معمولاً از آن به عنوان قلب یک سیستم طراحی معمولی یاد می شود.کیت های رابط کاربری تعریف می کنند که اجزای رابط کاربری محصولات شما چیست، چگونه رفتار می کنند و چگونه باید در محصول دیجیتالی شما استفاده یا پیاده سازی شوندعناصری که معمولا در Ui Kit قرار میگیرند:کارت هافرم هامنو هاجداولآکاردئون هاو...سیستم طراحی(Design System) مجموعه کاملی از استانداردهای طراحی (راهنمای سبک) و مستندات همراه با کیت ابزار UI، شامل الگوهای UI، اصول طراحی UX و اجزاء است. هنگامی که به یک سیستم طراحی در این زمینه نگاه می کنیم، همه چیزهایی را که طراحان و توسعه دهندگان برای ساخت و مقیاس محصولات دیجیتالی نیاز دارند را در بر می گیرد.من Design System را مجموعه‌ای از قوانین، اصول، طرح‌ها یا رویه‌ها تعریف می‌کنم که شامل راهنماهای سبک بصری، کتابخانه‌های الگو، دستورالعمل‌ها و ارزش‌های برند، مستنداتی است که پایه یک زبان طراحی مشترک را تشکیل می‌دهد که به ایجاد استاندارد و کارآمد کمک می‌کند.توجه به این نکته ضروری است که سیستم های طراحی مانند موجودات زنده هستند. آنها به طور مداوم در کنار محصول و با ظهور فناوری های جدید در حال تکامل و توسعه هستند.و حالا بریم سراغ موضوع اصلی?. ما هر کدوم از این موارد رو توضیح دادیماما این 3 دوست عزیز، چه تفاوت هایی با هم دارند؟راهنمای سبک و کیت رابط کاربری، مشابه هم هستند، اما یک تفاوت جزئی دارن. راهنمای سبک، شامل مجموعه ای از قوانین و عناصر ui است. اما کیت رابط کاربری، مجموعه ای سازمان یافته از کامپوننت های ui است.به عنوان مثال: در سند Style Guide، عناصری مانند دکمه ها، رنگ ها، اینپوت ها قرار میگیرند. اما در سند Ui Kit فرم ها، کارت ها، منو ها و ... قرار میگیرند.اگرچه این کتابخانه ها دارای اسناد و دستورالعمل های گسترده هستند، اما آنها سیستم های طراحی نیستند. طراحان و مهندسان می‌توانند هر طور که بخواهند از این کتابخانه‌های مؤلفه منبع باز استفاده کنند. آن‌ها می‌توانند اجزای کتابخانه را بدون محدودیت ویرایش کنند (به طوری که از نسخه اصلی قابل تشخیص نباشند)، الگوهای جدید بسازند، با کتابخانه‌های دیگر ترکیب شوند یا اجزای سفارشی ایجاد کنند.اما سیستم طراحی(Design System) متفاوت است. طراحان و مهندسان باید از قطعات به عنوان بلوک های ساختمانی استفاده کنند. آنها باید دستورالعمل‌های سیستم، راهنمای سبک، اصول و سایر اسناد را دنبال کنند تا رابط‌های کاربری با ظاهری سازگار طراحی کنند – مانند پیروی از دستورالعمل‌ها برای ساخت مجموعه لگو.اگر اعضای تیم بخواهند یک جزء را تغییر دهند یا یک الگوی جدید معرفی کنند، باید از رویه های حاکمیتی سیستم طراحی پیروی کنند. در برخی موارد، تیم سیستم طراحی در مورد نحوه ساخت آن جزء جدید حرف آخر را خواهد زد.نتیجه گیریسیستم های طراحی، کیت رابط کاربری و راهنمای سبک تضمین می کنند که فرآیند طراحی محصول به سرعت و کارآمد انجام می شود. آنها به ساخت سریعتر محصولات مقیاس پذیر کمک می کنند و در عین حال تجربه کاربری ثابتی را حفظ می کنند.در آخر میخوام چند نمونه از Design System های معروف رو معرفی کنم:Material Design system by GooglePolaris by ShopifyHuman Interface Guidelines by AppleFluent Design System by MicrosoftBase Design System by UberMorph Design Systemمعرفی منابع:adkgroupuxpinmediumممنونم از وقتی که گذاشتید و مقاله رو مطالعه کردید. انشاالله که مفید واقع شده باشد.در کنار هم پیشرفت میکنیم. میلاد سعیدی میلاد سعیدی Sun, 01 Jan 2023 10:33:01 +0330