طراحی رابط کاربری - UserInterface

[ژیار رحیمی]

بهتره تم dark رو هم امتحان کنی به نظر من تم darkش بهتره از تم light ش هست و PrimaryColor رو رنگ سبز انتخاب کن که به زمینه پزشکی بیشتر هماهنگ هست(البته این در مورد تم پیشفرض گفتم)وبه جای RadioButton از ToggleButton استفاده کن ظاهر زیباتری داره.در مورد TabControl که بصورت پیشفرض در MaterialDesign داری تم نمیباشد شما دستی Template ست گردی بهتره از رنگ روشن(برای حالت غیر انتخاب) استفاده کنی(الان دو حالت عادی و انتخاب شده دارای رنگ هست یکخورده گیج کننده ست) و دکمه Close درون Tabها را سایزشو بیشتر کن(کلیک کردن روی دکمه به این سایزی برای کاربرانی که دستشون زیاد به موس عادت نکرده اذیت هست). برای مدیریت Error ها هم به نظر من بهتره برای فیلدهای عددی ورودی کاربر را محدود به اعداد کنی تا اینکه کاربر یکبار کاراکترهای های غیر عددی را وارد کند سپس متوجه Error شود. چیدمان المنت ها خوب هست .موفق باشید

[aliramazani]

فکر می کنم فضاهای خالی فرمت از جذابیت کار کم کنه به نظر من البته این نظر منه

[aliramazani]

2017-10-04_16-46-25.png

ویندوز فرم
کامپوننت DevExpress به درخواست مشتری
لطفا در مورد دیزاین و اصول چیدمان کنترلها بنده رو مستفیض کنید

[ژیار رحیمی]

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

[vbhamed]

2017-10-04_16-46-25.png

ویندوز فرم
کامپوننت DevExpress به درخواست مشتری
لطفا در مورد دیزاین و اصول چیدمان کنترلها بنده رو مستفیض کنید

سلام

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

در کل فرمت کاملا معمولی و قدیمی و تکراری هستش و استاندارهای جدید طراحی مثل طراحی مترو و فلت و ... توش نیست

ببخشید البته اینا رو گفتم که کارت رو ارتقاء بدی چون معمولا انتقاد باعث پیشرفت میشه و تعریف باعث توقف در پیشرفت

[mr.sirwan]

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

همونطور که دوستان گفتن فضای خالی توی فرمتون خیلی زیاده و فاصله کنترل ها از هم خیلی کمه.
2. رنگی که برای تم استفاده کردین بنظرم برای یک مطب مناسب نیستش، چون دارین واسه مطب برنامه مینویسین باید یک رنگ ملایم انتخاب کنید که بیشتر ارامش بخش باشه، بنظرم یک آبی آسمانی یا همچین چیزی میتونه جذابتر باشه
3. برای انتخاب جنسیت یا از کمبوباکس یا togglebutton استفاده کنین قشنگتره
4. چون تعداد کنترل ها کمه و فضا زیاده به نظرم طول کنترل هارو یکم بیشتر کنین که فضای بیشتری رو بگیره همچنین کنترل هارو کلا بیارین وسط صفحه
5. ایکن مربوط به دکمه های ذخیره و انصراف خیلی بزرگه یکم سایزشون رو کم کنید
6. درمورد تب کنترل هم به قول اقای رحیمی یکم گیج کننده س، تبی که در حالت انتخاب نیست رو به یه رنگ خاکستری یا همچین چیزی تغییر بدین

من یک نمونه از تغییراتی که گفتم رو روی فرمتون پیاده کردم:

4.jpg

[aliramazani]

سلام

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

در کل فرمت کاملا معمولی و قدیمی و تکراری هستش و استاندارهای جدید طراحی مثل طراحی مترو و فلت و ... توش نیست

ببخشید البته اینا رو گفتم که کارت رو ارتقاء بدی چون معمولا انتقاد باعث پیشرفت میشه و تعریف باعث توقف در پیشرفت

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

[vbhamed]

سلام

پیشنهاد مهم نیست در این حالت

شما باید طرح برنامه خودش رو بزنید و بعد بهش نشون بدین

