اخطار‌های زیر رخ داد:
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 210 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 459 my_date
/showthread.php 24 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 210 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 460 my_date
/showthread.php 24 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 103 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 466 my_date
/showthread.php 24 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 104 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 466 my_date
/showthread.php 24 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 105 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 466 my_date
/showthread.php 24 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 185 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 466 my_date
/showthread.php 24 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 210 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 818 my_date
/showthread.php 24 require_once
Warning [2] count(): Parameter must be an array or an object that implements Countable - Line: 864 - File: showthread.php PHP 7.3.33 (Linux)
File Line Function
/showthread.php 864 errorHandler->error
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 103 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/showthread.php 1547 my_date
/showthread.php 872 buildtree
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 104 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/showthread.php 1547 my_date
/showthread.php 872 buildtree
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 105 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/showthread.php 1547 my_date
/showthread.php 872 buildtree
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 185 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/showthread.php 1547 my_date
/showthread.php 872 buildtree
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 103 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/inc/functions_post.php 163 my_date
/showthread.php 873 build_postbit
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 104 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/inc/functions_post.php 163 my_date
/showthread.php 873 build_postbit
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 105 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/inc/functions_post.php 163 my_date
/showthread.php 873 build_postbit
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 185 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/inc/functions_post.php 163 my_date
/showthread.php 873 build_postbit
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 210 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/inc/functions_post.php 365 my_date
/showthread.php 873 build_postbit



برای ورود به پرتال وب سایت اسکریپت دات کام کلیک کنید

امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
۱۵ تکنیک طراحان رابط کاربری
#1
آنچه کاربران می خواهند برای برنامه نویسان ایجاد برنامه هایی است که نیازهای آنها را برآورده می کند و کاربرد آنها آسان است. خیلی از توسعه دهندگان فکر می کنند که آنها نبوغ هنری هستند – آنها به دنبال رعایت استانداردهای طراحی رابط کاربری نیستند و یا تلاش می کنند تا کاربردهای خود را قابل استفاده کنند ، در عوض آنها به اشتباه معتقدند نکته مهم این است که کد را هوشمندانه تر کنید یا از یک نکته جالب استفاده کنید.
هرچه رابط کاربری بهتر باشد ، آموزش افراد برای استفاده از آن آسان تر است و هزینه های آموزش شما را کاهش می دهد. هر چه رابط کاربری شما بهتر باشد، افراد کمتری به استفاده از آن کمک خواهند کرد و هزینه های پشتیبانی شما را کاهش می دهد. رابط کاربری شما بهتر است ، پس کاربران شما از آن استفاده می کنند و در نتیجه رضایت آنها را از کارهایی که انجام داده اید افزایش می دهد.
 
[تصویر:  1-min.jpg]
 
