طراحی رابط کاربری در نرم افزار تجارت

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

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

به عبارت دیگر ، کارهایی که کاربر برای انجام آن در یک بستر معاملاتی انجام می دهد ، عبارتند از:

• تعیین یک شی برای خرید یا فروش (این شیء معمولاً یک ابزار نامیده می شود)
• زمان خرید یا فروش بهتر را تعیین کنید
• خرید یا فروش را انجام دهید
• تأثیر معامله را در حساب خود کنترل کنید.

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

ui انجام شد! تکه کیک ، اینطور نیست؟با این حال روند معاملاتی و یک طراحی UI کارآمد برای آن ساده نیست.

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

... و غیره. اینها قطعاً پیچیده ترین موارد موجود نیستند. مشکل این است که UI برای ارسال چنین سفارشاتی باید همه این سناریوهای بالقوه را در خود جای دهد.

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

و هنوز فراتر از همه اینها وجود دارد. اگر درگیر تجارت الگوریتمی باشد ، به یک UI کاملاً متفاوت نیاز دارد. از این گذشته ، شما نمی خواهید فقط دو دکمه کنترل کنند که ربات شرور قادر به اجرای تعادل حساب شما از 100k به صفر در هیچ زمان نیست. در نتیجه ، اگر سوئیچ را از کتابچه راهنمای کاربر به "Algo" تبدیل کنید ، ابزارها کاملاً متفاوت هستند.

نکته دیگر که باید به آن اشاره کنیم این است که معامله گران حرفه ای ابزارهای حرفه ای می خواهند. از دیدگاه رابط کاربری ، این به معنای "نگاه حرفه ای" یا ساده صحبت کردن است ، "چیزی که خیلی ساده به نظر نمی رسد". UI تجارت حرفه ای برای رفع تمام نیازهای بالقوه مشتری باید از پیچیدگی و قدرت کافی برخوردار باشد ، اما با وجود ظاهر تا حدودی در نگاه اول ، کاربر پسند است. به نظر می رسد که این نه تنها به برنامه های Pro True Pro بلکه برای آماتورها مربوط می شود - همه ما می خواهیم مانند بچه های جالب به نظر برسیم ، مگر نه؟

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

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

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

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

پس از آن از کجا شروع می کنیم؟اول از همه ، ما باید بپذیریم که دستگاه های مختلف ، چه تلفن های هوشمند ، iPad ها یا رایانه های رومیزی ، هر یک به یک رویکرد متفاوت نیاز دارند. استراتژی های موجود وجود دارد که می توان از آنها استفاده کرد ، و همچنین راه حل های جدید هوشمندانه نیز می تواند ایجاد شود. من یافته های تجربه Devexperts را که ما در طراحی محصولات خود برای دستگاه های مختلف استفاده می کنیم ، پوشش خواهم داد:

تلفن های هوشمند و دستگاه های کوچک

مشکلات این موارد با اندازه صفحه نمایش کوچک شروع می شود:

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

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

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

فرم ها مدولار ساخته شده اند که در ایجاد سفارشات پیچیده کمک می کند ، اما دکمه اصلی عمل همیشه روی صفحه می ماند.

iPad و تبلت ها

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

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

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

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

سیستم عامل های وب و دسک تاپ

برنامه های وب و "بومی" اکنون مشترکات زیادی دارند ، از جمله مشکلات UI. در اینجا چند مورد از مواردی که ما برای آنها طراحی می کنیم وجود دارد:

• سهولت جابجایی بین تنظیمات مانیتور چند و تک ، به عنوان مثالاز رایانه رومیزی تا لپ تاپ
• طرح های مختلف صفحه نمایش و مجموعه ابزار برای کارهای مختلف ، همه به راحتی قابل تغییر است
• حل مسائل مربوط به عدم وجود صفحه نمایش "املاک و مستغلات"
• راه های سازماندهی طرح بندی صفحه
• عملکرد سیستم و پیشرفت

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

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

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

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

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

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

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