نکات اساسی برای طراحی و ساخت اپلیکیشن

بهترین و اولین مرجع رسمی مقالات طراحی اپلیکیشن

نکات اساسی برای طراحی و ساخت اپلیکیشن

۱۶۴ بازديد

تفاوت دربین یک نرم‌افزار عالی و یک نرم‌افزار بد در طراحی برنامه تلفن همراه ، معمولا کیفیت تجربه کاربر (UX) می باشد. یک UX موبایل عالی، چیزی می باشد که نرم افزار های چیره را از آن مجموعه از برنامه های ناموفق مستقل میکند. امروز، کاربران تلفن همراه انتظار زیادی از یک نرم افزار دارند: زمان بارگذاری سریع، سهولت استعمال و لذت بردن در طی تعامل. در صورتی‌که میخواهید در کنار طراحی وب سایت ، طراحی اپ تلفن همراه شما به درستی صورت بپذیرد، شما باید UX را نه صرفا به عنوان جزئی از طراحی، بلکه جزء ضروری از استراتژی کالا در لحاظ بگیرید. چیزهای زیادی در هنگام طراحی اپ موبایل بایستی در نظر گرفته شوند. درین نوشته‌علمی، قصد داریم اکثری از توصیه های عملی را که شما می‌توانید در طراحی خود اعمال کنید، توضیح دهیم.

طراحی اپلیکیشن در مشهد

رایا پارس



تلنباری را برطرف سازید
از بین بردن تلنباری یکی توصیه های اصلی نام برده در \" طراحی بر اساس UX تلفن همراه\" می‌باشد. علاوه بر اینکه تلنباری یکی‌از بدترین دشمنان طراحی سایت می باشد در طراحی اپلیکیشن نیز این چنین می‌باشد. با تلنبار شدن رابط کاربری نرم افزار شما، منجر میشوید تا کاربران با مقدار زیادی از اطلاعات مواجه شوند: هر دکمه ای که اضافه می‌گردد، تصویر و آیکون برگه را غامض تر میکند. تلنباری در دسکتاپ وحشتناک می‌باشد، اما در گوشی بسیار بدتر می باشد. ضروری می‌باشد از هر چیز غیر ضروری در طراحی اپلیکیشن موبایل خلاص شویم، زیرا کاهش تلنباری منجر بهبود شعور نوشته‌ی علمی میگردد. تکنیک مینیمالیسم قابلیت (کمینه سازی قابلیت های اپلیکیشن) می‌تواند به شما در حل مشکل UI تلنبار شده کمک کند:

حجم محتوا را به دست‌کم برسانید (به کاربر صرفا آنچه را که لازم هست بداند، ارائه دهید ).
موادسازنده رابط کاربری را به دست‌کم برسانید. یک طراحی معمولی، کاربر را به راحتی با متاع نگه می دارد.
کارهای اضافه را معدود فرمائید
در پی چیزی در طراحی اپ موبایل باشید که نیاز به عملکرد کاربر داشته باشد (این ممکن هست شامل وارد کردن داده ها، تصمیم گیری و غیره)، و پیرو جایگزین ها باشد. به عنوان مثال، در برخی موردها بجای درخواست از کاربر برای تایپ بیشتر،می توانید از داده هاییکه قبلا وارد شده اند استفاده نمایید یا از اطلاعات موجود برای تنظیم پیش فرض هوشمند استفاده نمائید.

دکمه \"رجوع\" باید صحیح فعالیت کند
یک دکمه \"رجوع و برگشت\" ساخت شده نامناسب،قادر است باعث بروز خطاها زیادی برای کاربران شود. جلوگیری از شرایط های مورد نظر در هنگام کلیک دکمه \"برگشت\" در یک فرآیند چند مرحله ای، کاربران را به سمت رجوع و برگشت به ورقه اساسی میبرد. یک طراحی UX تلفن همراه خوب، منجر میشود بازگشت به عقب برای کاربران آسانتر گردد تا اصلاحات مورد نیاز را اعمال دهند. هنگامی که کاربران می دانند که میتوانند دوباره به داده هایی که تهیه و تنظیم کرده اند یا مورد هایی که انتخاب کرده اند نگاهی بیاندازند، این امر به آن ها قابلیت و امکان می‌دهد که به راحتی ادامه دهند.

تقسیم بندی بخشها در طراحی اپ تلفن همراه
در شرایطی‌که یک شغل مشمول بسیاری از مراحل و اقدامات مورد نیاز از جانب مخاطب باشد، بهتر می باشد چنین وظایفی را به یک‌سری کارهای-فرعی تقسیم نمائید. این اصل در طراحی موبایل بسیار اصلی هست، زیرا شما نمی خواهید بطور یکباره ابهام بیشتراز اندازه برای کاربر تولید کنید. یک مثال بهتر یک گردش شغل برای رسیدگی (خرید) گام به گام در یک برنامه تجارت الکترونیک هست، جایی که طراح، یک شغل پیچیده را به تکه های متناسب با وظیفه تقسیم می کند، هرمورد از آنها مستلزم اقدام از سمت کاربر است.

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

