صفحه آغازین یا اسپلش اسکرین (Splash Screen)

اسپلش اسکرین چیست؟

[تعداد: 1    میانگین: 5/5]

صفحه اسپلش اسکرین (Splash Screen) چیست؟
در زمان اجرا اپلیکیشن تصویری در هنگام راه اندازی اپلیکیشن به مدت چند ثانیه نمایش داده می‌شود که به آن صفحه آغازین یا اسپلش اسکرین (splash screen) نیز می‌گویند. بیشتر این صفحات شامل لوگو اپلیکیشن هستند. حتی در بعضی از اسپلش اسکرین ها نواری وجود دارد تا فرایند بازگذاری اپلیکیشن را نشان دهد. صفحه اسپلش اسکرین چند ثانیه بیشتر نمایش داده نمی شود و زمانی که اپلیکیشن لود شود صفحه اسپلش اسکرین ناپدید خواهد شد.

زمان مناسب اسپلش اسکرین چقدر است؟

زمان اسپلش اسکرین هر چقدر کمتر باشه بهتر است در طراحی اسپلش اسکرین می گویند زمان مناسب کمتر از 3 ثانیه است ولی بخاطر مشکل سخت افزاری گوشی های موبایل و سرعت اینترنت بعضی وقتا این زمان بیشتر از 3 ثانیه طول میکشد.

صفحه اسپلش اسکرین طراحی کنیم یا نه؟

اسپلش اسکرین اپلیکیشن اسنپ
اسپلش اسکرین اپلیکیشن سفارش تاکسی اسنپ

اگر سرعت بارگذاری و اجرا اپلیکیشن حتی در گوشی های قدیمی بسیار سریع و بالا است نیاز به طراحی صفحه اسپلش اسکرین نیست ولی با این همه طراحی یک صفحه ساده که شامل لوگو شرکت است خالی از لطف نیست.

نمونه اسپلش اسکرین

برخی از نمونه کارهای صفحه اسپلش اسکرین شرکت طراحی اپلیکیشن موبی سافت در زمینه طراحی اپلیکیشن سفارش غذا و اپلیکیشن فروشگاهی را میتوانید اینجا ببینید.

نمونه اسپلش اسکرین اپلیکیشن ناردونه طراحی شده توسط شرکت طراحی اپلیکیشن موبی سافت
نمونه کار صفحه اسپلش اسکرین اپلیکیشن فروشگاهی موبی شاپ طراحی شده توسط شرکت موبی سافت

نکات طراحی صفحه اسپلش اسکرین

در ساخت صفحه اسپلش در اندروید و ios باید به چند نکته توچه کنیم تا صفحه حرفه ای داشته باشیم.

1. سرگم کننده

صفحه اسپلش اسکرین باید جذاب و سرگم کننده طراحی وشد تا حوصله مخاطب سر نرود و باعث حواث پرتی کاربر از زمان منتظر مانده شود. برای همین استفاده از انمیشن در طراحی صفحه اسپلش اسکرین پیشنهاد میشود.

2. اندازه صفحه سپلش اسکرین

اندازه صفحه گوشی های آیفون
اندازه صفحه گوشی های آیفون 4،5،6

بهترین سایز و روش برای تصویر صفحه اسپلش اسکرین چیست؟ در طراحی صفحه باید به این نکته توجه کنید که اندازه صفحه گوشی های هوشمند موبایل باهم تفاوت دارند بخاطر همین صفحه اسپلش اسکرین را در سه اندازه بزرگ، متوسط و کوچک طراحی می کنند تا هر گوشی بر حسب رزولوشن صفحه موبایل خود یکی از این سه تصویر را انتخاب کند. حالا کدام یک از این سه تصویر را انتخال کند؟ عقلانی است که تصویری را انتخاب کند که به رزولوشن موبایل خود نزدیک است.

3. استفاده از درصد

اسپلش اسکرین بازی
اسپلش اسکرین بازی کوییز اف کینگز، کلش رویال، کلش اف کلنز

اگر اسپلش اسکرین‌ شما بیش از 3 ثانیه طول می کشد بهتر است از درصد در اسپلش اسکرین استفاده کنید. اینطوری کاربر فکر نمیکند اپلیکیشن شما هنگ کرده است چون درصد نشان دهند پیشرفت اپلیکیشن برای اجرا اپ هست بخاطر همین بشتر اپلیکیشن های بازی چون زمان لود شدن آنها بالا است از درصد استفاده میکنند تا حوصله کاربر سر نره.

4. مهمترین قسمت صفحه اسپلش اسکرین‌

مرکز صفحه اسپلش اسکرین
مرکز آپلیکیشن های دیوار، تپسی، آپ، آخرین خبر

بهتر است برند ما در مرکز تصویر قرار بگیرد. بخاطر اینکه اولین جای که مخاطب در تصاویر نگاه میکند مرکز تصویر است. به همین دلیل در بیشتر صفحات اسپلش اسکرین‌ برند و لوگو شرکت در مرکز صفحه قرار میگیرد.

5. پیغام عدم اتصال به اینترنت

بیشتر اپلیکیشن ها مثل اپلیکیشن اسنپ، تپسی، دیجی کالا، آخرین خبر، دیوار، شیپور و غیره نیاز به اتصال به ایترنت هست.
در این حالت اگر کاربر فراموش کند که اینترنت موبایل خود را فعال کند و اپلیکیشن شما را اجرا کند باید پیغامی به مخاطب نمایش داده شود که اینترنت کاربر متصل نیست در غیر این صورت کاربر فکر میکند اپلیکیشن مشکل دارد.

عدم اتصال اینترنت در صفحه اسپلش اسکرین
پیغام عدم اتصال به اینترنت

در بین پیغام های بالا پیغام اپلیکیشن سفارش تاکسی اسنپ بهترین پیغام از نظر طراحی است. که کاربر با زدن یک دکمه هدایت به صفحه وای فای یا اینترنت خط می شود.

6. حجم اسپلش

حجم اپلیکیشن
اپلیکیشن های منتشر شده در گوگل پلی

استفاده از فیلم برای نمایش صفحه اسپلش اسکرین کار اشتباهی است اگر میخواهید فیلم استفاده کنید باید حجم فیلم را به شدت کم کنید در غیر این صورت حجم اپلیکیشن شما افزایش پیدا خواهد کرد و احتمال نصب اپلیکیشن شما کمتر خواهد شد. باید بدونید اگر حجم اپلیکیشن دو برابر شود احتمال نصب اپلیکیشن نصف میشود.

نبایدهای صفحه اسپلش

نباید از متن های استاتیک مانند، اپلیکیشن در حالت بارگیری است یا لطفا صبر کنید استفاده کنید چون مخاطب حس میکند اپلیکیشن که طراحی کردید بسیار کند هست و این مشکل را از سرعت اینترنت خود نمی‌بیند بلکه تنها دلیل دیر بارگذاری شدن اپلیکیشن را از برنامه نویسی بد اپلیکیشن می‌بیند.

مقالات آموزشی

splash screenاسپلش اسکرین

امین غلامیمشاهده نوشته ها

امین غلامی هستم از سال 92 برای سایت‌ها و وبلاگ های زیادی مطلب نوشتم از سال 97 در شرکت موبی سافت استخدام شدم و عاشقه بازاریابی محتوایی و از مطالعه، بحث و نوشتن درباره برنامه نویسی لذت می‌برم.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *