سلام
فکر کنم اینترفیس مدیا سنتر رو با wpf و silverlight نوشتن
Printable View
سلام
فکر کنم اینترفیس مدیا سنتر رو با wpf و silverlight نوشتن
کامپوننتش هست ولی اسمش رو دقیقاً یادم نیست
ی جور منوئه آیکون بهش میدی وقتی موس میره روش زوم میشه و آروم آروم دکمه بزرگ میشه
اسمش یادت نیومد ...نقل قول:
نوشته شده توسط Amir4317
چی جستجو کنیم به نظرت !؟
سلام
این فیلم رو ببین و نظرت رو در رابطه با طراحیش بگو
https://www.youtube.com/watch?v=RyO7v06xlWM
با wpf طراحی شده؟ مثل Flash MX هستش...
سلام بر همه دوستان و مهندسین عزیز
نظرتون در این مورد چیه؟
این اولین برناممه ممنون میشم کمک کنین بهتر شم.
ضمیمه 133887ضمیمه 133889ضمیمه 133888
ظاهرش خوبه ...
رنگ آبی ملایم و دلنشنی هستش :)
----
اما برنامه حرفه ای هستش (واسه اولین برنامه)
.
.
.
چیزی هم که به ذهن ناقصم میرسه اینه که چون زمینه آبی رنگ هست رنگ لیبل ها غیر از این رنگ باشه (رنگ سیاه و یا تیره)
هم راحت تر خونده میشن و هم چشم رو اذیت نمیکنن !
و از یه ست آیکون جالب تر استفاده کنید !
نقل قول:
نوشته شده توسط golbafan
طرح قشنگ و حرفه ای هستش ! کار راحتی نیست :)
کلا ترکیب آبی ملایم و سفید قشنگ میشه ... ولی فکر نکنم این طرح ها بدرد برنامه های آرشیو و بایگانی داده و اطلاعات بخوره ، همون واسه آلبوم یا player جواب میده :متفکر:
متشکرم از توجه و پیشنهادتون مهندس
با سلام.
تاپیک موقتا به تاپیک اعلان تبدیل شد.
در صورت امکان می تونید علاوه بر قرار دادن تصویر از برنامه، در مورد تئوری های مرتبط به طراحی رابط گرافیکی، ایده ها و الگوهای استاندارد، حداقل ها، ویژگی های برتر از دید کاربران، ابزارها، باید ها و نباید ها و ... هم بحث و گفتگو کنید.
باشد که مفید و مورد توجه قرار بگیره.
با تشکر از آقای مهرداد صفا ی عزیز ...
در خدمت دوستان هستیم با یک مقاله ساده پیرامون طراحی رابط کاربری (با اندکی دخل و تصرف)
------------
بررسی اجمالی روند توسعه رابط کاربری یا GUI
در این بخش به تشریح سه فاز طراحی رابط کاربری و معرفی وظایف آن می پردازیم که معمولا هر فاز با فاز دیگر بطور غیر مستقیم در ارتباط است.
فاز اول - شروع به طراحی
برای شروع طراحی رابط کاربری باید نیازهای کاربر در استفاده از برنامه و اهداف برنامه (خروجی) مشخص شود.
(طبیعی است که درک درست از نیازهای کاربر به طراحی درست رابط کاربری می انجامد)
رابط کاربری نرم افزار بطور معمول شامل اشیائی می شود که کاربر بر روی صفحه مشاهده می کند و مستقیما با آنها در تعامل است ، از جمله : منوها ، کلیدها ، آیکون ها و دیگر ابزار ...
این یک جنبه از طراحی رابط کاربری است که قابل مشاهده است ، اما جنبه های اجتناب ناپذیر دیگری که مورد انتقاد کاربران قرار می گیرند عبارتند از :
زمان شروع (لودینگ) - زمان تاخیر اجرای دستورات - رفع خطا - وظایف خودکار که بدون دخالت کاربر انجام میشوند و ...
(از جمله وظایف خودکار برای رایط کاربری می توان به بررسی و تایید داده های ورودی توسط کاربر ، ارایه بر خط برخی خروجی های حساس و مورد نیاز لحظه ای کاربر و ... اشاره کرد)
* بطور کلی رابط کاربری نیازهای کاربر را در جهت به انجام رساندن یک روند توسط نرم افزار ، طی کمترین زمان و بدون دغدغه کاربر را محیا میسازد.
فاز دوم - توسعه رابطه کاربری
ارائه یک رابط کاربری قابل قبول نه تنها به متعادل سازی روند کار و تعامل آسان و راحت کاربر با برنامه بستگی دارد ، بلکه بسته به عملکرد و روال برنامه نیز هست ؛ از جمله قابلیت های برنامه در رفع نیاز کاربر و عملکرد برنامه که قابل مشاهده نیستند ولی در معرض تمرکز و بررسی دقیق کاربران قرار می گیرند.
مانند : سرعت درج داده های ورودی و واکشی و نمایش داده های خروجی ، نحوه رابطه و روال یک پروسه طولانی ورودی اطلاعات. (نحوه روال دریافت داده های مرتبط به یکدیگر مثل ارتباط داده هایی چون مشخصات مشتری ، سفارشات مشتری و مشخصات فاکتور در ایجاد خروجی واحد)
فرآیند معمول توسعه رابط کاربری به شرح زیر است :
طراحی
الزامات کاربری - تعیین نیازهای اولیه و اهداف نرم افزار.
تجزیه و تحلیل کاربران - شناسایی و درک نیازهای کاربران بر اساس هر سناریو. (هر قسمت از برنامه بنا بر خواست و تامین نیاز کاربر)
طراحی مفهومی - روند اصلی که نرم افزار می بایست انجام دهد.
طراحی منطقی - طراحی فرآیند و جریان اطلاعات نرم افزار. (داده های ورودی و خروجی)
طرحی فیزیکی - تصمیم گیری در مورد چگونگی طراحی منطقی بر روی سیستم عاملی خاص.
فاز سوم - پیاده سازی و بررسی
طراحی نمونه اولیه - تصویر سازی و توسعه مدل های کاغذی و یا بررسی روی صفحه نمایش ، به طوری که تمرکز کاربر به موارد سطحی ، منحرف و معطوف نشود.
(برخی از این موارد منحرف کننده نمایش ساعت ، تاریخ و ... با اندازه های غیر طبیعی هستند که در صفحه اصلی یا میز کار نرم افزار مشاهده می شود)
ساخت - ساخت نرم افزار و آمادگی برای درخواست تغییرات مورد نیاز در آینده ، امتحان و آنالیز برنامه.
بررسی
بررسی و امتحان قابلیت استفاده - تست نرم افزار با کاربران و حالات مختلف.
امتحان دسترسی - بررسی نرم افزار با فناوری های بروز و در دسترس با ابزار تست خودکار.
منبع :
https://msdn.microsoft.com/en-us/lib.../ff728828.aspx
------------
تا قسمت بعد ،
یا علی !
به نظر من گرید ویوو خیلی تو ذوق میزنه
رنگها خیلی همخوانی ندارن با همدیگه
گرید ویرو نتونستم درک کنم همه ی قسمت های برنامه گرافیکی بعد گرید ویو .!!!؟؟؟
سلام دوستان عزیز
میخوام یه چند نکته رو خدمتتون بگم:
1- سعی کنید حد الامکان از تصاویر پس زمینه برای زیباسازی برنامه استفاده نکنید. من در برخی طراحی های این تاپیک دیدم این مطلب رو
حالا گاهی کارفرما میخواد که لوگوی سازمانش حتما دیده بشه که اون قضیه اش فرق میکنه
2- سعی کنید فاصله کنترل ها و لیبیل ها رو رعایت کنید. این رو هم میشه در برخی ارسال های دوستان مشاهده کرد.
3- اصول مربوط به تقارن رو حتما مطالعه کرده و در طراحی بش دقت کنید: c2v - s4 و غیره
خیلی از طرح های دوستان تقارن ندارن
4- از نسبت های طلایی در طراحیتون بهره ببرید: برای مثال اندازه یک کنترل نسبت به فرم (عرض و ارتفاع) باید چقدر باشه تا زیباتر به نظر بیاد؟
5- در رنگ بندی گاهی تفاوت رنگ ها زیباتر از هم رنگ بودن میشه. باید از زبان رنگ ها بخوبی استفاده کنید.
6- حد الامکان قبلش روی کاغذ فرم رو طراحی کنین
7- به ترتیب قرار گرفتن کنترل ها روی فرم ها خیلی دقت کنید. گاهی اگه جای دوتا کنترل باهم عوض بشه خیلی بهتر میشه.
مثلا یکی بره بالاتر و اون یکی بیاد زیرش
8- سعس کنید برنامه ساده باشه. شلوغی اصلا جالب نیست. متاسفانه اغلب برنامه های ایرانی شلوغ و پر از دکمه و منو هستند
9- همیشه این رو در نظر بگیرید که کاربر نهایی هیچ چی از کامپیوتر نمیدونه و اگر بتونه فقط با یک دکمه همه کارهاشو بکنه خیلی راضی میشه
این درواقع ایده اصلی طراحی آیفون هست...
رعایت همین نکات کوچیک باعث میشه نرم افزارهاتون مثل محصولات کمپانی های معتبر خارجی بشه
رنگ بندی هم که دیگه شده نقل مجلس
واقعاً توی رنگ بندی خیلی خیلی دقت کنید استفاده از تصاویر بسته به کاربرد برنامه باید محدود و حساب شده و خیلی خیلی گزینشی باشن
یه مورد برنامه برای پایگاه بسیج بود که من چه اشتباهی کردم و طراحیشو سپردم به خودشون
خدا اون روز رو برا هیچ کس نیاره؛ برنامه شده بود بازار شام! پر از عکس مذهبی و دعا و ...
دیگه اینکه یکم خشوع و خضوع داشته باشین و اینقدر اسمتون رو توی برنامه هاتون درشت ننویسین؛ آخه یعنی چی؟
برنامه نوشتن دوتا عکس و با یه آهنگ نشون میده بعد تیتر بزرگ بالاش زدن طراحی و پیاده سازی از مهندس فلان فلان شده
که چی؟
توی مسجد شیخ لطف اله به اون عظمت و زیبایی
زیرِ یکی از اجراش کوچولو نوشته بود اثر بندی‌ی حقیر مسکین استاد معمار ...
درخت هرچی پربار تر افتاده تر!
یه چیز دیم اینکه قبل از اینکه چندتا کنترل همین طوری پخش و پلا وسط فرم رها کنید،
ببینید ترتیب کارایی اون ها به چه صورت هستن، همخوانی ورودی ها در نزدیک تر کردن اون ها به هم خیلی در روحیه کاربر و کاربرپسند بودن برنامه تاثیر میذاره.
اندازه فونت ها و نوع و استایلشون بسته به زمینه و محیط کاری و حتی سن و جنس کاربر میتونند خیلی متفاوت باشن.
برای کارهایی که در پس زمینه دارای پردازش هستند حتماً از نمادها و عبارت درحال بارگیری درحال پردازش یا .. استفاده کنید تا مشتری فکر بد نکنه
باور کنید مشتری وقتی ببینه که یک پروگرس بار میره جلو خیالش راحته و تودلش میگه این برنامه کارش درسته
در غیر این صورت ممکنه فلج مغزی رخ بده و برای صرف پاتیناژ به سمت اعصاب شما هجوم بیاره.
نام گذاری برنامه و انتخاب آیکون حتی تا آخرین روزهای تحویل بروژه میتونه به درازا بکشه
من که خودم خیلی وسواسیم، باور کنید این نماد برنامه‌ی شما برند شماست
چیزی که مشتری هر روز می‌بینه و بسته به اون افکار نیک یا پلیدش رو از نظر میگذرونه
توی برنامه‌های بین المللی و چند ملیتی تا حدامکان از قابلیت چندزبانه بودن برنامه استفاده کنید،
باور کنید برنامه‌ای که زبان فارسی رو داشته باشه اصن جاش تو قلب منه
مدیریت پیام ها هم واسه خودش یه پروژه ست
اگه میتونید یه دفترچه راهنما با محصول ارائه بدید همراه با تصویر از برنامه که شاه گل مشتری پسندیه
اینا تجربه های دم دستیم بودن تابعد !
نظرتون درباره این ظاهر چیه، یه پروژه تقریبا آموزشی.
اینم بگم من تازه شروع کردم .
http://uupload.ir/files/edb0_1234.png
شما خیلی از تصاویر استفاده کردی؟نقل قول:
نوشته شده توسط mehdivarse
این بنر تبلیغاتی هست یا نرم افزار؟
توصیه ghasem110deh و golbafan و amir4317 رو یه نگاهی بندازین
با تشک از تمامی استادان عزیز ولی خیلی خوب میشد اگر برای کسانی که مثل من آماتور هستند آموزش هایی در این زمینه قرار بدهید
که چگونه گرافیک برنامه را ارتقاع دهند و نحوهی ساخت برنامه هایی به صورت مترونیک با کامپوننت های DevExpress و تلریک
دوست عزیز اینجا بخش نظرخواهی و آشنایی با سلایق و الهام گرفتن از نمونه کارهای دیگرانه و برای آموزش این برنامه ها کافیه سرچ کنید. اگرم علاقه داشته باشید مثل خود من انقدر کار میکنید که از بر بشین.
این تاپیک عالیه واقعا
لطفا نزارین استپ بشه.
دیزاین کار جدیدم چطوره؟ ضمیمه 134567
سلامنقل قول:
نوشته شده توسط winner1
ستاره ها رو چه طوری انجام دادی ؟ میشه توضیح بدی؟
wpf همینه دیگه مشتی همهچیش که دیزاین نی کارایی یتونی توش انجام بدی که تو ویندوز فرم باید خدای این کار باشی با کلی کد نویسی بتونی مثلا wpf اجازه میده واسه تعریف ستون از هر کنترلی حتی یوزر کنترل خودت استفده کنی که من کردم یه یوزر کنترل نوشتم که امتیاز میده با عکسنقل قول:
نوشته شده توسط NasimBamdad
زیباست. با تلریک میشه درست کرد چنین فرمی.نقل قول:
نوشته شده توسط NasimBamdad
از کمپوننت بدم میاد برنامه جدید م رو با ویندوز فرم نوشتم میزارم بدن بدونین بذونه کمپوننت چیکارمیشه کردنقل قول:
نوشته شده توسط www.rayanehkhabar.com
سلام به همه ...نقل قول:
نوشته شده توسط winner1
منم دیگه از کامپوننت استفاده نمیکنن (مگر اینکه یه کنترل کارایی داشته باشه که خودم نتونم اونو پیاده کنم)
.
.
.
اما یه نکته مهم تو اون مقاله مایکروسافت بود که خیلی خوشم اومد ...
این که رابط کاربری فقط زیبایی نیست و هدایت کاربر به طریق درست استفاده از برنامه جهت رسیدن به خواسته خودش هم هست !
الان دارم رو این کار میکنم ؛ کاربر باید بتونه مراحل یک پروسه نسبتا طولانی (مثلا ارتباط بین کالا ، مشتری ، فاکتور ، سفارشات فاکتور) که جهت صدور فاکتور یه رویه رو دنبال میکنه ، بدون سردرگم شدن انجام بده :)
تو اون پروژه انبارداری ساده که نوشته بودم (و اینجا قرار دادم) برای هر کار یه فرم گذاشته بودم :
یکی واسه انبار - یکی واسه کالا - یکی واسه مشتری - یکی واسه فاکتور و ... جالب تر اینه که توی فرم اصلی هیج ارتباطی یا وجه اشتراکی نداشتن که کاربر بتونه تشخیص بده مرحله بعد (مثلا ثبت کالا) چیه !
بنده خدا باید چند تا فرم باز میکرد تا بفهمه چیکار باس کنه :)
دوستان رو این موضوع هم وقت بزارین و اظهار نظر بفرمایید .
یا علی !
فکر کنم بهتره فعلن از نظرات ذوری کنم
سلام ماشالا خيلي قشنگ بودننقل قول:
نوشته شده توسط winner1
ميشه در مورد اون تب ها يكم توضيح بديد ؟ مثلن وقتي رو اسم بيمار كليك ميكنيد يه تب جديد باز ميشه؟از كامپوننت استفاده كرديد؟ يه خورده توضيح بديد بي زحمت :کف::کف::کف:
بله یه تب جدید باز نمیشه از هیچ کمپوننتی هم استفاده نکردم نهنقل قول:
نوشته شده توسط ahmadreza.s
نقل قول:
نوشته شده توسط winner1
سلام دوست عزیز
کارتون نمیشه گفت قشنگه و نمیشه گفت زشته
یک مورد سلیقه ای است که اگر روش بیشتر کار بشه بهتر میشه
ببین از نظر من برنامه نویس، برنامه شما خوبه اما آیا نظر کاربر هم میتونه این باشه؟
رنگ یکدست ساده و سفید چشم رو خیلی خسته میکنه و همینطور جداولی که خطوط گرید رو نداشته باشن چشم کاربر رو اذیت میکنه
تکست باکس ها و زمینه فقط با یک خط پیکسل آبی از هم جدا شدن!
آیکون ها خوب هستند و با کلیات فرم هماهنگ هستند
سادگی زیاد در بخش تب ها خیلی توی دوق میزنه. انگار حالت تب وجود نداره!
در کل کنترل ها خیلی مشخص نیستند
شما باید وضعیت افراد عینکی رو هم در نظر بگیرید
الان این بیشتر شبیه یک صفحه وب ساده که فقط با html کار شده باشه شباهت داره
یا مثلا به نرم افزار موبایل
موفق باشید
یکی از نرم افزار هام با delphi
خوب مثلن هر موقع تب ها باز ميشن چطوري فورم به صورت پويا ايجاد ميشه؟نقل قول:
نوشته شده توسط winner1
من از اين تب ها خوشم اومده اگه ممكنه توضيح كاملي يا قطعه كدي برام بزاريد ، ممنون ميشم :قلب:
اینجا رو ببیننقل قول:
نوشته شده توسط ahmadreza.s
http://www.codeproject.com/Articles/...DI-Child-Forms
ممنون از نظر ولی بهره یکم راجب طراحی به روز تحقیق کنین این طرحی که من زدم هنوز جایی زیاد مثل این رو ندیدم پس نمیشه گفتت واکنش مشتری چیه در واقع قصدم سنت شکنیه راجب رنگ یکدست الان تو بیشتر برنامه های کاربردی رنگ یک دست میزنن به هر حال پیشنهاد من به شما اینه حتما یکم راجب طراحی برنامه تحقیق کنین اگرم بام مخالفین پس طرز فکرمون متفاوه به هر حالنقل قول:
نوشته شده توسط golbafan
البته همونطور که عرض کردم به نظر من (به عنوان یک برنامه نویس) طراحی شما خوبه. اما لطفا به بازار فروش هم توجه کنید. به این توجه کنید که کاربر قراره کل ساعت کاریش رو در تمام روزهای هفته با برنامه شما کار کنه.نقل قول:
نوشته شده توسط winner1
در مورد طراحی با رنگ یکدست من موافق نظر شما نیستم.
اگر قرار بود یه برنامه مثلا آنتی ویروس رو طراحی میکردید. یا حتی برنامه ای برای بهینه سازی سیستم عامل، دقیقا حرف شما درست بود. اما برنامه شما یک برنامه اداری هست که قراره یک اپراتور ساعت ها چشمش به مانیتور باشه...
اینها نکات مهمی هستند که در تمام دنیا روی برنامه ها اعمال میشه. میتونید کتاب های مربوط به طراحی نرم افزار رو از اینترنت دانلود کنید. برای هر کاری یک UI مختلف نیاز میشه. مثلا اینترفیس مدیاسنتر رو نمیشه روی آفیس بزارن و دلیلشون صرفا سنت شکنی و زیبایی باشه!
این تصویر رو لطفا با دقت ببینید. تمامش پر از نکات مهمه:
ضمیمه 134653
از ویکی‌پدیا، دانشنامهٔ آزاد
طراحی واسط کاربر به معنای طراحی واسط کاربر برای ماشین و نرم‌افزار، همانند رایانه، لوازم خانگی، دستگاه موبایل و دیگر دستگاه‌های الکترونیکی با تمرکز بر به حداکثر رساندن تجربه کاربری است. هدف از طراحی واسط کاربر این است که تعامل کاربر را از نظر انجام اهداف تا جای ممکن ساده و کارآمد سازد. (طراحی کاربر محور)
یک طراحی واسط کاربر خوب، انجام وظایف را بدون جلب توجه غیر ضروری به خود واسط، تسهیل می‌کند. هنر گرافیک و تایپوگرافی برای کاربردپذیری به کارگرفته میشوند. فرایند طراحی باید بین قابلیت‌های فنی و عناصر بصری تعادل برقرار کند تا سیستمی ایجاد کند که نه تنها عملیاتی باشد بلکه کاربردپذیر و انطباق پذیر با نیازهای در حال تغییر کاربر باشد.
طراحی واسط کاربر در طیف گسترده‌ای از پروژه‌ها، از سامانه‌های رایانه‌ای تا اتومبیل‌ها و هواپیماهای تجاری دخالت دارد، همه این پروژه‌ها درگیر بسیاری از همان تعاملات اساسی انسان که هنوز نیز، نیاز به برخی از مهارت‌های منحصر به فرد و دانش است، هستند. در نتیجه، طراحان به تخصص پیدا کردن در انواع مختلف پروژه‌ها و داشتن مهارت‌های محوری روی تخصصشان چه در حوزه طراحی صنعتی، طراحی نرم‌افزار و طراحی وب گرایش پیدا کردند.
دوستان لطفا از انتقاد ها ناراحت نشید این صرفا یک راهنمایی از طرف یک دوست با تجربه تلقی کنید
تقریبا منم میخوام (این که چند درصد موفق میشم یا نه بماند) طوری فرم اصلی و زیرفرم ها رو طراحی کنم که کاربر به سمت کاری که داره انجام میده (مثلا همون فاکتور فروش یا ...) هدایت بشه ، نه اینکه خودش بگرده و پیدا کنه :متفکر:نقل قول:
نوشته شده توسط golbafan
دیگه خیلی رو رنگ بندی و ... تمرکز نمیکنم !
سلامنقل قول:
نوشته شده توسط winner1
فکر میکنم اصلا هدف این تاپیک این بوده که دوستان کارهاشون رو بذارن و با نظراتی که میگیرن ، ایراد های احتمالی کارشون رو رفع کنن.
دوست عزیزم ، رابط کاربری که شما طراحی کردی البته جالبه ، اما اگر شما فقط منتظر تشویق و تائید بقیه دوستان هستی ، خب طبیعتا نباید طرحتو اینجا میذاشتی ، همیشه خروجی چند فکر ، بهتر از یک فکر هست.
در مورد فرمایشات آقای گلبافان ، بنده هم با اکثر نظراتش موافقم ، همیشه جدید و نو بودن دلیل بر بهتر بودن نیست. شما کافیه خودت رو جای کاربر نهایی نرم افزارت بذاری و بشینی چند روز باهاش کار کنی ، اون موقعه که متوجه میشی چیزی که کاربرحس میکنه و نیاز داره چیه و به کل با دید من و شمای برنامه نویس تفاوت داره.
حتی نیاز هست که شما چند جا نرم افزارت رو بصورت آزمایشی نصب کنی و تا مدتی از کاربرها بازخورد بگیری که چه تغییراتی مورد نیاز هست.
و اما
مطلب مهمی که اکثر برنامه نویس ها بهش توجه نمیکنند اینه که فقط فکر زیبا کردن محیط برنامه هستن ، حالا یا با کامپوننت یا بدون اون (بگذریم که گاهی وقتا این تلاش برای زیبا کردن برنامه فقط در حد استفاده از چنتا کامپوننت باقی میمونه و واقعا هم نتیجه نهایی نه تنها زیبا نیست ، بلکه یک محیط شلوغ و آشفته هست)
در واقع طراحی UI یک بحث مهم و لازم هست ، اما مهمتر از اون بحث UX هست که امروزه بسیار مورد توجه هست (با یک جستجو در اینترنت نتایج زیادی در این مورد هست.)
ساده ترین تعریف UX (بخوانید تجربه کاربری) ، اینه که نرم افزار شما طوری طراحی بشه که کاربر از کار با نرم افزار شما لذت ببره و بعد از یکبار استفاده باز هم مشتاق باشه ازش استفاده کنه و همیشه بعنوان یک تجربه لذت بخش ازش یاد کنه.
در حقیقت این مطلب خصوصا برای نرم افزارهایی که بصورت مداوم و روزانه مورد استفاده هستن ، یجورایی حیاتیه.
پیشنهادم به همه عزیزان این هست که بیشتر به بحث طراحی UX توجه کنند و در موردش تحقیق کنن. چه بسا نرم افزاری با طراحی UX مناسب و یک UI معمولی بسیار بیشتر مورد اقبال کاربران قرار میگیره تا صرفا داشتن یک UI جذاب.
موفق باشید.
دقیقا مشکل من همینجاس میخوام یه چیز جدید بدم بیرون و نتیجشرو ببینم واسه همین فهمیدم فعلا از نظرات دوری کنم این یه ازمایشه از بابت دیزایننقل قول:
نوشته شده توسط Mohammad.Ashtiani
:چشمک:
نمی خوام مثل دیزاینای راکد گذشته باشه این کار یه چیزه جدید سنت شکنی همین
من خودم طرفدار کارهای نو هستم ولی یه عیب بزرگ هست.نقل قول:
خوب کارم با دیزاین برنامم تموم شد من دیزاین و همیشه واسه مرحله اخر نگه میدارم چطوره ؟http://uupload.ir/files/dbee_untitled.png
فقط روش کلیک کنین با کیفیت اصلی نشون بده
http://uupload.ir/files/744n_untitled.png
http://uupload.ir/files/mh6n_untitled.png
مردم خیلی دوست ندارن عادتشون را کنار بزارن و به یه سیستم نو رو بیارن.
طرح های شما را من در محل کارم به چند نفر کاربر کامپیوتر که برنامه نویس نیستن نشون دادم خیلی خوششون نیومد. میگفتند بیشتر شبیه یه سایت هستش.
https://barnamenevis.org/attachment.p...2&d=1440579569
با سلام به همگی
طبق عکسی که میبینید میخام به این فرم یک رنگو لعابی و یک جونی(بدون کامپوننت) بهش بدم که از این اوضاع خسته کننده و بد ریخت (هم از لحاظ گرافیکی و هم کد نویسی) در بیاد.
اینم بگم بهتون که اطلاعات هر Tab مربوط به جدول مربوطش است اگر توجه کرده باشید توی هرتب یک کلید واسه ذخیره اطلاعاتش گذاشتم و این بنظر خودم خیلی جالب نیست.
حالا از شما دوستان میخام پیشنهادات،نظرات خودتون را بدید تا یه سروسامونی به این فرم بدم.
میخام جوری طراحیش کنم که اگر وضعیت متاهل بود یا تب،فرم یا ..... مربوط به همسر ظاره بشه و اطلاعات را از کاربر بگیره و ذخیره کنه یه چیز تو همچین مایه هایی باشه که بشه کنترل کرد برنامه را با ظاهرش،منتظر نظرات شما دوستان عزیز هستم!
تشکر از همگی
تجربه‌کاربری (UX) چیست؟
توی سرتاسر دنیا همه شرکت‌های بزرگ دارن محصولاتی رو طراحی میکنن که در نهایت به دست من و شما میرسه و ازشون استفاده می‌کنیم. وقتی برای اولین بار یه موبایل خریدید چه حسی داشتید؟ در مورد اینکه می‌تونستید گوشی تلفن‌تون رو توی جیب‌تون بزارید و هرجایی دور از خونه به تماس‌هاتون جواب بدید چه فکری میکردید؟ آیا داشتن یه گوشی تلفن با قابلیت حمل، باعث نمی‌شد در مقابل دوستان و نزدیکان‌تون یه حس خاص داشته باشید؟ شما یه حس برتری و قدرت در خودتون نمی‌دیدید؟
بله میدونم که این حس به ۱۰−۱۲ سال پیش مربوط می‌شده و الان دیگه همه یه گوشی موبایل دارن و کسی به خاطر موبایلش احساس غرور نمی‌کنه. اما این موضوع رو همین الان هم میشه به شکل دیگه‌ایی دید. فکر میکنید حس داشتن یه iPhone 6+ برای کسی که یه گوشی کلاسیک Nokia 2200 داره چجوریه؟
قبلا وقتی می‌خواستیم ایمیل‌مون رو چک کنیم، اگه خودمون یه کامپیوتر شخصی داشتیم، باید منتظر یه فرصتی می‌شدیم تا بریم پشت کامپیوتر و ایمیل رو باز کنیم. اگه کامپیوتر هم نداشتیم که دیگه وضع بدتر بود و باید دنبال یه زمان آزاد و یه کافی‌نت می‌گشتیم. اما حالا ما داریم با گوشی موبایل‌مون این رو تجربه می‌کنیم که خیلی راحت می‌تونیم هرجایی که هستیم گوشی رو از جیب‌مون دربیاریم و ایمیل‌ها رو چک کنیم. فرقی نمی‌کنه در حال راه رفتن توی خیابون، توی اتوبوس، در حال مسافرت، یا حتی روی تختمون دراز کشیده باشیم.
یه وقت هم میشه که این تجربه‌ها بد باشن. مثلا این گوشی Xperia X10 mini من حافظه RAM خیلی پایینی داره. من هرموقع که میخوام با گوشیم به فیس‌بوک سربزنم، باید همه برنامه‌های جانبی رو ببندم تا گوشیم هنگ نکنه!تجربه‌های خوب و بدی که ما در استفاده از محصولات داریم باعث شدن که اونها رو بخریم یا نخریم.در یک جمله، تجربه‌هایی که ما در استفاده از محصولات مختلف داریم باعث شدن که اونها رو بخریم یا نخریم. طبیعتا وقتی این تجربه‌ها تا این حد مهم هستن که روی تصمیم‌گیری‌های ما تاثیر مستقیم دارن، یک صعنتی هم بوجود میاد که تمرکزش روی خلق تجربه‌های شیرین‌تر برای کاربران باشه. به این صنعت میگن صنعت تجربه‌کاربری.تجربه‌کاربری در ویکی‌پدیا : اینطور تعریف شده: «تجربه‌کاربری، خلق هر چیز معنا دار و به یاد ماندنی است که توسط یک سازمان برای مشتریان ایجاد می‌گردد.» آقای Jesse James Garrett هم در یکی از کتاب‌های خودش به نام « المنت‌های تجربه‌کاربری» میگه:تجربه‌کاربری یعنی نگاه به کاربرد محصول از بیرون. یعنی از همون سمتی که مردم به نحوه عملکردش نگاه میکنن.طراحی تجربه‌کاربری (UX Design) چیست؟کاربرا تجربه‌های متفاوتی در استفاده از یه محصول دارن. یعنی ممکنه تجربه من در استفاده از iPhone 6+ با تجربه شما متفاوت باشه. توی دنیای تجربه‌کاربری یکی از مهمترین موضوعاتی که همیشه باهاش در ارتباط هستیم اینه که بدونیم الان کاربران ما چه چیزی رو دارن تجربه میکنن. برای این کار لازمه که نیازهای کاربر رو شناسایی کرده باشیم و بدونیم که با چه مسائلی روبرو هستن. طراحی اینجا یعنی پیدا کردن راه حل برای این مسائل. بنابر این طراحی‌تجربه‌کاربری یعنی پیدا کردن راه حلی برای بهتر کردن تجربه‌های کاربران.
مثلا یاهو و گوگل هر دو یه شرکت اینترنتی خیلی بزرگ هستن که سرویس‌های زیادی رو برای کاربراشون دارن. برای این دو شرکت یکی از مهمترین دغدغه‌ها اینه که همه سرویس هاشون در دسترس کاربر باشه. یاهو میخواد همه این سرویس‌ها رو توی صفحه اصلی داشته باشه، اما گوگل رویکرد متفاوتی داره. اینکه چطور همه سرویس‌ها در دسترس کاربر قرار بگیره بدون اینکه باعث سردرگمیش بشیم یه مسئله به حساب میاد.
حالا یه طراح تجربه‌کاربری باید طرحی ارائه بده که این مشکل رو حل کنه. یعنی دو هدف رو دنبال کنه: اول اینکه کاربر بتونه به همه این سرویس‌ها دسترسی داشته باشه و دوم اینکه شرکت‌های یاهو و گوگل بتونن به اهداف تجاریشون برسن. میبینید که طراحان تجربه‌کاربری این دو شرکت بزرگ رویکرد‌های کاملا متفاوتی رو هم در پیش گرفتن.
طراحی تجربه‌کاربری چه حوزه‌هایی رو پوشش میده؟
یکی از چیزهایی که توی طراحی تجربه‌کاربری کمی فریبنده است اینه که اغلب افرادی که تازه باهاش آشنا میشن فکر میکنن تجربه‌کاربری یه موضوع مستقله. اما در واقع اینطور نیست و تجربه‌کاربری از ترکیب و هماهنگی بین چند حوزه دیگه به وجود میاد. حالا من چند تا از مهمترین این حوزه‌ها رو بهتون معرفی میکنم.
طراحی تعاملی (Interaction Design)
طراحی تعاملی به عنوان یکی از المنت‌های اصلی طراحی تجربه‌کاربری شناخته میشه و مربوط میشه به روش تعامل وب‌سایت‌ها با انسان. چون وب‌سایت‌ها ابزار‌های تکنولوژیک خشنی هستند، ارتباط انسان با این ابزارها کمی متفاوتر به نظر میرسه. معمولا کاربرای شما نمی‌تونن خیلی راحت به وب سایتتون اعتماد کنن. به همین دلیل ارتباط انسان با چنین ابزار‌هایی ( به عنوان یک موجود اجتماعی) نیاز به یه رویکرد تعاملی و دوطرفه داره.
رابط کاربری و طراحی دیداری (User Interface Design)
من نمی‌خوام مباحثی مثل روانشناسی گشتالت و یا ادراک دیداری رو بشکافم ولی به طور کلی طراحی دیداری (بهش طراحی گرافیکی هم میگن) یعنی روش استفاده از عناصر بصری مثل رنگ، تصاویر و سمبل ها، برای انتقال یه پیام به کاربر. غیر از این شامل روش استفاده کاربر از محصول هم میشه. موضوع رابط کاربری رو میتونید به طور کامل‌تری توی این مطلب دنبال کنید.
کاربردپذیری (Usability)
کاربردپذیری یعنی طرح این سوال که برای رسیدن به یه هدف مشخص، باید چه امکاناتی رو در اختیار کدوم دسته از کاربرا قرار بدیم که منجر به استفاده موثر، رضایت بخش و با بهره وری بالا بشه ؟ هرچند که کاربردپذیری خوب، برای خلق یه تجربه‌کاربری موثر ضروریه، اما به تنهایی هم تضمینش نمی‌کنه و باید به توانایی انسان در استفاده از وب سایت و یا یه نرم افزار خاص هم توجه داشته باشیم.
قابلیت دسترسی (Accessibility)
قابلیت دسترسی یعنی وجود سیستمی برای وصول، استفاده و درک آسون. وجود ابزار‌های پیمایشی مناسب (مثل منو ها) که باعث بشن کاربر خیلی آسون به قسمت‌های مختلف سایت دسترسی داشته باشه، همینطور بعد از دسترسی به هر قسمت برای استفاده از اون با پیچیدگی روبرو نشه و در نهایت اینکه بتونه در کمترین زمان به درک جامعی از وب سایت برسه، مجموعه مسائلی هستن که قابلیت دسترسی روی اونها تمرکز داره.
تعامل انسان و کامپیوتر (HCI)
شاید بشه گفت تعامل انسان و کامپیوتر موضوع اصلی تجربه‌کاربریه. در واقع ما باید تجربه کاربر رو در طراحی‌ها دخالت بدیم. می‌تونیم این بخش رو به عنوان نتیجه گیری هم در نظر بگیریم و بگیم به طور کلی در طراحی تجربه‌کاربری، درک احساسات بازدید کننده‌های یه وب سایت، کلید اصلیه. اولین قدم در طراحی تجربه‌کاربری اینه که ببینیم چی میتونه باعث بشه کاربر مایل به بازدید از وب سایت ما بشه ؟
معماری اطلاعات (Information Architecture)
تعریفی که انستیتو جهانی معماری اطلاعات ارائه میکنه رو ساده کنم، معماری اطلاعات علم و هنریه که کمک میکنه کاربران دسترسی بهتری به اطلاعات داشته باشن. به عبارتی معماری اطلاعات یعنی کمک به کاربر برای اینکه بتونه اطلاعات رو راحت‌تر پیدا کنه.
----
منبع : http://webadvice.ir/article/%D8%B7%D...%D8%AA-%D8%9F/
سلامنقل قول:
نوشته شده توسط Ho3einAlone
نمیدونم چقدر امکان تغییر دادن در نرم افزارتون رو دارید ، اما اولین چیزی که به نظر بنده میرسه اینه که اون سه تب اطلاعات همسر - اطلاعات فرزندان - اطلاعات پدر و مادر ، میتونه در یک تب خلاصه بشه ، مثلا با عنوان اطلاعات افراد تبعی، کافیه شما یک فیلد با عنوان نسبت در جدول افراد داشته باشید تا بشه این رو برای همه این افراد پیاده سازی کرد.
در کل به نظرم فرم شما طرح مرتبی داره و خوبه ، شاید فقط یکم فاصله بین کنترل ها باید یکسان بشه و نیاز به دستکاری بیشتری نداره.
موفق باشید.
نقل قول:
نوشته شده توسط Ho3einAlone
بسیار زیبا و جمع جوره ولی اگر بتونی اون عکس که برای پیکچرباکس انتخاب کردی رو ساده (مثل پیکچرباکس زیر بذاری) بنظرم بهتره
http://bayanbox.ir/view/8254658061273155467/2.jpg
برای ایکن حذف و ویرایش و ذخیره تویی دکمه ایکن هات رو بذاری و یک اندازه انجام بدی بهتره.
رنگ های دکمه هات رو یک رنگ بذار و اگر داری شورتکات برای دکمه ها تعریف میکنی بهتره برای همه تعریف کنی و اگر جایی براش نداری مثل برنامه من (عکس زیر) براش لیبل بذار
http://bayanbox.ir/view/9055853988522177070/2.png
خلاصه فرم منظم و زیباییه. موفق باشی
مرسی و واقعا احسنت به این خلاقیتت ولی من حال و حوصله و وقت زیادی ندارم واسه ساختن همچین فرمی.نقل قول:
نوشته شده توسط juza66
بازم متشکرم از راهنماییت
سلام مجدد دوستان این نسخه جدید برنامه درمانگاهه (برای سرعتر بودن اکثر گزینه ها رو حذف کردم که کاربر راحت باشه)
ضمیمه 134691
این نسخه قدیمی:
http://charp.persiangig.com/BOALI/2.jpg
ممنون میشم اگر نظر بدین تویی محیط جدید چه کار کنم که عکس العمل کاربر وقتی سرش شلوغه زودتر کار بیماران رو راه بندازه و بهشون شماره بده و پولش رو بگیره
به نظر من زیبا و کاربر پسنده
تشکر دوست عزیز
دوستان میگم خلوت تره شده کاربر (ساده کار و بی تجربه) اذیت نمیشه؟! منظورم سردرگم نمیشه؟!
اون نسخه قبلی رو نگاه کنید با این جدید منظورم رو متوجه میشید خیلی از ایتم های غیرضروری که خودم بصورت اتوماتیک میتونم ثبت کنم مثلا تاریخ، شماره نوبت و یا نام پزشک یا پرستار که همون اول موقع لاگین از کاربر اطلاعات رو میگیرم رو برداشتم و بجاش اونایی که متغییرن رو گذاشتم.
و هزینه دفترچه ها رو موقعی که کاربر انتخاب میکنه اتوماتیک قیمت میزنم
بنظرتون بهتره شده؟! یا اگر تجربه ای کاری یا نظری دارید ممنون میشم بگید