از صفحات نمایشی آشنا به کار گیری فرمائید
صفحات آشنا صفحاتی هستند که کاربران در بخش اعظمی از اپلیکیشن ها مشاهده میکنند. ورقه نمایش هایی مانند \" Gettings started\"، \" What’s new\" و \" Search results\" استانداردهای حقیقی و واقعی برای اپ های گوشی شده اند. آن‌ها به توضیح اضافی نیازی ندارند زیرا کاربران از پیشین با اینها آشنا می‌باشند. این اجازه می‌دهد تا کاربران از تجربه قبلی بدون هیچ منحنی یادگیری برای برقراری ارتباط با نرم افزار استعمال کنند.

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

با حذف هر فیلد غیر ضروری تا حد ممکن، فرم ها را کوتاه کنید. برنامه می بایست فقط دستکم اطلاعات بدون زائد از مخاطب درخواست کنند.
فیلد های ورودی را ماسک دار تنظیم نمایید. ماسک گذاری فیلد تکنیکی می باشد که به کاربران کمک می کند تا متن ورودی را قالب بندی کنند. یک ماسک زمانی ظاهر می شود که مخاطب روی یک فیلد تمرکز میکند و به محض اینکه فیلد پُر شد، متن را به طور خود کار قالب بندی میکند، و این به کاربران کمک می کند تا بر اطلاعات ما یحتاج تمرکز کنند و راحت تر ایرادات را متوجه شوند.
از ویژگی های هوشمند مانند تکمیل اتومات به کار گیری نمائید. مثلا، پُر کردن یک فیلد آدرس اکثر زمان ها ایراد ترین بخش هر فرم ثبت نام می‌باشد. با استفاده از ابزارهایی نظیر فرم تکمیل خود کار محل آدرس (که از هر دو مورد مکان جغرافیایی و آدرس از پیش پُر شده برای ارائه پیشنهادهای دقیق براساس مکان دقیق استفاده کننده استفاده میکند) کاربران را قوی می سازد تا با به کارگیری از یک فیلد ورودی بی آلایش، آدرس خود را با ضربه های کمتری به صفحه کلید وارد کنند.
مقادیر فیلد را به طرز پویا اعتبار سنجی فرمایید، این ناامید کننده هست، پس از ارسال داده ها، شما باید به عقب برگردید و اشتباهات را تصحیح کنید. بلافاصله پس از ورود،هرگاه قابلیت پذیر باشد مقادیر فیلد را استیناف فرمایید تا کاربران بتوانند آنرا اصلاح کنند.
طراحی را سازگار نمایید
سازگاری یک اصل مهم طراحی اپلیکیشن موبایل می باشد. سازگاری سردرگمی را حذف میکند. مراقبت یک ظاهر کلی در سراسر یک نرم‌افزار ضروری هست. قضیه در امر با نرم‌افزار موبایل، سازگاری به این مضمون‌ می‌باشد که:

سازگاری بصری
اندازه و سبک فونت ها، دکمه ها و برچسب ها باید در سراسر نرم افزار سازگار باشند.

سازگاری قابلیت (کارائی)
عنصرها تعاملی باید به طور یکسان در همه قسمت های نرم افزار شما کار کنند.

سازگاری خارجی (بیرونی)
طراحی در تولید ها- چندگانه، باید سازگار باشد. براین اساس، کاربر می‌تواند از اطلاع قبلی یک مال برای مال دیگر به کارگیری کند.

در اینجا تعدادی سفارش عملی درخصوص چگونگی تشکیل داد یک طراحی سازگار (تجارب کاربری تلفن همراه)، معرفی میشود:

عنصرها UI را از سیستم عامل های دیگر پیروی نکنید.
همان گونه که نرم افزار خود را برای آندروید یا iOS ایجاد می‌کنید، عناصر UI را از سیستم استدلال های دیگر، انتقال ندهید. آیکن ها، موادتشکیل دهنده قابلیت نرم‌افزار (فیلد های ورودی، احتساب باکس ها، سوئیچ ها) و سبک فونت ها باید یک حس سیستم عامل بومی داشته باشند. تا حد ممکن باید از اجزای بومی استفاده شود، بطوریکه مردم به نرم‌افزار شما متکی بودن کنند.

نرم افزار تلفن همراه را با وبسایت سازگار نگه دارید.
این یک نمونه از سازگاری بیرونی است. در حالتی که شما یک سرویس وب و یک نرم‌افزار تلفن همراه داشته باشید، مطمئن شوید که هر دو از ویژگیهای مشابه بهره مند هستند. این دستور به کاربران اجازه می دهد تا از طریق نرم افزار گوشی و وب تلفن همراه موبایل فارغ از هیچ گونه اصطکاکیگذر کنند. عدم سازگاری در طراحی برنامه موبایل (برای مثال، یک طرح ناوبری متعدد یا طرح رنگ متفاوت) ممکن هست سبب سردرگمی شود.

مطلبی که خواندید تنظیم شده در تیم تحریریه شرکت ساخت سایت ، بهینه سازی وب سایت و طراحی برنامه بود. امید است که از قرائت آن نهایت استعمال را کرده باشید.
تا كنون نظري ثبت نشده است
ارسال نظر آزاد است، اما اگر قبلا در فارسی بلاگ ثبت نام کرده اید می توانید ابتدا وارد شوید.