نکات و تکنیک های رابط کاربری
۱-ثبات و دوام:
من معتقدم مهمترین کاری که می توانید انجام دهید این است که رابط کاربری شما به طور مداوم کار کند. اگر می توانید روی موارد موجود در یک لیست دو بار کلیک کرده و اتفاقی بیفتد ، باید بتوانید بر روی موارد موجود در هر لیست دیگر دوبار کلیک کنید و اتفاقات مشابهی رخ دهد. دکمه های خود را در مکان های ثابت در تمام پنجره های خود قرار دهید ، از همان عبارت در برچسب ها و پیام ها استفاده کنید و در کل از یک طرح رنگی ثابت استفاده کنید. ثبات در رابط کاربری شما کاربران را قادر می سازد یک مدل ذهنی دقیق از نحوه کار خود بسازند و مدل های دقیق ذهنی منجر به کاهش هزینه های آموزش و پشتیبانی می شوند.
۲-استانداردها را تنظیم کنید و به آنها ارتباط دهید:
تنها روشی که می توانید از ثبات در برنامه خود اطمینان حاصل کنید ، تنظیم استانداردهای طراحی رابط کاربری و سپس چسباندن به آنها است. شما باید در همه ابعاد توسعه نرم افزار ، از جمله طراحی رابط کاربری ، مراحل استاندارد سازی مدل سازی Agile (AM) را اجرا کنید.
۳-سایت را روی خط آماده نگه دارید:
هنگامی که شما در حال ایجاد رابط کاربری برای سیستم خود هستید ، متوجه خواهید شد که ذینفعان شما اغلب ایده های غیر معمول در مورد چگونگی توسعه رابط کاربری دارند. مطمئناً باید به این ایده ها گوش فرا دهید اما باید ذینفعان خود را از معیارهای لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید شرکت خود و لزوم انطباق با آنها آگاه سازید.
۴-قوانین را توضیح دهید:
کاربران شما باید بدانند که چگونه با برنامه ای که برای آنها ساخته اید کار کنند. وقتی یک برنامه به طور مداوم کار می کند ، این بدان معنی است که شما فقط باید یکبار قوانین را توضیح دهید. این بسیار ساده تر از توضیح دقیق نحوه استفاده از هر ویژگی در یک برنامه به صورت مرحله ای است.
۵-پیمایش بین موارد اصلی رابط کاربری مهم است:
اگر رفتن از یک صفحه به صفحه دیگر دشوار است ، پس کاربران شما به سرعت ناامید می شوند و تسلیم می شوند. هنگامی که جریان بین صفحه نمایش با جریان کاری که کاربر در تلاش برای انجام آن است مطابقت دارد ، در این صورت برنامه شما برای کاربران قابل حس خواهد بود. از آنجا که کاربران مختلف به روش های مختلفی کار می کنند ، سیستم شما باید از انعطاف پذیری کافی برای پشتیبانی از رویکردهای مختلف خود استفاده کند. نمودارهای جریان رابط کاربری باید به صورت اختیاری تهیه شوند تا درک شما از جریان رابط کاربری شما بیشتر شود.
 
[تصویر:  2-min.jpg]
 
۶-پیمایش درون صفحه دارای اهمیت است:
در ایران مردم از راست به چپ و از بالا به پایین می خوانند. از آنجا که مردم به این امر عادت دارند ، باید هنگام طراحی رابط کاربری برای افرادی که از این فرهنگ استفاده می کنند ، صفحاتی را طراحی کنید که از راست به چپ و بالا به پایین نیز ساماندهی شوند. شما می خواهید نویگیشن ها را بر روی صفحه نمایش خود به گونه ای ترتیب دهید که کاربران با آنها آشنا شوند.
۷-پیام ها و برچسب های خود را به طور موثر در وردپرس کنید:
متنی که در صفحه نمایش خود نمایش می دهید منبع اصلی اطلاعات برای کاربران شما است. اگر متن شما از نظر محتوا ضعیف باشد ، رابط کاربری شما توسط کاربران ضعیف تلقی می شود. استفاده از کلمات و جملات کامل ، برخلاف اختصارات و کدها ، درک متن شما را آسانتر می کند.
۸-ابزارک های UI را درک کنید:
شما باید از ابزارک مناسب برای کار استفاده کنید و به افزایش ثبات در برنامه خود کمک کرده و در وهله اول ساخت برنامه را آسانتر کنید. تنها روشی که می توانید نحوه استفاده صحیح از ابزارک ها را بیاموزید ، خواندن و درک استانداردهای رابط کاربر و دستورالعمل های سازمان شما است.
۹-برنامه های دیگر را ریز به ریز جستجو کنید:
اگرچه نگاه کردن به کار دیگران برای به دست آوردن ایده ها همیشه ایده خوبی است ، تا زمانی که نمی دانید چگونه بین طراحی رابط کاربری خوب و طراحی بد رابط کاربری تفاوت قائل شوید ، باید مراقب باشید. بیش از حد بسیاری از توسعه دهندگان اشتباه کرده اند که تقلید از رابط کاربری نرم افزارهای با طراحی ضعیف را اشتباه بگیرند.
۱۰-از رنگ مناسب استفاده کنید:
رنگ باید به مقدار کم در برنامه های خود استفاده شود و در صورت استفاده از آن ، باید از یک نشانگر ثانویه نیز استفاده کنید. مشکل این است که برخی از کاربران شما ممکن است کور رنگی داشته باشند و اگر از رنگی برای برجسته کردن چیزی روی صفحه استفاده می کنید ، پس از این کار باید کاری کنید تا در صورت تمایل به این افراد این حالت را برجسته کند. شما همچنین می خواهید از رنگ ها در برنامه خود بطور مداوم استفاده کنید، بنابراین در تمام برنامه خود ظاهر و احساس مشترک دارید.
۱۱-از قانون کنتراست پیروی کنید:
اگر قصد استفاده از رنگ را در برنامه خود دارید ، باید اطمینان حاصل کنید که صفحه های شما هنوز قابل خواندن هستند. بهترین راه برای انجام این کار پیروی از قانون کنتراست است: از متن تاریک با پس زمینه های روشن و متن روشن در زمینه های تاریک استفاده کنید. خواندن متن آبی در زمینه سفید بسیار آسان است ، اما خواندن متن آبی با پس زمینه قرمز دشوار است. مشکل این نیست که تضاد کافی بین آبی و قرمز وجود داشته باشد تا بتوان آن را آسان خواند ، در حالی که تضاد زیادی بین آبی و سفید وجود دارد.
۱۲-زمینه ها را به طور موثر تراز کنید:
هنگامی که یک صفحه نمایش بیش از یک قسمت ویرایش دارد ، می خواهید زمینه ها را به شکلی سازماندهی کنید که هم از نظر بصری جذاب باشد و هم کارآمد باشد. بهترین راه برای انجام این کار زمینه های ویرایش را توجیه کنید: به عبارت دیگر ، سمت چپ هر قسمت ویرایش را در یک خط مستقیم ، یکی بر دیگری قرار دهید. برچسب های مربوطه باید درست توجیه شوند و بلافاصله در کنار قرار داده شوند. این یک روش تمیز و کارآمد برای سازماندهی زمینه های روی صفحه است.
 
