طراحی HMI برای دستگاه های تلفن همراه

طراحی HMI برای دستگاه های تلفن همراه
08 ژوئن 20 | اخبار، نظارت و کنترل گیاهان

رابط های انسان و ماشین (HMI) که به خوبی طراحی شده اند، خطای اپراتور را کاهش می دهند و با کاهش زمان از کار افتادگی و افزایش ایمنی کارگران، میلیون ها دلار صرفه جویی در شرکت ها می کنند. برنامه نویسی HTML5 انتقال طرح های  HMI 107cv را به دستگاه های تلفن همراه امکان پذیر می کند، اما برنامه نویسی فقط یک عامل است. بیایید برخی از بهترین شیوه ها را برای عناصر طراحی HMI که به دلیل ملاحظات اندازه و رابط مخصوص دستگاه های تلفن همراه هستند، بیاموزیم.

ترکیب کنید تا متمایز شوید

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

ناوبری و طرح بندی

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

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

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

کنترل سیستم و اقدامات کاربر

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

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

شما باید کنترل‌های خود را با این فکر طراحی کنید که اگر این خطا امکان‌پذیر باشد، کسی آن را مرتکب می‌شود. بنابراین، طوری طراحی کنید که در وهله اول احتمال خطا یا اثر آن را به حداقل برسانید

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

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

با در نظر گرفتن مقیاس طراحی کنید

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

بسته شدن!

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

جوزف زولیک نویسنده و ویراستار MRO Electric است.