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

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

اما تعدادی از منابع هستند که بهترین منبع برای طراحی اپلیکیشن موبایل اند. ما در این مقاله تعدادی از این منابع را آورده ایم. 

Mobile Design Inspiration

  

 این یکی از بهترین وبلاگ ها برای ایده های UI / UX موبایل است که پست های جدید در هر هفته اضافه می شوند. گالری آنها با صدها نمونه از رابط های کاربر (UI) برنامه زیبا است که برای همه دستگاه ها قابل مشاهده است.

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

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

طراحی اپلیکیشن Dribbble

  

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

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

طراحی Behance

 

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

Behance  برای جستجو فوق العاده آسان است و ویژگی های هزاران ایده ای از طراحی برنامه های تلفن همراه است.

Mobile patern (الگوهای موبایل)

 

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

شما می توانید با صفحه نمایش های آندروید یا آیفون فیلتر کنید، یا شما می توانید از طریق برچسب ها مانند صفحات ورود و یا تنظیمات برای برنامه های تلفن همراه جستجو کنید.

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

Patterns (پترن)

 

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

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

 از همه بهتر اینکه این الگوها به کل صفحات محدود نمی شود. آنها بر روی عناصر فردی مورد استفاده در طراحی برنامه موبایل تمرکز می کنند.

و تمام این نمونه ها از برنامه های واقعی آمده است، بنابراین شما می توانید الگویی از رابط برنامه های ملموس را داشته باشید.

Mobile Mozaic (موبایل موزاییک)

 

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

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

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

طراحی Collect Uv

 

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

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

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

وب سایت Inspired UI

 

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

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

طراحی اپلیکیشن UI Garage

 

یکی دیگر از منابع طراحی اپیلیکیشن موبایل، UI Garage است که همچنین رابط های کاربردی واقعی را می پوشاند.

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

آنها همچنین یک خبرنامه الکترونیکی با الهام از طراحی جدید دارند، اما این برای همه مفید نخواهد بود. بسیاری از طراحان فقط می خواهند برای پروژه فعلی خود طراحی کنند و بعد کم کم پیشرفت کنند. اما خبرنامه UI Garage  یک انتخاب با کیفیت بالا است.

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

ترجمه از سایت csswinner

10 نکته طراحی اپلیکیشن موبایل

طراحی ضعیف باعث میشود تا کاربران نتوانند از بسیاری از اپلیکیشن های آندروید و iOS براحتی استفاده کنند. در این مقاله به ده نکته اشاره میشود که با لحاظ کردن آنها در طراحی، استفاده از اپلیکیشن ها برای کاربران آسان خواهد شد.
اینگونه بنظر می رسد کمپانی های مدیا به اپلیکیشن های موبایل که طراحی بدی دارند تمایل بیشتری دارند. طراحی اپلیکیشن موبایلخوب ضروریست، هرچند که سالهاست اپلیکشیشن های بد فروشندگان و فروشگاههای IT این ضرورت را نادیده گرفته اند. در کانتکست موبایل طراحی خوب اهمیت بیشتری دارد زیرا اسکرین های کوچک موبایل و محیط ناپایدار اجرایی آن استفاده از اپلیکیشن را دشوارتر میکند.
اما نقش توسعه دهندگان چیست؟ و کاربران باید درجستجوی چه باشند؟ آقای Micheal Griffith مدیر یک فروشگاه توسعه ی اپلیکیشن موبایل که اپلیکیشن های آن به زیبایی طراحی شده اند، ده اصل را عنوان کرده که با رعایت این ده اصل اپلیکیشن های بهتری طراحی خواهید کرد:

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

از محدودیت های موبایل بویژه اسمارت فون برای خلاقیت بهره ببرید. بعنوان مثال می توان از یک اپلیکیشن برای تشخیص چهره استفاده کرد تا بجای برش تصویر بصورت دستی auto crop در مرکز فوکوس تصویر انجام شود.

استفاده بهینه از آندسته از قابلیت های موبایل که در کامپیوتر وجود ندارند. بعنوان مثال می توان از دوربین گوشی برای کاستن از پیشنهادها در جستجو یا  supplierها استفاده کرد. استفاده از سنسورها بویژه جاهایی که دیتای اضافی آنها می تواند از تلاش کاربر یا اپلیکیشن بکاهد.