[تصویر:  3-min.jpg]
 
۱۳-طراحی شما باید قابل استفاده باشد:
به عبارت دیگر ، اگر کاربران شما نمی دانند چگونه از نرم افزار شما استفاده کنند ، باید بتوانند با استفاده از حدس های تحصیلی نحوه استفاده از آن را تعیین کنند. حتی اگر حدس اشتباه باشد ، سیستم شما باید نتایج معقولی را ارائه دهد که از آن طریق کاربران شما می توانند به راحتی یاد بگیرند و به طور ایده آل بیاموزند.
۱۴-رابط کاربری شلوغ ایجاد نکنید:
درک صفحه نمایش های شلوغ دشوار است و از این رو استفاده از آنها دشوار است. نتایج تجربی نشان می دهد که چگالی کلی صفحه نمایش نباید از ۴۰ درصد تجاوز کند ، در حالی که چگالی موضعی درون گروه ها نباید از ۶۲ درصد تجاوز کند.
۱۵-کارها را بطور مؤثر گروه بندی کنید:
مواردی که به طور منطقی به هم وصل هستند برای ارتباط برقرار کردن باید با هم در صفحه نمایش گروه بندی شوند ، در حالی که مواردی که هیچ ارتباطی با یکدیگر ندارند باید از هم جدا شوند. برای گروه بندی آنها می توانید از فضای سفید بین مجموعه موارد استفاده کنید و یا می توانید جعبه هایی را در اطراف آنها قرار دهید تا همین کار را انجام دهید.
۱۶-یک رویکرد تکاملی بگیرید:
تکنیک هایی از قبیل نمونه سازی رابط کاربری و توسعه مدل محور Agile (AMDD) برای موفقیت شما به عنوان یک توسعه دهنده حیاتی هستند.
شرکتلینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید اینتن با تیم حرفه ایی خود توانسته یکی از بهترین شرکت های طراحی سایت در تهران را به خود اختصاص دهد.این شرکت با بیش از ۸ سال سابقه در زمینه ی طراحی سایت های اینترنتی و سئو لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید در حال فعالیت است و بیش از ۴۰۰ سایت معتبر را طراحی و به نام خود اختصاص داده است.برای کسب اطلاعات بیشتر با کارشناسان ما در قسمت لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید در ارتباط باشید تا در حیطه ی کاری خود اطلاعات بیشتری کسب نمایید.
پاسخ }
سپاس شده توسط


پیام‌های داخل این موضوع
۱۵ تکنیک طراحان رابط کاربری - توسط mina - امروز،

پرش به انجمن: