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