سهولت طراحی. طراحان جوان معمولا از متن های کوچک و لی اوت های دشواری استفده میکنند که خواندن و ضربه زدن های دقیق را برای کاربران مسن تر دشوار میکند. از افکت Retina استفاده نکنید زیرا در حال حاضر پیکسل های کوچکتری وجود دارند که متن را حتی در سایزهای کوچکتر از لحاظ فنی خواناتر میکنند. چشم های انسان با عبور از سن سی و پنج سالگی قادر به خواندن متن های خیلی کوچک نمی باشد. بنابراین بهتر است از طراحی قابل تطبیق استفاده شود که لی اوت را برطبق اندازه متن تنظیم میکند. رابط کاربری سایز متن در iOS7 حجم کدنویسی برای آیفون ها و آی پدها را کاهش میدهد.

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

آشنایی با تشبیهات ((Metaphors.  تشبیهات گرافیکی جهانی اندکی وجود دارند. شما می توانید روی افرادی حساب کنید که با تصاویر آنالوگ قدیمی مانند اسکرین های تلوزیون، کنترل های رادیو، نوار ضبط و غیره آشنایی دارند. نسل های جوانتر با آنها آشنایی ندارند حتی اگر در فیلم های قدیمی دیده باشند. هرچند آیکونوگرافی از لحاظ نظری امکان طراحی جهانی بیشتری را میسر میکند اما بسیاری از زمینه های آنالوگ برای آیکون ها چندان آشنا نبوده و کاربران را گیج میکنند. استفاده از متن حتی درصورت نیاز به لوکالیزیشن می تواند بهتر باشد.

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

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

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

انتقال دیتا به کاربران در کانتکست. برخی تکنیک ها برای غنی تر کردن تجربه کاربری از حرکت(motion) و تغییر((transitions استفاده کرده و ارزش اپ طراحی شده را به کاربران منتقل کرده و آنها را وادار به جستجوی آن نمیکنند.

منبع

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

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

بسیاری از صاحبان برندهای مختلف امروزه به جدیدترین تکنولوژی بازاریابی ، یعنی اپلیکیشن های تلفن همراه هوشمند روی آورده اند و می خواهند که از این تکنولوژی برای بازاریابی های خود استفاده نمایند تا بتوانند برند خود را به کاربران بشناسانند و مشتریان بیشتری برای خود جذب کنند. پس اگر شما نیز می خواهید از این فرصتی که در عرصه بازاریابی دیجیتال ایجاد شده است استفاده نمایید و از مزایای اپلیکیشن های موبایل بی بهره نمانید باید بیشتر درباره طراحی اپلیکیشن های موبایلبدانید. حقیقت آن است که اگر بخواهید اپلیکیشن خوبی تولید کنید باید بتوانید ابزار مناسب و کارآمدی را برای طراحی اپلیکیشن خود انتخاب نمایید. اما مهمتر از ابزاری که شما برای توسعه اپلیکیشن خود استفاده می نمایید ، زبان برنامه نویسی انتخابی شما برای طراحی اپلیکیشن می باشد. شما باید زبان برنامه نویسی مناسبی را انتخاب نمایید که با پلتفرم های مدرن تلفن های همراه سازگاری بالایی داشته باشد. بررسی های انجام شده بر روی آمار مربوط به دنیای دیجیتال نشان می دهد که آمار خرید و فروش تلفن های همراه هوشمند در دوره زمانی بین سال های 2009 تا 2016 افزایش بسیار چشم گیری داشته است و میزان فروش سالانه تلفن های همراه هوشمند در سال 2015 از مرز 1.3 میلیارد گذشته است. همچنین آمارها نشان می دهد که اکثر این تلفن های هوشمند فروخته شده از سیستم عامل اندروید استفاده می نمایند. پیشگویی های افراد متخصص در مرکز آمار و تحقیقات ابزارهای دیجیتال حاکی از آن است که فروش تلفن ها همراه در سال 2020 به 1.6 میلیار در سال خواهد رسید و همچنان اکثر این تلفن های همراه از سیستم عامل اندروید استفاده خواهند نمود. این بدان معنی است که سیستم عامل اندروید هم در دنیای امروز و هم در چند سال آینده بر دنیای تلفن های همراه هوشمند حکومت خواهد کرد! منبع: سایت سازان