استفاده از رنگ های سرد برای لودینگ

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

در پایان پیشنهادم اینه : اگه میخواید کاربرا شب و روز دعاتون بکنن بیاید و زمان‌های طولانی مثل زمان لودینگ و انتظار برای هر کاری رو با رنگهای سرد (سمت چپ : آبی و ...) درهم بیامیزید.

تشکر

استفاده از رنگ های سرد برای لودینگ
مهدی منافی
۱ نظر ۰۵ مهر ۹۶ ، ۰۰:۱۱

طراحی رابط کاربری قالب وبسایت Xfer

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


طراحی رابط کاربری قالب وبسایت Xfer
مهدی منافی
۰ نظر ۲۱ دی ۹۵ ، ۲۲:۱۳

پیاده سازی انیمیشن Opening App - IOS در رابط کاربری اپلیکیشن های دسکتاپ - WPF

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

رابط کاربری نرم‌افزارهای دسکتاپ یک عالمیه برای خودش که با ورود اپلیکیشن های یونیورسال ویندوز 10 داره به سمت و سوی متفاوتی میره. منم چند وقتیه میخوام وارد رابط کاربری این اپلیکیشن ها بشم و احتمالاً آینده نرم‌افزارهای دسکتاپ همینا خواهند بود.

سورس کد هم تو ادامه مطلب قرار داره ;)

مهدی منافی
۱ نظر ۱۷ آذر ۹۵ ، ۲۰:۵۱

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

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

بریم ادامه مطلب که اصل کاری اونجاست!
طراحی رابط کاربری اپلیکیشن موبایل کیمیا
مهدی منافی
۱ نظر ۱۷ آبان ۹۵ ، ۰۰:۰۵

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


این کتاب، جلد اول یک سه گانه بسیار مفید با موضوع طراحی UI است و به خوبی اثر متقابل بین انسان و ماشین را تعریف‌ و به شما کمک می‌کند تا شناختی عمیق در رابطه با واکنش‌های بینایی نسبت به تصاویر، متن‌ها، دیاگرام‌ها، ماژولها، جداول‌، ویدئوها و همچنین رنگ و مکان آن‌ها پیدا کنید و از سوی دیگر، بتوانید طراحی‌های اثربخشی برای نگه‌داشتن کاربر در فضای وب‌سایت انجام دهید. 
معرفی کتاب راهنمای روانشناسی بصری در طراحی رابط کاربری
مهدی منافی
۳ نظر ۲۴ مهر ۹۵ ، ۲۱:۵۵

تفاوت های طراح تجربه کاربری تازه کار و حرفه ایی - بازنشری از وب ادویس

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

زیاد سرتون رو درد نیارم و دعوتتون میکنم مقاله اصلی رو خودتون بخونین :

تفاوت های طراح تجربه کاربری تازه کار و حرفه ایی - بازنشری از وب ادویس
مهدی منافی
۱ نظر ۰۵ شهریور ۹۵ ، ۱۰:۴۲

پیش به سوی ناوابستگی - توسعه تکست باکس واترمارکی

با احترام یکی از مزخرف ترین چیزهایی که تو دنیای برنامه نویسی دیدم، استفاده از کامپوننت های شرکت هایی مثل Telerik، DevComponents و امسال اینا توسط برخی برنامه نویسای عزیزه. دوست برنامه نویسی (مجتبی حاجی وندیان) دلیل استفاده از این کامپوننت ها رو بخاطر امکانات و جلوگیری از هدر رفت وقت میدونست.
پیش به سوی ناوابستگی - توسعه تکست باکس واترمارکی
مهدی منافی
۲ نظر ۲۱ ارديبهشت ۹۵ ، ۲۳:۵۲

ویژگی های یک منوی ناوبری خوب

یکی از شاخه های اصلی هر برنامه یا وبسایتی منوها هستند که دسترسی کاربرا به بخش های مختلف رو به عهده دارن و از اهمیت بالایی برخوردان. مشخصه خوب هر منویی هم، دسترسی آسان و جایگیری مناسبش تو صفحه ست.
تو این مقاله کوتاه قصد دارم به چند مورد از مزایای منوهای افقی و عمودی مشترک هم تو اپ موبایل و وب و هم تو نرم افزارهای دسکتاپ اشاره کنم. با من همراه بشین
ویژگی های یک منوی ناوبری خوب
مهدی منافی
۰ نظر ۰۳ ارديبهشت ۹۵ ، ۱۳:۱۰

لودینگ به سبک متریال دیزاین برای نرم افزارهای دسکتاپ - سورس کد

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

سورس کد لودینگی که براتون آماده کردم مربوط میشه به ماه پیش. برا پیاده سازیش از نرم افزار Expression Blend استفاده شده و جزو ساده ترین کارهاست. شما هم میتونید به راحتی یکی از این لودینگا رو برا خودتون درست کنید و البته بهترینش رو ;)

لودینگ به سبک متریال دیزاین برای نرم افزارهای دسکتاپ - سورس کد
مهدی منافی
۳ نظر ۰۷ اسفند ۹۴ ، ۰۱:۰۲

انیمیشن باز و بسته شدن تولبار با WPF - کارهای خودم

سلام. 2 روز پیش یه انیمیشن واسه تولبار نرم افزار شرکت کیمیا زده بودم که اولش با نظرات دلسرد کننده مدیر شرکت مواجه شدم :) البته این نظرات از طریق کلیپ کوتاهی که براشون فرستاده بودم شکل گرفته بود (دیدن کی بود مانند کار کردن). بالاخره با دلایلی تونستم مدیریت محترم رو قانع کنم. اکثر انیمیشن هایی که تو بعضی سایتا یا رابط کاربری نرم افزارهای موبایل میبیند، از قوانین فیزیک استفاده کردن و انیمیشنی هم که من روش کار کردم از این قاعده مستثنی نیست.

انیمیشن باز و بسته شدن تولبار با WPF - کارهای خودم
مهدی منافی
۴ نظر ۱۰ دی ۹۴ ، ۲۳:۵۶