[winner1]

2017-10-04_16-46-25.png

ویندوز فرم
کامپوننت DevExpress به درخواست مشتری
لطفا در مورد دیزاین و اصول چیدمان کنترلها بنده رو مستفیض کنید

مرتب و منظم رنگ بندی هم خوبه کمی مشکل ux داره اونم نحوه ذخیرس در کل خوبه

[miladdmax]

سلام
بهتره اما چون عجله داشتم به این نکات توجه نکردم

راست چینشو میزارم:

ضمیمه 141255

ضمیمه 141254

سلام چطور راست به چپش کردین این رو من از دلفی و کامپوننت devepress استفاده میکنم و لی راست به چپ نداره

[pooya_friend]

سلام بچه ها.
نرم افزار مدیریت هتل.
با تکنولوژی Entity‌و دیتابیس Sql
ممنون میشم نظرتونو بگید

1.jpg2.jpg3.jpg4.jpg5.jpg6.jpg7.jpg8.jpg

[sg.programmer]

سلام بچه ها.
نرم افزار مدیریت هتل.
با تکنولوژی Entity‌و دیتابیس Sql
ممنون میشم نظرتونو بگید

1.jpg2.jpg3.jpg4.jpg5.jpg6.jpg7.jpg8.jpg

فونت خوبی استفاده شده. چه فونتی هست؟

[aliramazani]

سلام بچه ها.
نرم افزار مدیریت هتل.
با تکنولوژی Entity‌و دیتابیس Sql
ممنون میشم نظرتونو بگید

1.jpg2.jpg3.jpg4.jpg5.jpg6.jpg7.jpg8.jpg

خیلی ساده و ابتدایی و بدون هیچ خلاقیتی طراحی شده

[pooya_friend]

از فونت B HOMA استفاده کردم

[ebrahim.rayatparvar]

سلام بچه ها.
نرم افزار مدیریت هتل.
با تکنولوژی Entity‌و دیتابیس Sql
ممنون میشم نظرتونو بگید

1.jpg2.jpg3.jpg4.jpg5.jpg6.jpg7.jpg8.jpg

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

[golbafan]

سلام چطور راست به چپش کردین این رو من از دلفی و کامپوننت devepress استفاده میکنم و لی راست به چپ نداره

سلام

برای تب ها باید فایل cxPC.pas و برای ریوبن باید فایل dxRibbon.pas رو ویرایش کنید

توابع مربوط به فایل cxPC.pas که باید تغییر بدید:

procedure TcxCustomTabControlViewInfo.CalculateLongitudinalT  abPositions;

توابع مربوط به فایل dxRibbon.pas که باید تغییر بدید:

procedure TdxRibbonTabsViewInfo.CalculateScrollingTabLayout;

procedure TdxRibbonTabsViewInfo.DoCalculateSimpleTabLayout;

procedure TdxRibbonApplicationButtonViewInfo.Calculate;

procedure TdxRibbonViewInfo.CalculateTabAreaToolbar;

function TdxRibbonViewInfo.GetTabsBounds: TRect;

procedure TdxRibbonGroupsDockControl.UpdateGroupPositions;

[golbafan]

اگر توابعی رو که گفتم تغییر بدید میتونید به نتیجه ای مثل این برسید:

23.jpg

[sg.programmer]

اگر توابعی رو که گفتم تغییر بدید میتونید به نتیجه ای مثل این برسید:

23.jpg

طراحی خوبی شده
اگه ممکنه بفرمایید از چه کامپوننت های در برنامه تون استفاده کردید؟ ( گرید - تب - ToolStrip و فونت و Statusbar و....)

[miladdmax]

اگر توابعی رو که گفتم تغییر بدید میتونید به نتیجه ای مثل این برسید:

23.jpg

جناب گلبافان میتونم خواهش کنم اون یونیت ها رو که اصلاح کردید رو به ایمیل من بفرستید من هر چی تلاش کردم نشد اصلاحش کنم - miladhsb932@gmail.com

[pooya_friend]

@

ebrahim.rayatparvar

