https://virgool.io/feed/@arefe_bibak fa 2026-04-15 10:15:11 https://files.virgool.io/upload/users/2373944/avatar/oprwT3.png?height=120&width=120 https://virgool.io/@arefe_bibak https://virgool.io/@arefe_bibak/%DB%B5-%D8%AA%D8%A7-%D8%A7%D8%B2-%D9%86%DA%A9%D8%A7%D8%AA-%D9%85%D9%87%D9%85-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-ui-ux-kx4fzz4vaki1 سلام امیدوارم حالت عالی باشه.توی این مقاله قراره باهم ادامه نکات مهم  طراحی وبسایت رو بررسی کنیم، اگر مقاله قبلی(۵ نکته مهم هنگام طراحی UI/UX (نکات مهم طراحی وبسایت) پارت اول) رو نخوندی پیشنهاد میکنم اول اون رو بخون.در ادامه ۵ تا از نکات مهم طراحی وبسایت ( طراحی UI / UX) رو میخونیم‌.اگر آماده ای بزن بریم ✋?۱- قابلیت استفاده (Usability)در صفحه ی وبسایتی که طراحی یا کدنویسی میکنیم باید به این نکته توجه کنیم که هر المانی که در صفحه میذاریم باید کاربرد داشته باشه و از گذاشتن عناصر و المان های اضافه جلوگیری کنیم تا هم کاربر گیج نشه و همم طرحمون به ساده ترین روش ممکن کاربر رو به هدف خودش برسونه.مثلا ما در نرم افزارهای مسیریابی از یک  سخنران استفاده میکنیم تا حواس کاربر موقع رانندگی پرت نشه و نیاز نباشه دائم به صفحه گوشی نگاه کنه و از گذاشتن عناصر اضافه جلوگیری میکنیم.۲- دسترسی پذیری (Accessibility)طرح ما باید به صورتی باشه که همه ی  کاربران ما بتونند از اون استفاده کنند و ما در واقع باید حواسمون به همه ی کاربرانمون باشه .اگر کاربری داریم که معلولیت جسمی یا کور رنگی یا سن بالا داره باید در نظر بگیریم حتی جنسیت هم اهمیت بسیار زیادی داره و ممکنه سایز انگشت های اقایون و خانم ها یا تفاوت رنگی که دارند موجب بشه موقع کارکردن با نرم افزار روی رفتار کاربر تاثیر بذاره و ما باید تمام تلاشمون رو بکنیم تا کاربر به راحتی با نرم افزار یا وبسایت ما ارتباط بگیره. پس ما طرح هامون رو طوری طراحی میکنیم که همه بتونند استفاده کنند. مثلا در نرم افزارهای کتابخونی یکسری ابزار در اختیار کاربر قرار داده میشه مثل تغییر فونت ، تغییر بک گراند ، تغییر سایه ، تغییر رنگ و ... تا کاربر بتونه نوشته ها رو به راحتی تغییر بده و متناسب با بینایی خودش متن رو بخونه.دسترسی پذیری یکی از مهمترین نکات هست که توی طرحاتون سعی کنید رعایت کنید.۳- بازخورد (Feedback)وقتی کاربر در سایت یک اکشن و فعالیتی انجام میده حتما باید یک بازخورد و فیدبکی از سایت بگیره تا بدونه کارش رو درست انجام داده یا نه ؟مثلا کاربر یک فرم رو پر میکنه و زمانی که روی دکمه ارسال اطلاعات کلیک میکنه باید به کاربر پیغام بدیم که اطلاعات شما درست ارسال شده یا اگر ارسال نشده بهش بگیم که اطلاعات خودتون رو درست وارد کنید.یا زمانی که رمز عبور خودش رو وارد میکنه باید بهش بازخورد بدیم. در واقع به تمام اکشن های کاربر باید پاسخ بدیم و از گذاشتن دکمه هایی که به هیچ صفحه ای نمیره یا از قراردادن فرم هایی که کاربر نمیدونه داره کار خودش رو درست انجام میده یا نه ، باید جلوگیری کنیم.۴- پیشگیری از خطا (error prevention)در سایت احتمالا خطاها یا ارورهایی ممکن هست به وجود بیاد ، شما همیشه باید سعی کنین قبل از کاربر مشکلات سایت رو پیدا کنید و اون ها رو رفع کنید مثلا ممکنه کاربر در صفحه ی وارد کردن اطلاعات خود در یک فرم طولانی باشه و یکهو حواسش نباشه اون صفحه رو ببنده ، به شدت کار خسته کننده ای هست که کاربر بخواد دوباره اطلاعات رو وارد کنه پس برای جلوگیری از اینکار یک modal  طراحی میکنیم و از کاربر میپرسیم واقعا دلش میخواد این فرم بسته بشه یا نه ، اینطوری از یک خطا و اشتباه جلوگیری میکنیم.۵- حفظ ثبات (Consistency)حفظ ثبات در طراحی کمک میکنه تا تمام طرح با هم سازگاری و یکپارچگی داشته باشن و همه ی طرح از یک پلت رنگی و فونت و سایز های استاندارد پیروی کنه . برای اینکار از دیزاین سیستم استفاده میکنیم که در پست های بعدی درباره اش کامل توضیح میدیم.مثلا طراحی دکمه ها ، فرم ها و تایپوگرافی و ...  در یک سایت از یک شکل استاندارد پیروی میکنن.امیدوارم از مطالبی که توی این پست منتشر شد لذت ببرید و به دانشتون اضافه شده باشه .اگر سوالی دارید پایین این پست یا از طریق ایمیل با من در ارتباط باشین .پست های بعدی هم توی راهه ، منتظرمون باشین :)پ.ن : اطلاعات این پست و پست قبل رو از احسان عزتی عزیز که تو یکی از ویدیوهاش اشاره کرد استفاده کردیم و کمک گرفتیم ، امیدوارم موفق و سربلند باشه :) theehsanez# عارفه بی باک عارفه بی باک Fri, 22 Sep 2023 15:09:10 +0330 https://virgool.io/@arefe_bibak/%DB%B5-%D9%86%DA%A9%D8%AA%D9%87-%D9%85%D9%87%D9%85-%D9%87%D9%86%DA%AF%D8%A7%D9%85-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-uiux-%D9%86%DA%A9%D8%A7%D8%AA-%D9%85%D9%87%D9%85-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA-%D9%BE%D8%A7%D8%B1%D8%AA-%D8%A7%D9%88%D9%84-eidmqwoyshyl سلام دوست من امیدوارم حالت عالی باشه.توی این مقاله قراره باهم یکسری از نکات مهم هنگام طراحی وبسایت رو بررسی کنیم تا بتونیم سایتی رو طراحی کنیم که مخاطب ما احساس خوبی از کارکردن با سایت داشته باشه.برای خوندن نکات دیگه به مقاله ی بعدی مراجعه کنید.در ادامه ۵ تا از نکات مهم هنگام طراحی سایت ( طراحی UI / UX) رو میخونیم‌.اگر آماده ای بزن بریم ?1- استانداردها رو دنبال کنید.اولین نکته که در طراحی باید رعایت کنید اینکه استانداردها رو رعایت کنید. یعنی چی ؟ یعنی اینکه وقتی دارید سایتتون رو طراحی میکنید لازم نیست همش چیزهای جدید تولید کنید و بسازید . خیلی اوقات کاربرها دوست دارند از چیزهایی که استفاده کردند و تجربه کردند استفاده کنند . وقتی شما مثلا به جای آیکون Home که اکثرا در ذهن کاربر به این معنی هست که اگر کلیک کنه وارد صفحه ی اصلی میشه ، بیاید و برخلاف حالت رایج اون رو به صفحه ثبت نام ببرید کاربر احساس خوبی نسبت به سایت شما نمیگیره و فکر میکنه سایت دچار باگ (مشکل) شده . پس سعی کنید تا جای ممکن از استانداردهایی که کاربران بهشون عادت دارند استفاده کنید . این به این معنی نیست که شما دیگه  خلاقیت و ایده پردازی خودتون رو متوقف کنید ، برعکس اگر جایی فکر میکنید لازمه و ایده شما میتونه کار کاربر رو راحتتر کنه حتما ایدتون رو پیاده سازی کنید.۲- مینیمالیسمطرح های مینیمالیسم طرح هایی هستند که اکثرا جز ترندهای هر سال معرفی میشند. سعی کنید در طراحیاتون حتما از سبک های مینیمالیسم استفاده کنید چون باعث میشه از گذاشتن عناصر اضافی در طراحیاتون جلوگیری کنید . کاربران در طراحی های مینیمالیسم به راحتی با اپ یا وبسایت کار میکنند و اصلا دچار سردرگمی نمیشن و این یکی از نقاط مثبت در این طراحیه. استفاده از آیکون های ساده ، استفاده از تصاویر ساده به شما به شدت کمک میکنه تا طرحتون مینیمالتر بشه.۳-وضوحطراحی وبسایت شما باید به صورتی باشه که کاربر بدونه دقیقا در چه مرحله ای هست مثلا اگر در پروسه ی ثبت نام هست با استفاده از استپ بهش نشون بدیم در چه مرحله ایه، چه مراحلی رو طی کرده و قراره چه مراحلی رو طی کنه.اینطوری کاربر کاملا براش همه چیز واضح هست و کار با وبسایت براش کاملا روشنه.۴- فضای خالی (space white)سعی کنید همه ی فضای سایت یا اپلیکیشنتون رو کاملا با المان ها وتصاویر پر نکنید . خیلی اوقات این فضای سفید کمک میکنه تا شما بتونید مطالب مهم رو به کاربر راحتتر نشون بدید و تمرکز کاربر کاملا روی مطالبی باشه که شما دوست دارید کاربر بهش توجه کنه.مثلا صفحه ی ثبت نام کاربر در وبسایت باید ساده و مینیمال طراحی بشه چون اگر المان های زیادی در این صفحه باشه باعث میشه کاربر از مسیر اصلی خارج بشه و  پروسه ثبت نام رو متوقف کنه. پس تا جای ممکن از فضای سفید در طراحیتون کمک بگیرید تا تمرکز کاربر رو روی مواردی که بهش نیاز دارید جلب کنید.۵-آزاد بودن کاربر و در عین حال کنترلما در وبسایت یا اپلیکیشنمون نباید کاربر رو به کاری که دوست نداره مجبور کنیم . وقتی مثلا کاربر رو  برای  ثبت نام توی سایت یا وارد کردن ایمیل برای اطلاع از اخبار مجبور میکنیم،  کاربر سریعا از سایت خارج میشه و به سمت سایت رقبا میره.پس تا جای ممکن سعی کنید کاربر رو به کاری مجبور نکنید و  اگر نیاز دارید که کاربر در سایت شما ثبت نام کنه یکسری اکشن ها و عمل ها رو بذارید کاربر انجام بده و بقیه ی امکانات خودتون رو معطوف به ثبت نام کاربر کنید و میتونید با یک ناتیفیکیشن بهش اطلاع بدید ک اگر دوست داره از امکانات دیگه استفاده کنه باید داخل سایت پروسه ثبت نامش رو تکمیل کنه.تا اینجا به ۵ تا از نکات مهم طراحی وبسایت و اپلیکیشن پرداختیم، توی مقاله ی بعدی ۵ نکته ی مهم دیگه رو با هم بررسی میکنیم.اگر سوالی داشتید یا نکته ی دیگه ای رو شما میدونستید میتونید توی کامنت ها بپرسید. برای خوندن مقالات بیشتر به سایت https://voltonacademy.ir/ مراجعه کنید :)مرسی از همراهی ارزشمند شما. عارفه بی باک عارفه بی باک Wed, 19 Jul 2023 18:43:35 +0330