به عبارتیطور که می دانید مدام بایستی در ساخت سایت و برنامهها، شم و مرادهای استفاده کننده طراحی سایت در مشهد را الویت کاری خویش قرار دهید. تاوقتیکه استفاده کننده با فرآورده شما رابطه برقرار نکند، به هدفی که مد نظرتان بوده نخواهید رسید.
ما دراین نوشته ی علمی قصد داریم شمارا با شیوه های بهبود پباده سازی آشنا کنیم و خط مش شغل های مایحتاج در را در این مورد معرفی کنیم.
روح بخشیدن به نوشتهها در پباده سازی رابط کاربری
نقش متن در رابط کاربری
چه کاغذ خوشآمدگویی (Onboarding) باشد چه Loading Message یوزرها از جزئیات کوچک لذت میبرند.
کمپانیهایی مثل Old Spice و GreiCo بدین برهان برندهای شناخته گردیدهای می باشند که به جزئیات عمل اعتنا مینمایند. با اضافه کردن مزاح و شخصیتسازی در بازاریابی تبلیغات و محتوایی به یادماندنی ساختوساز مینمایند.
روح بخشیدن به نوشتههای رابط کاربری، تفاوت در میان دو پاراگرافی وب انقطاع شد.» و اوه، یکیاز پاش رفت رو سیم…!” میباشد. متن دوم به طور کامل غیر انتظار و برای استفاده کننده درگیر کننده میباشد.
پباده سازی خوب وما مشتمل بر شوخی وجود ندارد بلکه بدین معناست که ذهن را سرگرم نماید و قیمت وقت گذاشتن داشته باشد.
همینطور مزاح هم ممکن میباشد افراطی باشد و استعمال از آن در برخی نرم افزارها و کسب و امور مطلوب و کاربردی نباشد، پس در حیث داشته باشید برای چه کسب و فعالیت یا این که موقعیتی در درحال حاضر پباده سازی میباشید.
۲- به عمل بردن آیکن و ایموجی مطلوب
تصویر نقش آیها و ایموجیها در پباده سازی
با اضافه کردن آیکن و ایموجی، این قابلیت به مخاطب داده میشود که در نگاه اولیه متوجه خواسته و تلاش اِلمانهای شما گردد.
بطور نمونه، مشاهده آیکن ذرهدربین این قابلیت و امکان را به مخاطب می دهد تا سریعخیس متوجه خواهد شد که با کلیک بر روی این قسمت، متن متبوع خودش را کاوش نماید.
چگونگی به کار گیری از ایموجیها در پباده سازی
اینجانب شیوه به کارگیری از ایموجیهای Pieter Levels در سایش ،Nomadlist ، که بسیار استفاده کننده پسند و جالب بوده رو دوست دارم. سادست ولی UI ایی با جذابیت بصری بالایی پباده سازی کرده.
استعمال مطلوب و به جا از آیکنها، جذابیت پباده سازی شمارا یک سری برابر کرده و استفاده کننده رابطه بی آلایشتری با محتوا برقرار مینماید.
طرز استعمال از ایموجیهای Pieter Levels در سایتش ،Nomadlist، بسیار استفاده کننده پسند و دیدنی میباشد. در ظاهر معمولی ولی UI ایی با جذابیت بصری بالا پباده سازی شدهاست.
امروزه به کارگیری از آیکنها به شدت آسوده گردیده و وبسایتهای متعددی به صورت مجانی آیکنها را در چنگ شما قرار میدهند پیرو مثالهایی از این تارنماها ذکر شده میگردد.
Emojione
Icons8
BoxIcons
Feather
Material
۳- آدم محور کردن پباده سازی به امداد تصویرسازی
تصویر پباده سازی اپ آب و هوا
تصویرسازی به شما این اذن را می دهد تا پیامهای پیچیده را قابل ادراکخیس فرمایید. ما از روزگار کودکی به خاطر داریم که حضور تصاویر دارای ربط در کنار متن ها سبب ساز به دلنشستن و به یادماندنی شدن آنان می گردد، به همین برهان از تصویرسازی در کنار متن ها به کار گیری می شود.
شما کتاب ماجراای فارغ از تصویر سازی دیدین؟ امیدوارم جوابتون منفی باشه زیرا در غیر این شکل اون کتاب به هیچ وجه جذابیتی برای طفل ها نداره.
اضافه کردن تصاویر به آسوده کردن موقعیت و ساختوساز تعادل در رابط یاری مینماید تا اعتنا مخاطب بیشتر جلب خواهد شد و جنبههای متفاوت برنامه شما قابل درکخیس خواهد شد، در شرایطی که چه ضروریست کهاین تصویرسازی هدفمند بوده و چیزی را به متن شما بیفزاید.
تصویرسازی بایستی بر روی افزایش بخشیدن به UX (پباده سازی تجربه کاربری) باشد خیر این که استفاده کننده را از اصل مسئله بدور نماید.
درپی یکسری مثال وبسایت برای دسترسی به عکسهای باکیفیت معرفی می گردد.
Ouch!
Freepik
BoxIcons
Undraw
Humaans
۴- اضافه کردن امکان وضعیت شب (Dark Mode)
وضعیت شب برای اپ
با اعتنا به اپلیکیشنی که شما در درحال حاضر بسط میباشید، افزودن شرایط شب (Dark Mode) سبب ساختوساز ادب در استفاده کننده می گردد.
شب هنگام، دیده بشر با شرایط تیره ریلکسخیس رابطه برقرار مینماید و این حس به شما دست نمیدهد که مستقیما به چراغ زل زدید.
پباده سازی وضعیت شب
پباده سازی شرایط شب (Dark Mode) تفاوت چندانی با وضعیت روز (Light Mode) ندارد، فقط پالت رنگی متفاوتی موردنیاز داراهستند.
به یوزرها اذن بدهید حق گزینش فی مابین این دو وضعیت را داشته باشند. تولید این بضاعت و توان و رابطه فی مابین این دو وضعیت، تجربهکاربری کالا شمارا بهبود میبخشد.
۵- استعمال از عکسهای کیفیت بالا
تصویر ورقه اساسی تارنما پارس سمنگان
عکسهای نرمافزار شما به اندازه دیگر المانهای بصری جانور حائز اهمیت میباشند. بهاین نکته اعتنا داشته باشید که تصاویر باکیفیت، UI تان را جالب و پُر تازگیخیس مینمایند.
در پی یک سری مثال وبسایت برای یافتن عکسهایی کیفیت بالا به شما معرفی میگردد.
Unsplash
Pexels
Freepik
Adobe Stock
Pixabay
۶- پباده سازی صفحه ها غلط (Error)
برگه خطای مرورگر گوگل کروم
هر اتفاقی که در نرم افزار شما میوفتد حتی بی آلایشترین قسمتها فرصتی میباشد که تجربه به یادماندنی برای استفاده کننده بسازید، فقط بایستی برای هر قسمت برهه زمانی کافی نهاده و پباده سازی دیدنی و دارای ربط تولید نمایید.
در مجموع ایرادات جنبههای منفی در ذهن استفاده کننده تولید مینمایند البته شما با پباده سازی خلاقانه و درگیرکننده میتوانید ذهن مخاطب را گم راه کرده و تجربه مثبتی برایش رقم بزنید و یا این که حتی با ارشادهای مایحتاج، به وی امداد نمایید خطایی که با آنان رو به رو شدهاست را برطرف نماید.
شایسته ترین نمونه درین قسمت، ورقه خطای No Internet” گوگل کروم میباشد. دراین ورقه کلیه داده ها و راهحلهای موردنیاز را برای رفع نقص مخاطب به اکران می گذارند و با ارشادوراهنماییهای مورد نیاز، مخاطب را از منحرف شدن به دور مینمایند و همینطور به سیرتکاملای مخاطب را مشغول مینمایند که در ذهنش مواجه با غلط را عملی منفی تلقی نکند.
اینترنت اپ چه است و چه تفاوتی با برنامه داراست؟
۷- اضافه کردن موشن به پباده سازی
امروزه موشنها باگاز وارد مراحل پباده سازی برنامه و وبسایتها شدند و همواره موردپسند متعددی از یوزرها قرار گرفتند.
موشنها هم به معنای تکان خویش به خودی تصاویر میباشند و هم می توانند موقع تعامل استفاده کننده با موادتشکیل دهنده جانور در شیت ساخت و ساز شوند.
اعتنا داشته باشید، یوزرها تصور مینمایند تجربیات آنها روی شیت اکران شبیه آن چیزیست که در دنیای حقیقی وواقعی با آن سروکار دارا هستند و همینطور انتظار داراهستند، تکان و سرعت اشیاء بر طبق حالتی که پیش از این استعمال کردند باشد.
در شرایطیکه توپی در اتاقی پرتاب خواهد شد، مطلقا مجموع بازه را با سرعت ثابتی در درحال حاضر تکان وجود ندارد، در صدر با سرعت متعددی تکان مینماید و به گذر زمان مدت سرعتش نادر و معدودخیس میشود و این دقیقا کاریست که در پباده سازی موشنها می بایست در لحاظ داشته باشید.
تبدیل شم، سرعت، جهت و… انیمشینها، به معاش حقیقی می توانید تاثیر چشمگیری در پباده سازیهای شما داشته باشد.
با به وجود داخل شدن ابزارهای زیادی مثل principle، Adobe XD، Invision studio و… تجهیزات متعددی در دست طراحان قرار دریافت شد تا بتوانند موشنهای آیتم نظرشان را به پباده سازی اضافه نمایند.
Adobe XD، auto-animate Prototyping میباشد. XD به طور کامل حسی و شهودی است و با گاز میقدرت موشنهای موردنیاز در پباده سازی را فارغ از سپرده گذاری و گسترش، پیادهسازی کرد.
ابزار دیگری که دراین مورد می تواند آیتم استعمال قرار بگیرد lottie میباشد.
این ابزار این قابلیت را به شما می دهد تا کارتنهای After Effects را به برنامه کودک svg سازگار با اینترنت تبدیل فرمائید.
درحالتی که که عشق و علاقهای به یادگیری After Effect ندارید قطعا Lottie را محاسبه نمایید تا از موشنهای رایگانش منفعتمند گردید.
به عبارتیطور که در نصیب تصویرسازی گفته شد موشنها نیز بایستی هدفمند باشند و در راستای بی نیازخیس کردن فرآورده آیتم استعمال قرار بگیرند خیر گول زدن یوزرها.
خوشبختانه منابع پباده سازی متعددی مانند Google Material وجود داراست که به شما در پباده سازی استاندارد موشنها امداد میکند.
این نکته قابل توجه رو هیچوقت فراموش نکنید، موشنها نباید سرعت استفاده کننده شمارا کُند نمایند.
۸- تمرکز روی ریزه کاری با به کار گیری از micro-interactions
شبیه موشنها، Micro-interaction ها (پباده سازی تعاملی) نیز تجربه لطیفی برای یوزرها ارائه مینمایند که آیتم استقلال متعددی قرار گرفتند.
آن ها به شما این اذن را میدهند که در پباده سازیهای خویش به راحتی از دنیای حقیقی تقلید فرمایید و برخورد مثبتی از کابران اخذ فرمائید.
Medium claps ، نمونه خیر و خوبی از چگونگی استعمال از Micro-interaction ها، می تواند تجربه تعاملی خیر را برای اپلیکیشها ساخت و ساز نماید.
Claps در Medium و دکمه لایک در YouTube را مقایسه فرمایید، متوجه میشوید که تجربههای به طور کامل متفاوتی را ساخت و ساز مینمایند.
به عبارتیطور که میبینید در YouTube هیچ تعاملی نیست، فقط با کلیک معمولی تغییر و تحول رنگی از خاکستری به آبی رنگ مشاهده میشود.
به هر اکنون در یوتیوب Micro-interactoin ها ممکن میباشد استفاده کننده را از مقصود مهم (مشاهده ویدئوها) به دور نماید در فیض micro-interaction ها نیز می بایست متناسب با محتوا و هدفی که مد حیث شماست آیتم استعمال قرار گیرند.
۹- استعمال از Pattern و Gradient
پباده سازی نرم افزار آب و هوا
گرادینت و پترنها یکی از دیگر از طرق تبدیل پباده سازی و محتوایی خستهکننده، به برنامه ای قشنگ و لبریز انرژی میباشد که امروزه محبوبیت متعددی در میان یوزرها و طراحان پیدا کردند.
اضافه کردن پترنهای بی آلایش و گرادینتها پشت عکس و یا این که پسقضیهها، استایل و جذابیت خاصی به پباده سازی بی روح شما می دهد و ولی مثل مدام در حیث داشته باشید این پترنها نباید شمارا از مقصود اساسی که مد نظرتان بوده میباشد، بدور نمایند. مدام تعادل را در استعمال از آن ها در لحاظ داشته باشید.
بهتر میباشد به مکان به کارگیری از تعاریف پیچیده برای گرادینت، نگاهی بی آلایش به تصویر تحت بیاندازید و کلیه چیز را برای خویش قابل شعورخیس فرمائید.
۱۰- به کارگیری از سایه، اضافه کردن عمق
نرم افزار آب و هوا UI
سایهها شایسته ترین خط مش برای اضافه کردن عمق در پباده سازی می باشند که به طرح شما بُعد می دهند. پباده سازی پررنگ اِلمانها در ساخت سلسه مراتب داده ها نرمافزار شما یاری مینماید.
همینطور عمق، دسترسی به نصیبهای اساسی را راحتخیس مینماید.
اِلمانهای پر رنگ حق تقدم بالاتری دارا هستند، البته اینکه سایهها ظواهر بهتری دارا هستند بدین مفهوم وجود ندارد که مدام آیتمی قابل قبولی برای پباده سازی شما میباشند.
اصلی این میباشد که مقصودمند و در سوی پباده سازی شما باشند. اهمیت اِلمانها را با افزودن سایه معلوم نمایید.
سودگیری
هنگامی که برای پباده سازی تصمیم می گیرید بایستی مدام بهبود بخشیدن به تجربه را در حیث داشته باشید خیر صرفا زیبایی… هیچگاه فراموش نکنید که برنامهها برای به کار گیری، پباده سازی می شوند، خیر جلب دقت به خیال ظاهری قشنگ.
درباره این سایت