ممنونم ازت بخاطر نظر بسیار مفیدت.این برنامه رو تفریحی نوشتم ولی برنامه جدیدی که میخوام شروع کنم حتما سعی میکنم UI‌خیلی بهتر بشه.

[barnamenevisjavan]

سلام بجای این رابط کاربری چه نوع رابط کاربری پیشنهاد میدین؟

[golbafan]

سلام بجای این رابط کاربری چه نوع رابط کاربری پیشنهاد میدین؟

با سلام

1- استفاده از ریبون دیگه داره قدیمی میشه. مشکلش اینه که فضای زیادی رو اشغال میکنه.
2- ترکیب رنگ خاکستری برای اغلب کاربران جالب نیست.
3- استفاده از اینهمه پروگرس دایره ای شکل همسان در کنار هم اصلا ایده خوبی نبوده و اعصاب خورد کن هست.
4- بنظر میرسه از آیکون های قدیمی استفاده کردید و همچنین اونها رو از مجموعه های متفاوت در کنار هم جمع کردید.
5- بیشتر فونت ها ریز و ناخواناست.
6- در قسمت داشبورد موارد مهم تر را با نمودارها نشان بدید و یک بخش هم برای "نمایش اطلاعات بیشتر" در نظر بگیرید که متنی باشد.
Dashboard-Web-App-Product-UI-Design.jpg

7- در جدول سمت راست استفاده از تصاویر دایره ای خطاست. میتوانید از شکل زیر برای ایجاد جدول دانش آموزان ایده بگیرید
4.jpg

[golbafan]

طراحی خوبی شده
اگه ممکنه بفرمایید از چه کامپوننت های در برنامه تون استفاده کردید؟ ( گرید - تب - ToolStrip و فونت و Statusbar و....)

ترکیب devexpress و ehlib

[barnamenevisjavan]

با سلام

1- استفاده از ریبون دیگه داره قدیمی میشه. مشکلش اینه که فضای زیادی رو اشغال میکنه.
2- ترکیب رنگ خاکستری برای اغلب کاربران جالب نیست.
3- استفاده از اینهمه پروگرس دایره ای شکل همسان در کنار هم اصلا ایده خوبی نبوده و اعصاب خورد کن هست.
4- بنظر میرسه از آیکون های قدیمی استفاده کردید و همچنین اونها رو از مجموعه های متفاوت در کنار هم جمع کردید.
5- بیشتر فونت ها ریز و ناخواناست.
6- در قسمت داشبورد موارد مهم تر را با نمودارها نشان بدید و یک بخش هم برای "نمایش اطلاعات بیشتر" در نظر بگیرید که متنی باشد.
Dashboard-Web-App-Product-UI-Design.jpg

7- در جدول سمت راست استفاده از تصاویر دایره ای خطاست. میتوانید از شکل زیر برای ایجاد جدول دانش آموزان ایده بگیرید
4.jpg

بسیار ممنون دقیقا این طرحی که قرار دادین در نظرم بود ولی نمونه ای ازش نداشتم خیلی طرح زیبا و سبکی هستش، این تصاویری که گذاشتین قطعا برای وب هستش دیگه درسته؟
با Devexpress چطور میتونم همین طرح رو پیاده سازی کنم؟ از چه کنترل هایی استفاده کنم؟
اگه بخام اون navigation bar سمت چپ رو پیاده سازی کنم محتوای سمت راست رو به چه صورت باید نشون بدم؟ از usercontrol باید استفاده بشه؟

[Helpco]

سلام بر همه دوستان و مهندسین عزیز
نظرتون در این مورد چیه؟
این اولین برناممه ممنون میشم کمک کنین بهتر شم.

ضمیمه 133887ضمیمه 133889ضمیمه 133888

کامپونت چی؟

[رامین مرادی]

کامپونت چی؟

دات نت بار استفاده شده

[ebrahim.rayatparvar]

