<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
    <channel>
        <title>نوشته های عباس صفاییان</title>
        <link>https://virgool.io/feed/@a.safaiean</link>
        <description>Product Designer</description>
        <language>fa</language>
        <pubDate>2026-04-14 21:40:32</pubDate>
        <image>
            <url>https://files.virgool.io/upload/users/57832/avatar/axAlpr.jpg?height=120&amp;width=120</url>
            <title>عباس صفاییان</title>
            <link>https://virgool.io/@a.safaiean</link>
        </image>

                    <item>
                <title>فایل فیگما خود را حرفه ای بسازید...</title>
                <link>https://virgool.io/newdima/%DA%86%D8%B7%D9%88%D8%B1-%D8%A8%D9%87-%D9%81%D8%A7%DB%8C%D9%84-%D9%81%DB%8C%DA%AF%D9%85%D8%A7-%D8%B3%D8%B1-%D9%88-%D8%B3%D8%A7%D9%85%D8%A7%D9%86-%D8%A8%D8%AF%DB%8C%D9%85-wo2ipuohhwri</link>
                <description>هنگام کار روی فایل‌های فیگما، اگر ساختاری مناسبی رو نبینیم باعث میشه که تمرکز و تسلط کمتری روی فایل ها داشته باشیم و کارهای تیمی به درستی پیش نرود، از آنجایی که ما طراحان همیشه به دنبال بهترین راه حل‌ها هستیم تا تجربه بهتری را برای کاربران فراهم کنیم، این بار خودمان را کاربر فرض کردیم تا سازماندهی فایل های فیگما را به گونه ای درست کنیم تا تمامی افراد مرتبط بتوانند به آسانی از آن استفاده کنند.علاوه بر آن ما به تنهایی روی فایل های طراحی Figma خود کار نمی کنیم بلکه مدیران محصول، توسعه دهندگان، آزمایش کنندگان QA و دیگر طراحان محصول نیز هستند که از فایل های ما به عنوان مرجع استفاده می کنند. به همین دلیل، ضروری ست که سازماندهی فایل‌های فیگما به گونه ای باشد که همه افراد به راحتی از آن‌ استفاده کنند.چطور ساختارمون را ایجاد کنیم؟تیم ما در مسیر طراحی اپلیکیشن باجت با توجه به گستردگی و قابلیت های مختلفی که پیش بینی می‌کردیم نیاز داشت که ساختار مناسبی را ایجاد کند تا علاوه بر تیم طراحی بقیه افراد مرتبط با محصول (مدیران محصول، توسعه دهندگان، و...) هم بتوانند به صورت مناسب از فایل‌های طراحی استفاده کنند.توی این مسیر آموخته‌هایی داشتیم که سعی کردم اون‌ها رو به اشتراک بزارم که امیدوارم کمک کننده دیگران باشد.از اونجایی که می‌دونستیم که قرار است اپلیکیشن باجت قابلیت های مختلفی را داشته باشه و روز به روز بزرگ تر شود، همچنین افراد و تیم های مختلفی اعم از مدیران محصول، توسعه دهندگان، و… درگیر آن خواهند بود، در نتیجه اگر ما تمامی طراح های خود را در صفحات (Pages) یک فایل فیگما طراحی می‌کردیم، مشکلاتی مختلفی مانند موارد زیر را ممکن بود مواجه شویم:از دست دادن تمرکز هنگام طراحیافزایش حجم فایل و زمان بر بودن بارگذاری و بروزسانی‌هاعدم ایجاد ساختار مناسب و کند شدن گردش کار در میان هم تیمی‌هابرای همین تصمیم گرفتیم براساس هر خدمتی که داخل اپ داریم یک فایل درست کرده و برای اون صفحات (Pages) زیر را ساختیم، منظورم از خدمات فیچرهای مختلف بود که در باجت قرار بود داشته باشیم مانند افتتاح حساب، تسهیلات مختلف و….1- Cover2- Designs Section3- Page Status Design4- Archived5- Design QA1. Cover image (thumbnail)coverصفحه ای تحت عنوان “ Cover ?” درست کردیم و داخل آن یک فریم تحت عنوان نام آن فیچر ساختیم. این کار باعث می‌شود که در هنگام ورود به فیگما راحت تر به این فیچر برسیم.برای درک بهتر موارد زیر را در ساختش لحاظ می‌کنیم:نام فیچر یا پروژهتاریخ شروع پروژهوضعیت: (تحقیق، طراحی، آماده توسعه، انجام شده)نام طراح برجسته: برای ارتباط آسان در صورت نیازcoverاندازه کاور چقدر در نظر بگیریم؟اندازه 1600 در 960 پیکسل برای کاور مناسب است، همچنین می توانید از اندازه دلخواه خود استفاده کنید.کافی است پس از اینکه کاور خود را طراحی کردیم فریم را انتخاب و با کلیک راست  “set as thumbnail” را انتخاب کنیم.2- Designs SectionDesigns Section در این صفحه جزییات کلی از پروژه و فیچر ارائه کردیم تا همه افراد بتوانند خلاصه ای از آن را مشاهده  کنند.به طور مثال ما موارد زیر را لحاظ کردیم: اعضای تیم به همراه نقشاین بخش به ما کمک می‌کند که افراد مرتبط با فیچر را بشناسیم تا در صورت نیاز با مراجعه به آن‌ها مسائل خود را بیان کنیم. به طور مثال، نقش های تیم شامل مدیر محصول، صاحب محصول، ریسرچر و… است.ما موارد زیر را اینجا درج کردیم:نحوه‌ی نام گذاری فریم‌هابا شفاف نمودن و قاعده‌مند کردن نام گذاری فریم‌ها می‌توانیم اطلاعاتی مفیدی مانند سرویس‌های مرتبط و حالت مختلف آن را بیان کنیم.نحوه‌ی نام گذاری فریم را ما پس از بررسی شرکت‌های مختلف برای خودمان ساختاری ایجاد کردیم که به صورت زیر است:در صورتی که حالت‌های مختلفی داشته باشیم از یک فریم آن‌را با حروف مختلف لاتین نمایش می‌دهیم.NumProduct-B{1,2,3,4,5}/P{1,2,3}-Section name-Status {A/B/C/D/E/F}-NumService 1{1,2,3,4,5,...} /NumService2{1,2,3,4,5,...}Them{L/D}{تم}-{شماره سرویس}-{وضعیت(ABCDEF)}-{نام فریم}-{باتم شیت/ پاپ آپ}-{شماره ویجت}نمونه نام گذاریوضعیت صفحه را سعی کردیم با ایموجی‌های مختلف برچسب گذاری کنیم تا با مشاهده ایموجی‌ وضعیت آن صفحه با یک نگاه مشخص شود. سرویس های مرتبط  با محصولداکیومنت های مرتبط با محصول در گوگل درایو و…وضعیت هر صفحه (page) در پروسه طراحی “Page Status”به صورت کلی:Designs Section 3- “Page Status” Designتو این صفحه فریم های مورد نظر خود را طراحی می کنیم، در این صفحه (Page) باید  فریم های طراحی شده 100% تمیز باشند و فقط اطلاعات لازم را داشته باشیم تا فرآیند انتقال طراحی به توسعه آسان شود. وقتی طراحی فریم‌ها با اجزا و بدون خطا ساخته شد تغییر وضعیت این صفحه را با ایموجی پیش‌فرض که در ”Page Status” دیدیم تغییر می‌دهیم.در هنگام طراحی در حال پیاده سازی توسط تیم توسعه 4- ?️ Archivedصفحه (Page) آرشیو محلی است برای نگه‌داری نسخه های قبلی که طراحی شده و همچنین برخی از موارد که نیاز به پشتیان‌گیری دارد، با آرشیو شدن طرح‌ها امکان بازگشت به نسخه و طرح‌های قبلی به سرعت فراهم خواهد بود.قسمتی هایی که میخواهیم آرشیو کنیم را با بیان یک عنوان مناسب و درج تاریخ مشخص می‌کنیم، البته بهتر است که اگر این تغییرات براساس جلسه ای با سایر تیم‌ها یا بازخورد کاربران بوده است آن را بیان کنیم تا بعدا علت تغییرات را به صورت مستند داشته باشیم.Archived5-Design QADesign QAپس از پیاده سازی طرح توسط توسعه دهندگان لازم است که بررسی صورت بگیرد تا شکاف‌ها و مواردی که با طرح در نسخه پیاده سازی شده اختلاف دارد مشخص شده و به تیم توسعه برای بهبود منتقل شود. در این صفحه ما تصاویر نسخه پیاده سازی شده با فریم هایی که طراحی شده کنار هم قرار داده و موارد اختلافی را مشخص می‌کنیم.Design QA این نوع سازماندهی فایل فیگما براساس تجربه ما رو طراحی اپلیکشین باجت با رویکردی که متناسب با توسعه آن بوده انجام شده است، اما ممکن است در پروژه های دیگر به راه‌حل های بهتری هم رسید. امیدوارم این مطلب به شما در نحوه سازماندهی فایل‌های فیگمایتان کمک کند.فایل زیر را به عنوان نمونه ای برای شما آماده کردم.مشاهده فایل فیگما</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Sun, 09 Apr 2023 10:00:02 +0330</pubDate>
            </item>
                    <item>
                <title>آمار بازدید پست‌های من در سال ۹۹</title>
                <link>https://virgool.io/@a.safaiean/%D8%A2%D9%85%D8%A7%D8%B1-%D8%A8%D8%A7%D8%B2%D8%AF%DB%8C%D8%AF-%D9%BE%D8%B3%D8%AA-%D9%87%D8%A7%DB%8C-%D9%85%D9%86-%D8%AF%D8%B1-%D8%B3%D8%A7%D9%84-%DB%B9%DB%B9-cz0t3h0gd1ww</link>
                <description>در طول تاریخ از اعداد استفاده کردیم تا اغلب داد و ستد کنیم و آن‌چیزی که شمردنی است را بشماریم. برای هر عدد واحد درست کردیم تا عددهای زندگی قاطی نشوند و از اعداد، شفاف‌تر استفاده کنیم؛ مثلا وقتی می‌گوییم ده هزار تومان به پول اشاره داریم و وقتی می‌گوییم ده هزار بلیط به بلیط!روز به روز که در زندگی جلو‌تر رفتیم عددها فرقی نکردند ولی این واحدها بودند که زیاد شدند. واحد کریپتو، واحد اصله درخت، واحد فاصله و …«واحد» یک توافق عمومی است برای شمردن؛ تا همانطور که گفتم شمردن‌ها قاطی نشود. مشاهده افراد دارای ثروت (اجتماعی یا مالی) به من ثابت کرده اینکه چه چیزی را بشماریم از اینکه چطور بشماریم مهم‌تر است. هرکس با واحد خاصی مسائل زندگی را می‌شمارد. اینطور به نظرم آمده که مشخص کردن واحد یعنی مشخص کردن اینکه من در زندگی برای چه چیزهایی ارزش قائلم و می‌خواهم چه چیزهایی را در زندگی بشمارم. https://cdn.virgool.io/annual-report/1399/n0sjc9kwtl4i-wHXKP.mp4 اعدادی که بدون واحد ثبت کردمبه ویدیویی که ویرگول برایم ساخته که نگاه می‌کنم میبینم که در سال ۹۹، من در مجموع ۳,۱۴۲ کلمه در ویرگول نوشتم و منتشر کردم و مخاطبین، پست‌های من را ۱۱۸ مرتبه پسندیدند و  ۱۲ بار هم نظر خود را روی پست‌های من به اشتراک گذاشتند. در سال ۹۹، ۸۵ نفر در ویرگول من را دنبال کردند تا پست‌های بعدیم را بخوانند. این اعداد نشان میدهند من کاری کرده‌ام. هرکدام به واحدی وصل هستند. از خودم می‌پرسم من کدام واحد را شمارش کرده‌ام؟ کدامیک از واحدهای بالا از همه برای من مهم‌تر است؟ ادامه ویدیو را می‌بینم.آمار از اثر بیرونی می‌گویندطبق آمار پست‌های من ۲,۴۰۳ بار خوانده شدند و ۴۹۶,۱۳۸ ثانیه صرف مطالعه آنها شده است، که با توجه به جمعیتی که در ایران به اینترنت دسترسی دارند، ویرگول به من می‌گوید که توانستم  ۰/۰۰۶۸۰۲۰۰۲ ثانیه، سرانه مطالعه دیجیتال کشور را بالا ببرم.از طرف دیگر ویرگول به من می‌گوید که اگر قرار بود پست‌هایم را چاپ و به دست تک تک خوانندگان برسانم باید ۸,۲۸۳ کاغذ مصرف می‌کردم.آن عددهای کوچک ابتدای ویدیو حالا تبدیل شده‌اند به عددهای بزرگ به اینکه من جلوی مصرف این تعداد کاغذ را گرفتم یا به اینکه من  ۰/۰۰۶۸۰۲۰۰۲ ثانیه، سرانه مطالعه دیجیتال کشور را جابه جا کرده‌ام. واحد این عددها برای من ملموس‌تر است.واحد نوشتن چیست؟همه عددهای بالا و همینطور اثر بیرونی که روی خوانندگان و همینطور در مقیاس بزرگتر طبیعت و جامعه اطرافم گذاشتم اعدادی هستند که من دوستشان دارم و به آنها افتخار می‌کنم. اگر چنین ویدیویی دست شما نیز رسید به شما بابت تک تک اعداد تبریک می‌گویم.اثر هر نوشته تا حدودی معلوم است، اگر بنویسید جلوی قطع درخت را می‌گیرید، به سرانه مطالعه کشور اضافه می‌کنید و خوانندگانی جذب می‌کنید که شما را از طریق نوشته‌هایتان می‌شناسند و …به نظرم می‌رسد که نوشته‌های من و شما واحد ندارند ولی اثر بیرونی دارند.</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Mon, 22 Mar 2021 15:12:31 +0430</pubDate>
            </item>
                    <item>
                <title>7 تا از بهترین پلاگین های Adobe XD</title>
                <link>https://virgool.io/@a.safaiean/7-%D8%AA%D8%A7-%D8%A7%D8%B2-%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86-%D9%BE%D9%84%D8%A7%DA%AF%DB%8C%D9%86-%D9%87%D8%A7%DB%8C-adobe-xd-ckeqezqdcurj</link>
                <description>در نسخه ماه اوت سال 2019  ، Adobe XD  صفحه جدید پلاگین ها را معرفی کرد. Plugins Panel یک سطح جدید در کنار بوم طراحی است که توسعه دهندگان پلاگین می توانند از آن برای نمایش پلاگین خود استفاده کنند. باز بودن افزونه ها در حالی که کاربر روی طرح های خود کار می کند مزایای زیادی برای طراحان دارد. در ادامه 7 تا بهترین پلاگین ها را خدمتتون معرفی می کنم.1- Color Designerبا این پلاگین  می توانید مستقیماً در Adobe XD  رنگ ها را بهبود ببخشید و  پالت رنگ ، سایه و هارمونی رنگ ایجاد کرده و آن ها را به کتابخانه خود اضافه کنید.colordesigner.io/adobe-xd-plugin2-Confettiدر بسیاری از مواقع به سرعت نیاز به ایجاد حداقل پس زمینه فقط برای نشان دادن عمق داشتم. به نظر آسان می رسد ، اما من همیشه ساعت ها گیر می افتم که اشکال و رنگهای عالی را پیدا می کردم ، آنها را از وسط صفحه حرکت می دادم و سعی می کردم تصادفی جلوه دهند. Confetti همه اینها را فقط با یک کلیک انجام می دهد. کدورت ، چرخش ، مقیاس ، رنگها و حتی تاری عمق میدان را تصادفی می کند. یکی از غنی ترین و کاربردی ترین افزونه ها.xdconfetti.com3-UnDrawتصاویر زیبا برای مشتری و پروژه های طراحی شخصی با امکان ایجاد رنگ دلخواه که در نوع خود یک پلاگین کاملاً متفاوت است.xd.undraw.co4-Artboard plusابزارهای  Artboard plus برای سرعت بخشیدن به گردش کار Adobe XD  که میتوانید توسط آن  Artboard ها را براساس نام و موارد دیگر مرتب کنید.5-UI Facesاگر شما یک طراح رابط کاربری هستید ، می دانید که هر چند وقت یک بار باید آواتارها را در ماکت های طراحی اضافه کنیم تا واقعی تر به نظر برسند. به جای استفاده از اینترنت و جستجو ، می توانید از افزونه UI Faces برای Adobe XD استفاده کنید. UI Faces هزاران آواتار را جمع می کند که می توانید با دقت فیلتر کنید تا شخصیت های عالی خود را ایجاد کنید یا فقط آواتارهای تصادفی ایجاد کنید.6-Icons 4 Design5000+ آیکون در نوک انگشتان شماست!Icons 4 Design یک افزونه Adobe XD است که 5000+  آیکون رایگان را می توانید با کیفیت بالا  جستجو کنید.Icons 4 Design شامل ده مجموعه آیکون محبوب در طیف وسیعی از سبک ها  از جمله Font Awesome ، Feather و Material است.7-PhotoSplash V.2بهترین عکس ها را پیدا کنید.اگر می خواهید عکس هایی را در طرح های خود بگنجانید ، PhotoSplash 2 بهترین ابزار است. این امکان را به شما می دهد تا به مجموعه Unsplash با بیش از 500000 عکس بدون حق چاپ دسترسی داشته باشید.  شما فقط باید یک کلمه کلیدی را وارد کنید ، نتایج را انتخاب کنید و آنها را به طرح های خود اضافه کنید.پلاگین های Adobe XD روند کار من را سرعت می بخشند. صادقانه بگویم ، من مطمئن نیستم که چگونه بدون آنها طراحی کنم . با توجه به اینکه آنها کمتر از یک سال به وجود آمده اند و اگرچه برخی از آنها نیاز به بهبود دارند اما من فکر می کنم تقریباً نیازهای هر طراح را پوشش می دهند.امیدوارم این مطلب برای شما مفید بوده باشد.اگر پلاگین های کاربردی دیگری را میشناسید در قسمت نظرات اضافه نمایید.</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Thu, 08 Oct 2020 13:41:50 +0330</pubDate>
            </item>
                    <item>
                <title>30 چیزی که معمولاً هنگام طراحی برنامه های تلفن همراه فراموش می کنیم!</title>
                <link>https://virgool.io/DesignersCommunity/30-%DA%86%DB%8C%D8%B2%D9%87%D8%A7%DB%8C%DB%8C-%DA%A9%D9%87-%D9%85%D8%B9%D9%85%D9%88%D9%84%D8%A7%D9%8B-%D9%87%D9%86%DA%AF%D8%A7%D9%85-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%87%D8%A7%DB%8C-%D8%AA%D9%84%D9%81%D9%86-%D9%87%D9%85%D8%B1%D8%A7%D9%87-%D9%81%D8%B1%D8%A7%D9%85%D9%88%D8%B4-%D9%85%DB%8C-%DA%A9%D9%86%DB%8C%D9%85-oiafzs4da7px</link>
                <description>این مقاله حاوی مطالبی است که قبل از ارسال برنامه خود به AppStore / GooglePlay  باید در طراحی خود لحاظ نمایید.- قسمت ثبت نام و ورود1. صفحه Splash screen صفحه نمایش Splash screen صفحه ای است که هنگام راه اندازی یک برنامه تلفن همراه به کاربران نشان داده می شود.از آنجا که  Splash screen اولین صفحه ای است که کاربران می بینند اولین تصور از برنامه برای آن ها ایجاد می شود.2. رمز عبور را فراموش کرده ایدیک فرد متوسط ​​در 90 سرویس آنلاین ثبت نام نموده که به گذرواژه احتیاج دارد. با استفاده از تعداد بسیار زیاد حساب ، تعداد کمی از افراد رمزهای عبور خود را به خاطر می آورند. طبق آمار، 21 نفر پس از گذشت دو هفته رمز عبور را فراموش می کنند و 25 درصد حداقل یک بار در روز یک رمز عبور را فراموش می کنند. اگر برنامه شما نیاز به ورود به سیستم دارد ، باید گزینه ای را برای تنظیم مجدد رمز عبور ارائه دهید.- اولین تجربه3. صفحه Onboardingصفحه هایی که  جهت آشنایی کاربر با محصول که توسط طراحان UX برای توصیف فرآیند ها  برای  کاربران ایجاد و در نتیجه اگر کاربر صفحات  Onboarding را با موفقیت طی نماید موجب افزایش بهره برداری از محصول و به اتمام رساندن فرآینده ها می شود.4. صفحه های تأیید داده هابسیاری از برنامه های تلفن همراه شماره ایمیل / تلفن را جهت صحت سنجی دریافت می کنند. صفحه تأييد اطلاعات معمولاً پس از ارائه اطلاعات لازم کاربر صورت می گيرد و به آنها می گويد برويد و آدرس / شماره تلفن خود را تصديق کنيد.برای صفحه های تأیید داده ، این موارد ضروری است:- گزینه ای برای ارسال مجدد کد تأیید (برای شماره تلفن های همراه)- دستورالعمل نحوه یافتن پیام تأیید (یعنی جستجوی عنوان خاص ، جستجو در پوشه هرزنامه و غیره) (برای پیام تأیید ایمیل)5. حالت های خالی زمانی که &quot;محتوایی نیست&quot;ارزشیابی برنامه براساس محتوا آن هاست و این همان دلیل استفاده کاربران می باشد.بنابراین، مهم است که در نظر بگیرید چگونه می توانید مکان هایی را در مسیر کاربر طراحی کنید که در آن ممکن است محتوایی وجود نداشته باشد، این مکان ها نباید خالی بمانند، یک راه حل آن هست که از این فضاها برای راهنمایی کاربران استفاده شود.6. تنظیمات پیش فرضاکثر کاربران (95%) تنظیمات پیش فرض را تغییر نمی دهند.این بدین معنی است که اکثر کاربران یک نماد پیش فرض دارند که شما آنها را انتخاب می کنید.-تجربه روزانه7. صفحه نمایش درخواست مجوزهنگامی که کاربران یک برنامه جدید را باز می کنند، آخرین چیزی که می خواهند ببینند چندین پنجره به صورت متوالی است که درخواست مجوز می کنند:-برنامه می خواهد به موقعیت شما دسترسی پیدا کند.-برنامه می خواهد به مخاطبین شما دسترسی پیدا کند.-برنامه می خواهد به دوربین شما دسترسی پیدا کند.چنین درخواست هایی تأثیر بسیار منفی بر تجربه کاربر می گذارد و معمولاً منجر به ترک برنامه می شود. این درخواست ها بهتر هست در محتوایی که تعامل با کاربران برقرار شده است به وجود آید.8.حالتهای مختلفی برای عناصر UI تعاملیدکمه ها و سایر عناصر تعاملی اغلب حالت های مختلفی دارند. در نظر گرفتن حالت هایی مانند پیش فرض / کلیک شده / غیرفعال برای هر عنصر تعاملی که در برنامه خود دارید بسیار حیاتی است.9. مجموعه آیکون هابا استفاده از آیکن هایی با همان سبک می توانید UI خود را از لحاظ بصری سازگارتر کنید.10. حالت خطاهمه ما می دانیم که بهترین پیام خطا پیامی است که هرگز نشان داده نشود. همیشه بهتر است با راهنمایی کاربران در مسیر درست  از بروز خطاها جلوگیری کنید. اما هنگام بروز خطا طراحی باید بگونه ای باشد که نه تنها به کاربران بیاموزد که چگونه از برنامه مورد نظر خود استفاده کنند ، بلکه باعث شود که کاربران احساس گیجی نکنند.در اینجا چند مورد خطا وجود دارد که باید برای آن ها طراحی صورت گیرد:- در صورت عدم اتصال کاربران به اینترنت چه محتوایی را می بینند؟- اطلاعات ورودی نادرست.- خطای سیستم.11- در حال بارگیری محتوااگرچه پاسخ فوری از یک برنامه بهترین است ، مواقعی وجود دارد که برنامه شما قادر به پیروی از دستورالعمل های سرعت نیست. اتصال ضعیف اینترنتی موجب کندی درخواست ها می شود و یا عملکرد آن درخواست را با تاخیر روبرو می کند. در چنین مواردی ، برای به حداقل رساندن تنش کاربر، باید به کاربران اطمینان دهید که برنامه در جهت درخواست‌های آن ها کار میکند. هنگامی که یک برنامه نتواند به کاربران اطلاع دهد که زمان لازم دارد جهت انجام درخواست، کاربران اغلب فکر می کنند برنامه درخواست آن‌ها را دریافت نکرده و دوباره امتحان می کنند در نتیجه بازخورد بدی گرفته می شود، برای این کار برنامه نیاز به یک حالت که در حال بارگیری محتوا هست دارد که نحوه نمایش  آن  میتواند به صورت انیمیشن انتظار که به صورت رایج مورد استفاده قرار می گیرد باشد.12. حالت های موفقیتحالت های موفقیت صفحاتی هستند که در صورت اتمام با موفقیت کارها به کاربران نشان می دهیم. طراحان باید  موارد زیر را در نظر بگیرند:الف) حالات دلپذیر (موفقیت بار اول). لحظه ای که کاربران  برای اولین بار یک کار مهم را انجام می دهد ، فرصتی عالی است تا یک ارتباط عاطفی مثبت بین آنها و محصول خود ایجاد کنید. به کاربران خود اطلاع دهید که با پیشرفت و موفقیت در کنار محصول ، موفقیتهای خوبی را کسب می کنند.ب) صفحه تأیید صفحه تأیید یک صفحه ضروری برای برنامه های تجارت الکترونیکی است. لحظه ای که کاربر خرید را تمام کرد ، باید صفحه ای را نشان دهیم که کلیه جزئیات اساسی در مورد خرید را ارائه می دهد.13. تکمیل خودکارطراحان همیشه باید تلاش کنند تا با از بین بردن اقدامات غیر ضروری ، هزینه تعامل را به حداقل برسانند. تکمیل به صورت خودکار در ورودی به کاهش تعداد درخواست ها را در جستجو منجر می شود.14. متوقف کردن اقداماتهمه ما اشتباه می کنیم، اما وقتی صحبت از تجربه کاربر می شود، ارائه گزینه ای که به کاربر کمک می کند داده های مهم را بازیابی کند، ضروری است. 15. بومی سازی / بین المللیاز آنجا که بسیاری از تیم ها محصولاتی  برای دسترسی جهانی دارند ، ضروری است که بومی سازی / بین المللی شدن بخشی طبیعی از فرآیند طراحی باشد. خصوصیات بصری عناصر (مانند اندازه) و UX باید با بومی سازی / بین المللی سازی در ذهن  انتخاب شوند.16.بخش راهنماوقتی کاربران مشکلی داشته باشند ، اولین واکنش طبیعی آنها جستجوی راه حلی در داخل خود برنامه خواهد بود. به همین دلیل باید قسمتی در  بخش راهنما / سؤالات متداول در برنامه وجود داشته باشد که کاربر بتواند مشکلش را برطرف نماید.17. قابلیت دسترسیقابلیت دسترسی به افراد با تمام توانایی ها امکان درک و تعامل با محصول شما را می دهد.- چهارم اطلاعیه18. اعلان های داخل برنامه / اطلاعیه هاآیا می دانید اعلان های طراحی شده دلیل # 1 دلیل حذف کاربران برنامه است؟با این وجود ، می توان این الگوی ضد UX را به یک چیز مفید برای تجارت و هم برای کاربر تبدیل کرد. برای دستیابی به نتایج خوب با اعلان های درون برنامه ، طراحان به یک استراتژی نشر نیاز دارند که متناسب با فضای موبایل باشد.19. تنظیمات برگزیده اطلاع رسانیهمیشه آزادی انتخاب برای کاربران بسیار عالی است. در زمینه اعلان های موبایل ، به معنای فراهم کردن فرصتی برای انتخاب اعلان هایی است که می خواهند دریافت کنند.- پنجم تنظیمات اکانت20. ابزار برش عکس پروفایل به کاربران اجازه دهید نه تنها اقدام  به بارگذاری عکس پروفایل نمایند بلکه متناسب با نیاز خود در برنامه شما آن را تغییر دهند.21. صفحه های مشاهده / تغییر جزئیات شخصیبه کاربران اجازه دهید اطلاعات شخصی خود را به درستی در برنامه تلفن همراه مشاهده و ویرایش کنند. به طور مثال صفحه ای را برای پیش نمایش  اطلاعات حمل و نقل یا صورتحساب طراحی کنید و این اطلاعات را قابل ویرایش کنید.22. خروجاگر برنامه شما نیاز به ورود به سیستم دارد ، همیشه باید به کاربران اجازه دهید از سیستم خارج شوید.23- شرایط خدماتبرای جلوگیری از شکایت ، شرایط خدمات را به برنامه خود اضافه کنید.24. تنظیمات حریم خصوصیبه کاربران اجازه دهید ببینند چه داده هایی را با شرکت به اشتراک می گذارند و به آنها اجازه می دهد تنظیمات را شخصی سازی کنند.25. ارسال بازخوردبا ارائه یک مسیر سریع برای به اشتراک گذاشتن بازخورد در مورد محصول خود ، نه تنها بینش های ارزشمندی راجع به محصول خود از کاربران واقعی جمع می کنید، بلکه باعث می شوید که آنها حس کنند که بازخوردشان برای شما اهمیت دارد.- ششم محتوا26. حالت پیمایشنمایشگرهای موبایل دارای ویژگی محدود صفحه نمایش هستند. به منظور صرفه جویی در فضای صفحه ، طراحان اغلب می خواهند اطلاعات نمایش داده شده را بهینه کرده و هر چیزی را که برای کاربر با ارزش نیست مخفی کنند. به همین دلیل است که بسیاری از صفحه نمایش ها دارای دو حالت هستند - حالت پیش فرض (صفحه ای که کاربران هنگام ورود می بینند) و حالت پیمایش (هنگامی که کاربر برای دیدن محتوای بیشتر اسکرول می کند).- جستجوی درون برنامه27. جستجوی پیش فرضشما می دانیدکه در یک جستجو یک سری نتایج حاصل می شود که باید این نتایج متناسب با هدف کاربر باشد اما زمانی که اطلاعاتی از کاربر نداریم باید اطلاعات را براساس یک پیش فرض مرتب سازی کنیم به عنوان مثال ، اگر صفحه نتایج جستجو را برای یک برنامه تجارت الکترونیکی طراحی می کنید، خروجی باید براساس قیمت یا زمان تحویل طبقه بندی کرد.28. اشتراک گذاری / نشانک نمودنبه کاربران اجازه دهید یک مورد خاص از نتایج جستجو را به اشتراک بگذارند یا نشانک کنند.29. حالت خالی برای &#x27;نتیجه ای یافت نشد&#x27;کاربران ما هنگام جستجوی یک مورد خاص ، صفحه ای را مشاهده می کنند. اما زمانی که برنامه هیچ نتیجه ای را برای آن ها پیدا نمی کند چه چیزی باید نمایش داد؟ صفحه نمایش &#x27;نتیجه ای یافت نشد&#x27; نباید به عنوان بن بست عمل کند به همین دلیل به جای نشان دادن یک صفحه خالی با یک یادداشت سریع &#x27;نتیجه ای یافت نشد&#x27;، باید صفحه ای را طراحی کنیم که کاربران را راهنمایی کند و نشان دهد که آنها چه کاری می توانند انجام دهند.-هشتم AppStore / GooglePlay30. نماد برنامهشما باید یک نماد به یاد ماندنی را برای برنامه خود طراحی کنید ، چیزی که ماهیت برنامه شما را منعکس کند و علاقه کاربران بالقوه را ایجاد کند.امیدوارم این مطلب برای شما مفید بوده باشد...https://uxplanet.org/30-things-we-often-forget-when-designing-mobile-apps-ae30cc3b2c6b</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Fri, 18 Sep 2020 11:57:36 +0430</pubDate>
            </item>
                    <item>
                <title>نحوه نمایش نوار پیشرفت فرم ها در موبایل</title>
                <link>https://virgool.io/@a.safaiean/%D9%86%D8%AD%D9%88%D9%87-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-%D9%86%D9%88%D8%A7%D8%B1-%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA-%D9%81%D8%B1%D9%85-%D9%87%D8%A7-%D8%AF%D8%B1-%D9%85%D9%88%D8%A8%D8%A7%DB%8C%D9%84-az1wedd7ekfg</link>
                <description>وقتی فرم شما دارای چندین صفحه باشد، یک نوار پیشرفت ضروری است. با مشخص کردن اینکه کاربران در چه مرحله ای قرار دارند و چند مرحله مانده است، کاربران را از میزان پیشرفت خود مطلع می کند.نمایش در فرم های تلفن همراه به دلیل فضای محدود صفحه نمایش یک چالش به حساب می آید و استفاده از همان نوار پیشرفت که برای فرم های دسک تاپ می باشد برای فرم موبایل باعث مشکل خوانایی و دید کاربر می شود.نوار پیشرفت خطی یا دایره ای؟نوار پیشرفت خطی برای فرم های دسک تاپ خوب کار می کنند ، اما برای فرم های موبایل کاربرد ندارند. هنگامی که از یک نوار پیشرفت خطی روی فرم تلفن همراه خود استفاده می کنید ، خوانایی عناوین مرحله و قابلیت ردیابی پیشرفت را کاهش می دهید.استفاده از عناوین مرحله به صورت خطی در موبایل با توجه به فضای کم آن باعث می شود که اندازه متن کمتری به کار گرفته شود که در نتیجه کاربران در خواندن آنها با مشکل مواجه می شوند. نه تنها این، بلکه دید پیشرفت نیز واضح تر نیست، زیرا متن و عدد خیلی زیادی را به طور همزمان نشان می دهد. این باعث ایجاد نویز بصری می شود و تشخیص کاربر از مرحله فعلی خود سخت تر می شود.از یک نوار پیشرفت دایره ای روی فرم تلفن همراه خود استفاده کنید زیرا این امر به کاربران شما میزان پیشرفت و خوانایی بهتر ارائه می دهد. کاربران شما با یک نگاه می دانند چه مرحله ای را طی می کنند زیرا نوار پیشرفت دایره ای فضای کافی برای عناوین مرحله را به صورت بزرگ فراهم می کند. این نمایش یک مرحله در هر زمان به کاربران امکان می دهد تا روی مرحله فعلی متمرکز شوند و این نوع همچنین به اندازه کافی فضای لازم برای نشان دادن مرحله بعدی را به کاربر دارد.کاربران می توانند پیشرفت خود را سریعتر ردیابی کنند زیرا برای اسکن یک نوار پیشرفت دایره ای نیاز به اصلاحات چشم کمتر است.تعداد کم اطلاعات تثبیت چشمی را به کاربر می دهد و روند پیشرفت خود را سریعتر پردازش می کند، که این باعث تکمیل فرم می شود.قابلیت مشاهده و خوانایی مهم هستندوقتی کاربران فرم های چند صفحه ای را در دستگاه های تلفن همراه پر می کنند، آنها باید بدانند در چه مرحله ای قرار دارند و قابلیت مشاهده و خوانایی نوار پیشرفت برای آن ها مهم است. هنگامی که عناوین مرحله و ردیابی پیشرفت مشخص است، شانس تکمیل فرم افزایش می یابد. اما وقتی پردازش آنها سخت باشد، احتمال ترک فرم افزایش می یابد.</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Wed, 25 Mar 2020 00:37:41 +0430</pubDate>
            </item>
                    <item>
                <title>چه موقع از دکمه فراخوانی(call-to-action button)به صورت شناور استفاده کنیم؟</title>
                <link>https://virgool.io/DesignersCommunity/%DA%86%D9%87-%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D8%B2-%D8%AF%DA%A9%D9%85%D9%87-%D9%81%D8%B1%D8%A7%D8%AE%D9%88%D8%A7%D9%86%DB%8Ccall-to-action-button%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%DA%A9%D9%86%DB%8C%D9%85-ywzse7obn2ar</link>
                <description>صدای حرکت انگشت یک کاربر را در صفحه تلفن همراه که در حال پیمایش (scrolling) است را تصور کنید.سرانجام، اگر دکمه فراخوانی(call-to-action button) را نبیند، آنگاه دچار خستگی شده و صفحه اصلی برنامه شما را ترک می نماید.توجه و انرژی کاربران محدود بوده و هنگامی که از یک نقطه خاص شروع به حرکت می کنند برای رسیدن به دکمه فراخوانی(call-to-action button) که اگر آن از حد معمول بیشتر باشد و  نتوانند در زمان مناسب به آن ضربه بزنند موجب می شود که شما مشتریان بالقوه خود را نیز از دست بدهید.طبیعی است با توجه به محتوا و عرض تلفن همراه یک صفحه طولانی ایجاد شود اما مسئله این است که دکمه فراخوانی در انتهای صفحه قرار گرفته و وقتی کاربران به آن نیاز دارند در هیچ کجایی در دسترس نمی باشد.اکثر طراحان تصور می کنند که کاربران از بالا به پایین صفحه حرکت می کنند و تجربه خود را در آنجا به پایان می رسانند. با این حال، رفتار پیمایش آنها بسته به محتوای مورد نظر شما متفاوت است. ممکن است همیشه تا انتهای صفحه را طی ننمایند و  بعضی اوقات آنها به وسط صفحه می رسند و این به معنی آن است که دکمه شما باید در آن لحظه قابل مشاهده باشد تا آنها بتوانند اقدامی را انجام دهند.به جای اینکه دکمه خود را در پایین قرار دهید ، از یک دکمه به حالت شناور استفاده کنید. این نوع دکمه به بالا یا پایین صفحه می چسبد و در هر کجا که کاربر حرکت نماید می ماند و  این امکان را به او می دهد تا هر زمان که لازم داشته باشد اقدام کند.صفحات طولانی که به یک دکمه فراخوانی(call-to-action button) نیاز دارند ، صفحاتی هستند که بیش از دو پیمایش تمام صفحه دارند. از استفاده از آنها در صفحات کوتاه خودداری کنید زیرا این امر می تواند نمای محتوا را بدون مزیت کاربر مسدود کند. همچنین سعی کنید نوار دکمه و دکمه را بیش از حد بزرگ نکنید تا از انسداد زیاد در محتوا جلوگیری کنید.بیشتر صفحات اصلی در تلفن همراه در حال حاضر به پیمایش زیادی احتیاج دارند. هیچ دلیلی وجود ندارد که  برای رسیدن به دکمه فراخوانی (call-to-action button) تلاش بیشتری را برای کاربران ایجاد کنید بلکه کافی است که آن را قابل مشاهده و شناور نگه دارید تا ضربه به آن  فقط با یک انگشت فاصله داشته باشد.</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Sat, 21 Mar 2020 22:26:07 +0430</pubDate>
            </item>
                    <item>
                <title>طراحی بهتر صفحه 404</title>
                <link>https://virgool.io/DesignersCommunity/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%A8%D9%87%D8%AA%D8%B1-%D8%B5%D9%81%D8%AD%D9%87-404-z50myid6qwhm</link>
                <description>چرا؟صفحه 404 زمانی نمایش داده میشود که پیوند شکسته ،حذف شده یا به روز شده یا هنگامی که URL را اشتباه تایپ می کنیم، دریافت می کنیم.بیشتر اوقات، وقتی کاربر آن را مشاهده می کند باعث سردرگمی آن می شود، اما اگر به درستی از آن استفاده کنیم می تواند به ما کمک زیادی بکند.1- 100% واضح باشدکاربران نمی دانندکه 404 به چه خطای فنی اشاره دارد. آنها باید درک کنند که چرا با استفاده از زبانی منطقی و واضح به آنجا رسیدند.2- گزینه هایی ارائه دهیدبه طور قطع، ما می توانیم گزینه های اصلی (منو) را به کاربران ارائه دهیم ، تا آنها بتوانند با استفاده از آن ها در سایت ادامه دهند.بسته به مورد، درج لینک هایی به مرکز پشتیبانی نیز مفید است. سعی کنید لینک ها را از 3 تا 6 عدد محدود کنید.3- محتوای ویژهیک عمل زیبا، اضافه کردن مطالب مورد علاقه است تا کاربر گزینه سریع داشته باشد و بتواند به لذت بردن از سایت ادامه دهد.موارد محبوب یا توصیه شده را امتحان کنید.4- جستجو را بگنجانیدبارها کاربر به دنبال یک محتوای خاص و منطقی می آید: این کار را از بین نبرید!گنجاندن جعبه جستجو در این موارد بسیار مفید است و به آنها امکان می دهد سریعتر به محتوا برگردند.5- نام تجاری خود را به نمایش بگذاریدصفحه 404 از قضا جالب ترین فرصت برای تبلیغ، ارائه نام تجاری و کار شما است. خلاق باشید و از رنگ ها، تصاویر و تایپوگرافی ها به خوبی بهره ببرید.6- از طنز استفاده کنیدبیا دیگه! هیچ کس دوست ندارد در صفحه خطا فرود بیاید. با وجود کمی طنز، ما می توانیم با کاربران همدلی کنیم و آنها را دوست داشته باشیم بدون اینکه زحمت بکشند، راهی پیدا کنند.در نتیجه خطای 404 نباید موجب سردرگمی کاربر باشد بلکه اگر به خوبی طراحی شود ما می توانیم به عنوان یک استراتژی برای  ایجاد تعامل با کاربر استفاده کنیم، بنابراین آنها همچنان از سایت ما لذت می برند بدون اینکه ما هزینه زیادی کرده باشیم.</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Wed, 18 Mar 2020 18:38:28 +0330</pubDate>
            </item>
                    <item>
                <title>The Sprint Design</title>
                <link>https://virgool.io/CreativePie/the-sprint-design-olrpzf804s0f</link>
                <description>                                                                                          &quot;Sprint&quot;فرمولی تحول آمیز را برای آزمایش ایده ها ارائه می دهد برای شما که در یک استارتاپ هستید یا در یک سازمان بزرگ کار می کنید در طی پنج روز ، شما از ایده به نمونه اولیه و تصمیم گیری می رسید علاوه بر آن در زمان و هزینه صرفه جویی می کنید.جیک نانپ یک فرآیند پنج روزه بی نظیر را برای حل مشکلات سخت در گوگل ایجاد کرد که علاوه بر آن در بیش از صد شرکت به اثبات رسیده است. کارآفرینان و رهبران هر روز با سوالات بزرگی روبرو می شوند: مهمترین مکان برای تمرکز بر روی هدف شما چیست ، و چگونه شروع می کنید؟ ایده شما در زندگی واقعی چگونه خواهد بود؟ قبل از اینکه بتوانید مطمئن باشید راه حل مناسبی دارید ، چند جلسه و بحث انجام می دهد؟ اکنون یک روش مطمئنی برای پاسخ به این سؤالات مهم وجود دارد: Sprint به شما یک قدرت می دهد که می توانید قبل از انجام هرگونه تعهد گران ، آینده را ببینید از محصول تا واکنش مشتریان.مقدمهمراحل Sprintمشکل را تعریف کنید و بعد از مشخص شدن مسئله ، تیم به حل چالش موجود می پردازد.دوشنبهمشکل را درک کنید+ نقشه چالش را تهیه کنید.+ از کارشناسان شرکت خود بخواهید آنچه را که می دانند در میان بگذارند.+ یک هدف را انتخاب کنید: یک قسمت مهم  و البته قابل کنترلی که بتوان در مدت یک هفته آن راه حل کرد.سه شنبهراه حل ها را ایده آل کنید+ روی راه حل ها و ایده ها تمرکز کنید.+ با الهام شروع کنید: مروری بر ایده های موجود برای اصلاح و بهبود.+ تمام راه حل های ممکن برای مشکلات کاربران خود را کاوش کنید.چهارشنبهتصمیم گرفتن+ یک مجموعه از راه حل ها و ایده ها دارید.+ تصمیم گیری کنید و ایده های خود را در یک فرضیه قابل آزمایش قرار دهید.+ هر راه حل را نقد کنید و تصمیم بگیرید که کدام یک بهترین فرصت را برای دستیابی به هدف بلند مدت شما دارند.پنجشنبهیک prototype ایجاد کنید+ یک ایده را در نظر بگیرید تا آن صفحه داستانی را به prototype  تبدیل کنید.+ با تمرکز بر روی مشتری یا محصول ، می توانید نمونه اولیه خود را فقط در یک روز به پایان برسانید.جمعهprototype  خود را با کاربران تست کنید.+ تا جمعه ، شما راه حلهای امیدوارکننده ایجاد کرده اید ، بهترین ها را انتخاب کرده اید و یک نمونه اولیه واقعی را ساخته اید.+ در تکرار بعدی به مشکلات رسیدگی کنید.مزایای اجرای یک Sprint Design+ مشکلات طراحی را به صورت عجیب و غریب حل می کند.+ به شما امکان می دهد زود هنگام شکست بخورید.+ کل فرایند Sprintبر محور کاربر است.+ در یک کلمه همه ناکارآمدی ها و بحث های ناکارآمد را کاهش می دهد. اطلاعات بیشتر</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Fri, 06 Mar 2020 17:44:29 +0330</pubDate>
            </item>
                    <item>
                <title>5 نکته در طراحی UX موبایل</title>
                <link>https://virgool.io/DesignersCommunity/5-%D9%86%DA%A9%D8%AA%D9%87-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-ux-%D9%85%D9%88%D8%A8%D8%A7%DB%8C%D9%84-yghvehxeokhf</link>
                <description>1- از به هم ریختگی جلوگیری شود- دستگاه های تلفن همراه فضای محدودی دارند ، بنابراین از آن  به درستی استفاده کنید.- رابط کاربری را با اطلاعات زیاد ایجاد نکنید و توجه داشته باشید اولویت هر عنصر را قبل از قراردادن در طرح مشخص نمایید.2- مراحل را مشخص کنید- اطلاعات را به روشی واضح و منطقی سازماندهی کنید و تعداد مراحل را برای رسیدن به هدف نهایی کاهش دهید.- از الگوهای navigation patterns  استفاده کنید که کاربران با آنها آشنا هستند ، بنابراین این الگو نیازی به توضیح برای کاربر ندارد.3- از خطاهای لمسی جهت رسیدن به هدف جلوگیری کنید- اهداف لمسی کوچکتر می توانند منجر به خطا در انتخاب قسمت ها شوند.- اهداف لمسی کافی برای عناصر تعاملی ارائه دهید.- اهداف لمسی ایجاد کنید که حداقل 30-40 پیکسل را اندازه گیری کنند تا بتوانند با انگشت به دقت ضربه بزنند.4- به حرکات سفارشی اعتماد نکنید- از حرکات سفارشی به عنوان اصلی ترین روش تعامل استفاده نکنید برای کاربران سخت است که تعامل جدید را برای انجام کارهای اساسی یاد بگیرند.- همیشه از حرکات استاندارد برای همه تعامل ها استفاده کنید مگر اینکه برنامه شما یک بازی باشد :)5- حفظ و ثبات  - واسط خود را در سراسر برنامه شما مهم است پس ثابت نگه دارید آن را زیرا به کاربران امکان می دهد الگوهای استفاده شده را به درستی استفاده نمایند. - هنگامی که کاربران یاد بگیرند که چگونه قسمت های خاصی از رابط کار می کنند ، می توانند این دانش را در مناطق و ویژگی های جدید اعمال کنند.</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Sun, 12 Jan 2020 13:34:31 +0330</pubDate>
            </item>
                    <item>
                <title>استفاده از تئوری رنگ در طراحی وب</title>
                <link>https://virgool.io/DesignersCommunity/%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AA%D8%A6%D9%88%D8%B1%DB%8C-%D8%B1%D9%86%DA%AF-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-qfwfzov8zjrw</link>
                <description>نظریه رنگ به ما می گوید که رنگ های مختلف به دلایل خاص با هم کار می کنند - یا نمی کنند. در حالی که ممکن است در مورد اینکه چه رنگی بر بازدید کنندگان از وبلاگ شما تأثیر می گذارد فکر نکنید ، در طی فرایند طراحی وب ، طراح این موضوع را به عنوان یکی از مؤلفه های بسیار مهم ایجاد وب سایت کامل می داند.چگونه رنگ باعث احساس می شود؟نگاهی به این بلوک رنگی بیندازید:چگونه آن را احساس می کنید؟و چگونه در مورد این بلوک:آیا وقتی مثال B را مشاهده می کردید ، وقتی به مثال A نگاه می کنید ، متفاوت بودید؟اگر چنین باشد ، جای تعجب نیست.رنگ زرد برقی ، پرانرژی است.آبی روشن آرام است.رنگ مهم است. همه ما ارتباطات غریزی روانشناختی با رنگهای خاصی داریم. برخی از اینها پیوندهای روانشناختی متداول با رنگ هستند ، و برخی دیگر انجمنهای جداگانه ای هستند که براساس زمینه زندگی ما ایجاد شده اند. حتی سایه مورد استفاده باعث ایجاد تفاوت خواهد شد. سایه ای نرم تر از رنگ آبی باعث آرامش احساسات می شود در حالی که سایه های قوی تر نشان دهنده قدرت است.سه دسته رنگاحتمالاً در کلاس هنرهای ابتدایی در مورد تئوری رنگ آموخته اید. احتمال اینکه هنوز بخش اعظم آن را فراموش کرده باشید مگر اینکه در طراحی گرافیک کار کنید!چرخ رنگ شامل سه نوع رنگ است:PrimarySecondaryTertiaryرنگ های اولیه : با ترکیب رنگهای دیگر با یکدیگر نمی توان رنگ های اصلی ایجاد کرد.رنگ های ثانویه: با مخلوط کردن دو رنگ اصلی شکل می گیرد: آبی و زرد باعث رنگ نارنجی به رنگ سبز ، قرمز و زرد می شود.رنگ های سومی :با ترکیب رنگهای اصلی و فرعی حاصل می شوند: آبی-سبز یا قرمز-نارنجی.طراحان وب از این نوع رنگ ها برای ایجاد احساس در هنگام طراحی وبلاگ استفاده می کنند.رنگهای مکملبرای کارشناسی ارشد طراحی باید درک کنید که چه رنگ ها در کنار هم به نظر می رسند. رنگهای مکمل در طرف های مقابل چرخ رنگ از یکدیگر یافت می شوند. این رنگ ها هنگام استفاده از یکدیگر در تقابل با یکدیگر قرار می گیرند و به طرح های شما ظاهری پر جنب و جوش می دهند. این رنگهای مکمل همچنین می توانند برای تقویت یک احساس خاص یا لایه بندی احساسات اضافی در بالای احساس اصلی موردنظر برای بازدید کننده خود استفاده شوند. به عنوان مثال ، ممکن است از دکمه های تماس با شما برای استفاده از رنگ قرمز استفاده کنید تا فوریت را بیابید و آن را با سبزی ها در سراسر چیدمان خود ترکیب کنید تا احساس امنیت بیشتری به بازدید کنندگان شما بدهد.می توانید از ابزاری مانند ماشین حساب رنگ در وب سایت Session College استفاده کنید تا جفت کاملی از رنگ های مکمل را برای پروژه طراحی خود پیدا کنید.حال و هوای وبلاگ خود را از طریق رنگ ایجاد کنیدآیا می خواهید بدانید که چه رنگهایی با کدام نوع احساس همراه هستند؟ این یک راهنمای مفید است:قرمز - گرم ، برقی ، پرانرژی. عالی به عنوان یک تاکید برای ایجاد جنبش.آبی - آرامش ، قدرت ، حرفه ای. سایت هایی برای سفر یا استراحت با این سایه خوب کار می کنند.زرد - هیجان انگیز و برقی. بیش از حد می تواند باعث ایجاد حواس پرتی در سایت شود ، بنابراین از آن برای تاکید استفاده کنید.نارنجی - برقی؛ با این حال ، مرورگرها این سایه را به شکلی متفاوت نمایش می دهند ، بنابراین به عنوان یک تاکید از آن استفاده می کنند. سبز - خونسرد ، آرام بخش ، حرفه ای؛ عالی برای سایت هایی که به طبیعت ، امور مالی ، تجارت مراجعه می کنند.سیاه - قدرت و قدرت. در حالی که از رنگ مشکی به عنوان یک رنگ اصلی در طراحی وب استفاده شده است ، می تواند چشم چشم خواننده را نیز تحت فشار قرار دهد.خاکستری - برای قدرت ، آرامش ، قدرت ، اقتدار قابل استفاده است. سایه عالی برای ترکیب با اکثر رنگهای دیگر. خاکستری امروزه در طراحی وب بسیار مورد استفاده قرار می گیرد.سفید - اگرچه ممکن است در طراحی وب یک رنگ غیر ضروری به نظر برسد ، آنچه را که در مورد فضای سفید یا منفی در این مقاله گفته شده است فراموش نکنید. خوانندگان شما به برخی مناطق سفید نیاز دارند تا بقیه سایت مورد توجه قرار گیرند. بدون این فضای سفید ، احتمالاً خوانندگان خود را تحت الشعاع قرار می دهید ، و احتمالاً آنها گمراه خواهند شد.چند نمونه از تئوری رنگ در حال استفادهبرای اینکه نشان دهد چگونه تئوری رنگ در توسعه وب استفاده می شود ، چه راهی بهتر از ارائه چند تصویر.شاید مشهورترین نمونه وب سایت که از رنگ آبی برای بیرون کشیدن احساس امنیت و اعتماد استفاده می کند ، فیس بوک باشد: یک وب سایت تجارت الکترونیکی است که از انواع رنگهای پر جنب و جوش برای جلب مشتریان به فروشگاه خود استفاده می کند. در ابتدا ، طرح رنگ آنها ممکن است آشفته به نظر برسد ، اما تنوع عمدی است: این نشان دهنده طیف گسترده ای از مارک های موجود در فروشگاه آنها است.Oi Polloiتوصیه نهاییاگر وب سایت شما کشش مورد نظر خود را پیدا نمی کند ، بخشی از مشکل از رنگ شما است وقت بگذارید تا واقعاً بدانید که مردم هنگام ورود به وب سایت شما چه احساسی باید داشته باشند ، سپس یک طراحی جدید بسازید که از رنگ های انتخاب شده برای برانگیختن آن احساسات استفاده کند.</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Sat, 21 Sep 2019 14:48:15 +0430</pubDate>
            </item>
                    <item>
                <title>80 کلمه مهم برای یک طراح UI/UX</title>
                <link>https://virgool.io/DesignersCommunity/80-%DA%A9%D9%84%D9%85%D9%87-%D9%85%D9%87%D9%85-%D8%A8%D8%B1%D8%A7%DB%8C-%DB%8C%DA%A9-%D8%B7%D8%B1%D8%A7%D8%AD-%D8%B1%D8%A7%D8%A8%D8%B7-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-x669oehs6mzk</link>
                <description>توجه:به یاد داشته باشید که کلمات کلیدی شما را باهوش تر نمی کنند. با این حال اینها را یاد بگیرید تا به شما در ارتباط موثرتر مباحث UX کمک کنند.نکته: برخی حروف ممکن است خوب ترجمه نشده باشد.-------------------------------------------------------------------Research =پژوهشBehavior =رفتارCompetitor=رقیب analysis=تحلیل و بررسی Failure=  شکستproblems user=مشکلات کاربرValidation=  اعتبار سنجی Useful=مفید Value=ارزشDesk research=تحقیق میزHypothesis=فرضیه Empathy =یکدلی، درک و شناخت-------------------------------------------------------------------Collaboration= همکاریAgile =چابکProcesses=مراحل Waterfall =آبشارSprints=اسپرینت Product team =تیم محصولProduct manager= مدیر تولیدIterations= تکرارهاFail fast= سریع شکست بخورCollaborate= همکاریDesign handover =تحویل طراحی-----------------------------------------------------------------UI Design =طراحی رابط کاربرInformation architecture =ساختار اطلاعاتWireframes =وایرهای فریمClick-through prototypes =نمونه های اولیه از طریق کلیک کنیدSync =همگام سازیResponsive =پاسخگوMobile =موبایلTablet =تبلتClarity =وضوحDesktop =دسکتاپVisual hierarchy=سلسله مراتب بصریAesthetic Interaction =تعامل زیباییDesign =طرحContrast =تضادTypography =تایپوگرافیAccessibility= دسترسیClean &amp; minimal= تمیز و حداقلThe fold =برابرPatterns =الگوهایConsistency =ثبات-------------------------------------------------------------------Colors =رنگهاContrast =تضادHarmonious =هماهنگPastel =پاستیلComplimentary =تعارفیBalance On brand =موجودی نام تجاریConsistent =استوارNatural =طبیعیHigh energy =انرژی بالاSymbolic =نمادین-------------------------------------------------------------------UX Design =طراحی UX3 click rule=قانون 3 کلیک5 second test =  تست 5 ثانیه ایF shaped pattern=الگوی F80/20 rule =قانون 80/20A/B testing=تست A / BAccessibility =دسترسیMinimal viable product =محصول قابل دوام حداقلMind map =نقشه ذهنیUser flows =جریان کاربرCustomer Journey Map=نقشه سفر مشتریData driven =داده هدایت می شودUser scenarios =سناریوهای کاربرPersonas =افرادConversion rate =نرخ تبدیلEnd users=کاربران نهایی Eye tracking =  ردیابی چشمUser engagement =تعامل کاربرRetention Focus =تمرکز احتباسgroup Mind map =نقشه ذهن گروه</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Thu, 19 Sep 2019 15:24:50 +0430</pubDate>
            </item>
                    <item>
                <title>6 روش برای بهتر شدن در طراحی Ul / UX</title>
                <link>https://virgool.io/DesignersCommunity/6-%D8%B1%D9%88%D8%B4-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87%D8%AA%D8%B1-%D8%B4%D8%AF%D9%86-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-ul-ux-jmeyvj5d4le9</link>
                <description>روش ها و نکات ساده ای که واقعاً به من در طراحی حرفه ای Ul / UX کمک کرده است. امیدوارم که آنها را مفید بدانید.1) با الگوهای طراحی آشنا شویدالگوهای طراحی به عنوان مرجع استاندارد ، راهنماها ، قالب هایی شناخته می شوند که ممکن است طراحان برای حل یک مشکل خاص هنگام طراحی وب سایت یا برنامه تلفن همراه ، از این رو شما مجبور نیستید هر بار یک مشکل خاص را در طراحی حل کنید ، چرخ را دوباره اختراع کنید.2) برای طراحی خوب چشم خود را آموزش دهیدبه عنوان طراح Ul / UX ، شما باید یک طراحی چشمگیر را برای طراحی بصری خوب ایجاد کنید. شما باید هر روز چشم خود را آموزش دهید - چگونه؟ به Dribbble ، Behance ، Pinterest و غیره بروید و با دقت زیادی طراحان برتر را مطالعه کنید که از شما الهام می گیرد - نحوه استفاده از فضای سفید ، تایپوگرافی ، فواصل ، ترکیب رنگ و غیره. طراحی مورد علاقه خود را ذخیره و نشانک کنید و شروع به ایجاد کتابخانه ایده کنید. به یاد داشته باشید: ثبات مهم است!3) یادگرفتن کپی کردن از طراحان برترکپی کردن تکنیکی بسیار مؤثر است که نقاشان ، نویسندگان قرن ها از آن استفاده می کنند! کپی کردن مربوط به مهندسی معکوس است - شکستن کار طراحان برتر. طرح هایی را که دوست دارید پیدا کنید و از آنها الهام گرفته اید - و سپس به معنای واقعی کلمه شروع به کپی کردن از آنها کنید! (هنگام انجام این کار به هر جزئیات خاص توجه کنید) هر چند به یاد داشته باشید - این همه در مورد عمل است نه سرقت ادبی! شما این کالاها را نمی فروشید و یا آن را در سبد خرید خود قرار نمی دهید.4) آنچه را یاد گرفته اید اعمال کنیدکپی کردن و استفاده مجدد از دیگران ، آن طعم خوب را به شما می دهد ، بنابراین درک و ایده بهتری خواهید گرفت که چگونه طراحی خوب به نظر می رسد. اگرچه ، شما باید بدانید که چگونه می توانید تمام یادگیری های خود را در پروژه های دنیای واقعی به کار گیرید! و اگر در حال حاضر هیچ پروژه آزاد و تجاری برای کار روی آن ندارید - فقط برای کار بر روی مفهوم / یک پروژه را شروع کنید! چقدر ساده است؟5) تمرینات خود را بهتر کنیدروزمره طراحی خود را تنظیم کنید تا حداقل چند دقیقه در روز را صرف  تمرین کنید زیرا ثبات بسیار مهم است! شما یک شب طراح بهتر نخواهید شد - همه چیز در مورد فداکاری ، سخت کوشی ، صبور بودن و تمرین زیاد است - شما باید هر روز یادگیری و سخت کوشی را ادامه دهید زیرا این تنها راه پیشرفت است. هیچ میانبر وجود ندارد: هرچه این کار را انجام دهید - بهتر می توانید آن را بدست آورید!6)یک مربی پیدا کنیدراه عالی دیگر برای بهبود مهارت های طراحی شما ، کار در زیر مربی یا مربیان است. بازخورد آنها بسیار مفید است زیرا آنها به شما كمك می كنند تا جزئیات كوچكی را كه قبلاً از آنها آگاه نبودید ، مشخص كنید. کمک آنها به شما در سرعت بخشیدن به روند یادگیری کمک می کند ، پس منتظر چه هستید؟  بروید یک مربی پیدا کنید - از مهارت و پشتیبانی آنها استفاده کنید تا مهارت طراحی خود را در سطح بالاتری قرار دهید!</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Thu, 19 Sep 2019 12:14:41 +0430</pubDate>
            </item>
                    <item>
                <title>3 خطا هنگام طراحی اسلایدر</title>
                <link>https://virgool.io/DesignersCommunity/3-%D8%AE%D8%B7%D8%A7%DB%8C-%D9%87%D9%86%DA%AF%D8%A7%D9%85-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%A7%D8%B3%D9%84%D8%A7%DB%8C%D8%AF%D8%B1-c2a3atbiuegm</link>
                <description>اشتباه شماره 1پس از اینکه کاربر کنترل خود را به دست آورد ، اسلایدر خودکار است.این روش معمولاً در صفحات اصلی برای جذب کاربران با محتوای برجسته استفاده می شود. با این حال ، مشکل این است که گاهی اوقات اسلایدر اتوماتیک پس از کنترل کاربر کنترل آن متوقف نمی شود.وقتی کاربران در حال چرخش آیتم های اسلایدر هستند ، اسلایدر  اتوماتیک باید متوقف شود و به اسلایدر دستی تغییر یابد تا کاربران بتوانند با سرعت خود آن ها را مرور کنند. بسیار جالب است که وقتی کاربر در تلاش است تا مورد قبلی خود را مشاهده کند ، اسلایدر به طور خودکار به مورد بعدی منتقل کنید.مثال:اشتباه شماره 1 اشتباه شماره 2اسلایدر نامحدود فقط برای کاربران مهم نیست که بدانند در یک گردش قرار دارند ، بلکه برای آنها نیز مهم است که بدانند اسلایدر به پایان می رسد. اسلایدر که بی نهایت گردش می یابد یکی از مواردی است که بدون آنکه به کاربران بگوید اسلایدر تمام شده است به اولین مورد اسلایدر می رود.این می تواند باعث شود کاربران به طور ناخواسته موارد مشابه را مشاهده کنند. با غیرفعال کردن فلش وقتی اسلایدر به آخرین مورد رسید ، محدودیتی به اسلایدر خود اضافه کنید.اشتباه شماره 2اشتباه شماره 3نشان کوچکبحثی وجود ندارد که کلیک کردن بر روی اهداف کوچک سخت تر باشد. اگر فلش روی اسلایدر شما از اندازه نشانگر ماوس کوچکتر است ، مشکل دارید که با قرار دادن آنها بر روی سطح یک دکمه ، نشان گر را  از آرایه های خود را بزرگتر و آسانتر کنید.با کلیک بزرگتر به کاربران امکان می دهد تا بتوانند از فلش ها بدون برخورد دقیق روی پیکان استفاده کنند.افزایش اندازه باعث می شود فلش ها را راحت تر ببینید.اشتباه شماره 3 </description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Sat, 31 Aug 2019 14:28:24 +0430</pubDate>
            </item>
                    <item>
                <title>چگونه ایجاد کنیم یک User Flow</title>
                <link>https://virgool.io/CreativePie/%DA%86%DA%AF%D9%88%D9%86%D9%87-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%DA%A9%D9%86%DB%8C%D9%85-%DB%8C%DA%A9-user-flow-kkjrqslf8i0b</link>
                <description>یک User Flow تمام مسیرهای ممکن را که کاربر می تواند برای انجام یک کار طی کند را نشان می دهد.نقش User Flow1- تجسم کاربر به صورت مسیری است که می تواند تمامی مراحل را نشان دهد.2- مراحلی را نشان می دهد که در آن ممکن است کاربر از حرکت به جلو دریغ کند.3- کمک می کند تا فقط آنچه را که برای فرآیند ضروری است درج کنیم.سه نوع عنصر درUser Flow وجود دارد.یک نقطه شروع و پایان ، انتخاب یا متغیر و عملی که کاربر انجام می دهد.در صنعت یک انتخاب معمولاً یک لوزی است و برای عمل یک مربع اما می توانید هر کاری را که می خواهید انجام دهید ، فقط آنها را متمایز کنید. می توانید آن را سیاه و سفید یا رنگی کنید ، هرکاری که بیشترین کمک را می کند به طور مثال برای صفحه ورود:login pageچرا باید از آن استفاده کنید:1. ساخت آن بسیار آسان و سریع استاین مهم است که یک ابزار شما را عقب نگه ندارد یا زمان بیشتری را از مقداری که به ارمغان می آورد طول نمی کشد و جریان کاربر قطعاً ارزش بسیار زیادی را در زمان بسیار کمی به ارمغان می آورد. لازم نیست زیبا به نظر برسید بنابراین در این مورد وقت خود را تلف نکنید. این فقط مهم است که از لحاظ بصری بین یک عمل ، یک انتخاب و نقاط شروع / پایان کار تفاوت قائل شوید.2- تجسم یک فرآیند بسیار قدرتمند استمن می دانم که چند بار فکر می کنم یک جریان خاص کاربر کاملاً واضح است و ترسیم آن می تواند اتلاف وقت باشد اما من به هر حال این کار را می کنم و گاهی اوقات می تواند بخش های از دست رفته را که تا به حال ندیده ام به آن فکر کرده ام نشان دهد. تجسم در UX بسیار قدرتمند است ، به همین دلیل ما از Personas ، نقشه سفر استفاده می کنیم و غیره. جریان کاربر نیز از این قاعده مستثنا نیست.3- به متقاعد کردن مشتری کمک می کندشاید متوجه شده باشید که می توانید یک جریان خاص را بسیار ساده تر انجام دهید ، اما ممکن است آوردن همه افراد به آسانی آسان نباشد. اما اگر می توانید مشکل و پیشنهاد را در یک جریان کاربر ارائه دهید ، این بسیار قانع کننده تر است!می توانید از نرم افزار طراحی دلخواه خود برای ایجاد جریان کاربر استفاده کنید اما ابزارهای بسیار جذاب در خارج وجود دارد که می تواند مانند Flowmapp ، Wireflow یا Coggle به شما کمک کند.</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Sat, 31 Aug 2019 01:23:57 +0430</pubDate>
            </item>
                    <item>
                <title>8 نکته برای طراحی دکمه کامل</title>
                <link>https://virgool.io/DesignersCommunity/8-%D9%86%DA%A9%D8%AA%D9%87-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%AF%DA%A9%D9%85%D9%87-%DA%A9%D8%A7%D9%85%D9%84-uvvnmynyq7kp</link>
                <description>1-  طرح اولیهآیا فقط به یک مستطیل برای  طراحی دکمه نیاز دارید؟ دکمه های خود را باید به صورت اجزای مقیاس پذیر و قابل استفاده مجدد طراحی کنید.شروع کنید 3 نوع اندازه دکمه ، با یک نوع مستطیل ای که border radius=4px است طراحی کنید.2- رنگشما باید رنگ دکمه های خود را تعریف کنید.  سه نوع پیش فرض(primary) مهم(important) و احتیاط (caution)را پوشش دهید. دکمه ها یکبار قبلا ایجاد شده اند(طرح اولیه) حالا رنگ ها را بروی آن ها اعمال نمایید.3-مرزها( borders)شما آن را حدس می زنید. با استفاده از یک مستطیل، مرزهای خود را برای مطابقت با رنگ دکمه های خود ایجاد کنید و آن را روی طرح اولیه خود قرار دهید.4- حالتاین مورد همیشه نادیده گرفته می شود عدم طراحی برای حالات مختلف.باید طرح های اولیه با استفاده از رنگ ها برای موارد مختلف اعم از غیرفعال، در حال پردازش و... طراحی شود.5- محتوایک دکمه بدون محتواچه ارزشی دارد؟ با استفاده از فونت های متن به ایجاد سایزهای 14px و 16px برای مقادیر متن بزرگ، متوسط و کوچک دکمه با حالت های مختلف اعم از تاریک، غیرفعال، لینک و... به پردازید و آن را به طرح خود اضافه کنید.6- حاشیه داخلیبا هر اندازه دکمه، شما نیاز به سیستم 8pt حاشیه داخلی دارید و همیشه قوانین 8pt برای دکمه ها را دنبال کنید. متوجه مقیاس بزرگتر دکمه های بزرگتر می شوید.قوانین 8pt7 -آیکونبرخی از دکمه های شما دارای آیکون هستند بنابراین یک لایه آیکون سمت چپ و راست اضافه می شود. اندازه آیکون را با ارتفاع دکمه مطابقت دهید تا یک آیکون مربع کامل ایجاد شود.8-محدودیت محدودیت ها باعث می شود دکمه های خود را به اندازه و ابعاد کوچکتر اندازه گیری  و طراحی کنید.</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Sun, 28 Jul 2019 12:36:44 +0430</pubDate>
            </item>
                    <item>
                <title>3 قانون برای سایه دکمه ها</title>
                <link>https://virgool.io/DesignersCommunity/3-%D9%82%D8%A7%D9%86%D9%88%D9%86-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B3%D8%A7%DB%8C%D9%87-%D8%AF%DA%A9%D9%85%D9%87-%D9%87%D8%A7-i2ic8mddtc82</link>
                <description>رنگ سایه، شبیه به رنگ دکمه استفاده شود.کدورت کمتر از 40٪ استفاده شود.سایه کوچکتر از دکمه را ایجاد کنیدفرمولی که از این گزینه برای اندازه دکمه های معمول استفاده می شود.مهمترین چیزها عبارتند از: کدورت، موقعیت Y و وسعت انتشار آن است.</description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Fri, 26 Jul 2019 14:49:53 +0430</pubDate>
            </item>
                    <item>
                <title>8 مهارت مهم در طراحی UI / UX</title>
                <link>https://virgool.io/DesignersCommunity/8-%D9%85%D9%87%D8%A7%D8%B1%D8%AA-%D9%85%D9%87%D9%85-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-ui-ux-mhrsfdtshz6y</link>
                <description> در این پست 8 مهارت که برای رشد و پیشرفت خود به عنوان طراح UI/UX لازم است بدانید:1- اشتیاق به حل مشکل  اول و مهمتر از همه، طراحی در مورد حل مسائل است که یکی از مهارتهای مورد نیاز و مورد نظر در جهان UX است.به عنوان طراح UI/UX شما باید ایده های مختلف و راه حل های مختلف را تست و تکرار نمایید بارها و بارها و در نهایت بر اساس بازخورد: بهترین را انتخاب نمایید هر چه این کار را بیشتر انجام دهید به نتیجه بهتری دست خواهید یافت.2- یکدلیاساسا، همدردی اغلب به عنوان توانایی درک احساسات دیگران محسوب می شود.اغلب شما نیاز دارید که خودتان را در جایگاه کاربران خود قرار دهید تا درک عمیق تر از فکر، احساسات، نیازها، انگیزه ها و غیره داشته باشید. شناخت بهتر از کاربران شما به شما کمک می کند تا محصولات خود را بهتر، و کاربر محور تولید کنید .3- ارتباط روشنبه عنوان طراح ui / ux شما باید یاد بگیرند که چگونه در مورد طرح ها، مفاهیم، ایده ها و طرح های خود در مورد منطق / تفکر پشت آن ها صحبت کنید - اغلب به روش های مختلف بسته به اینکه مخاطبان چه هستند (از اصطلاحات استفاده کنید). این مهارت ضروری است زیرا روش برقراری ارتباط شما و ارائه راه حل طراحی موجب می شود تا دیگران به حرفه ای بودن شما پی ببرند.4- انتقاد سازنده ای مانند طرفدار را بپذیریددر طراحي UX  هميشه چيزي وجود دارد كه مي تواند بهبود يابد و بهتر انجام شود. با اين كار مي توان گفت كه شما بايد ياد بگيريد كه بازخورد سازنده از كار خود را بپذيريد، زيرا اين كار شما را قادر مي سازد كه چگونه طرح هاي خود را بهبود بخشید و طراحي بهتر شود. این یکی از سخت ترین کارها است ، اما از ارزشمندترین مهارت هایی است که شما در حرفه خود می آموزید.5- برای دیگران ارزش گذاری کنیداول و مهمتر از همه طراحی برای کاربران است تا مشکل آنها حل شود. این یعنی همه چیز، ارائه خدمات عالی و ارزش. شما نمی توانید با ابتکار عمل، همیشه سعی کنید چیزی جدید و نوآورانه را به میز بیاندازید که  ارزش بیشتری را برای افرادی که با آن کار می کنید نشان دهد بلکه با ارائه طرحی ارزشمند و رفع مشکل برای دیگران، به عنوان طراح ارزشمندتری شناخته خواهید شد. 6- تبدیل شدن به یک بازیکن بزرگ تیمافراد قادر نیستند محصول خود را به  خود تولید کنند - این همیشه یک تلاش و همکاری تیمی بین تیم های مختلف است: طراحان، توسعه دهندگان، کارفرمایان حرفه ای، سهامداران، کاربران. در عوض، هر فردی که در چرخه توسعه محصول دخیل است مسئول کل تجربه کاربر از محصول نهایی است به این دلیل است که شما باید برای تبدیل شدن به یک بازیکن بزرگ و مشارکت کننده در تیم تلاش نمایید.7- سازگاری سازگاری به معنی  این است که یک تغییر پروژه، محیط جدید، ایده های جدید، نیازهای جدید و یا حتی افرادی که شما با نیازهای من و یا حتی افراد با شما کار می کنند. به نظر من: سازگاری همچنین به معنی نگاه کردن به مسئله خاص از دیدگاه اندکی متفاوت است - شروع به بازاندیشی کنید. هر پروژه جدید متفاوت است و چالش های جدیدی را به وجود می آورد - به این معنی است که شما همیشه باید آماده / آماده برای اتخاذ تصمیم در هر موقعیت جدید باشید. 8- صبر کلید استطراحی UX به عنوان فرآیند تعاملی مستلزم است که طرح ها را به طور دائم بهبود دهد،  با تیم های دیگر ارتباط برقرارنماید، در انتظار بازخورد کاربران باشد، زیرا همیشه وجود دارد که می توان طرح را بهبود و بهتر انجام داد!طراحی موفق نیاز به مقدار زیادی از صبر و شکیبایی دارد. </description>
                <category>عباس صفاییان</category>
                <author>عباس صفاییان</author>
                <pubDate>Fri, 12 Jul 2019 19:06:30 +0430</pubDate>
            </item>
            </channel>
</rss>