سلام خدمت دوستان عزیز.
من به همراه چند تا از دوستان روی یک نرم افزار تعمیرات نگهداری برای ترابری کار کردیم و با این حجم کار تا حالا تو ایران تولید نشده البته نکته مهم اینه ما 80% کار رو پیش بردیم سند ها زده شده و گزارشات مونده ولی به دلایل مشکلاتی مجبور به فروش برنامه شدیم برنامه هم بالای 100 فرم دارد و نکته این فرم ها هم در بعضی از فرم ها از سیستم تب بندی اشتفاده شده برای زیبایی و بهتر کردن برنامه که هر تب خودش به تنهایی یه فرم است برنامه هم به صورت 36 لایه پیاده شده است و برنامه نسخه قبلی به یکی از اورگان های نفتی و زیر مجمعه اون که 17 منطقه بودن فروخته شده. دیتابیس هم تا اینجا گامل است.

و همین الان هم 4 مشتر تایید شده که میخوان البته با 2 روز بازاریابی که یکی صدا سیما استان مازندارن بود که متاسفانه به دلیل مشکلی که پیش امده نمیشه فروخت و نرم افزار و سورس کامل تا الان رو میخوایم بفروشیم.
قیمت برنامه رو برای فروش 20 میلیون بود که این 4 مشتری باهاش مشکلی نداشتن.

حال به نظر شما سورس برنامه با 80% پیاده شده چند قیمت داده بشه خوبه.

[Mahmoud Zaad]

سلام خدمت دوستان عزیز.
من به همراه چند تا از دوستان روی یک نرم افزار تعمیرات نگهداری برای ترابری کار کردیم و با این حجم کار تا حالا تو ایران تولید نشده البته نکته مهم اینه ما 80% کار رو پیش بردیم سند ها زده شده و گزارشات مونده ولی به دلایل مشکلاتی مجبور به فروش برنامه شدیم برنامه هم بالای 100 فرم دارد و نکته این فرم ها هم در بعضی از فرم ها از سیستم تب بندی اشتفاده شده برای زیبایی و بهتر کردن برنامه که هر تب خودش به تنهایی یه فرم است برنامه هم به صورت 36 لایه پیاده شده است و برنامه نسخه قبلی به یکی از اورگان های نفتی و زیر مجمعه اون که 17 منطقه بودن فروخته شده. دیتابیس هم تا اینجا گامل است.

و همین الان هم 4 مشتر تایید شده که میخوان البته با 2 روز بازاریابی که یکی صدا سیما استان مازندارن بود که متاسفانه به دلیل مشکلی که پیش امده نمیشه فروخت و نرم افزار و سورس کامل تا الان رو میخوایم بفروشیم.
قیمت برنامه رو برای فروش 20 میلیون بود که این 4 مشتری باهاش مشکلی نداشتن.

حال به نظر شما سورس برنامه با 80% پیاده شده چند قیمت داده بشه خوبه.

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

[ebrahim.rayatparvar]

مرسی مهندس خیلی هم عالی

[golbafan]

سلام
کتاب آموزشی "رابط کاربری مناسب برای چشم انسان" رو تقدیم میکنم:

[barnamenevisjavan]

طراحی با wpf انجام شده

[NasimBamdad]

نوشته های منو سمت راست رو راست چین کنی بهتره .

[aliramazani]

طراحی با wpf انجام شده

به نظرم منوی سمت راست را دودی یا تیره کن

[barnamenevisjavan]

به نظرم منوی سمت راست را دودی یا تیره کن

بوردر برنامه و منوی سمت راست قابلیت تغییر رنگ توسط کاربر رو داره

[barnamenevisjavan]

نوشته های منو سمت راست رو راست چین کنی بهتره .

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

[NasimBamdad]

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

[user18]

demo12.jpgdemo100.jpgUntitled.jpgwpf.jpg

[aliramazani]

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

خیلی زیباست
موفق باشید
جو گیرم کردی پروژه نیمه کارمو از اول با wpf شروع کردم.

[user18]

سلام نظرتون راجع به این ui چیه
http://s8.picofile.com/file/83237605...mores.mp4.html

[vbhamed]

اون فرمهایی که گرد کردی دورشون رو اصلا اصلا جالب نیستن و خیلی تو ذوق میزنن

کل کار هم نیاز به پختگی بیشتری داره