КУЦЕНКО А. В., КОЛОСНІЧЕНКО О. В.

Київський національний університет технологій та дизайну, Україна

ЗАСТОСУВАННЯ ПРИНЦИПІВ ГРАФІЧНОГО ДИЗАЙНУ ПРИ РОЗРОБЦІ ІНТЕРФЕЙСУ КОРИСТУВАЧА ПРИЛАДОВОЇ ПАНЕЛІ АВТОМОБІЛЯ

Метою дослідження є аналіз засобів створення інтерфейсу приладової панелі автомобіля. Досліджується вплив графічного дизайну на інтерфейс, та його інтеграція з інформаційними технологіями.

Методологія. В роботі використано історіографічний аналіз та візуально-аналітичний метод на основі інтерфейсів приладових панелей автомобілів для дослідження художньо-композиційних особливостей у проєктуванні інтерфейсів транспортних засобів.

Результати. Статтю присвячено комплексному дослідженні інтерфейсу приладової панелі авто, особливу увагу приділено принципам графічного дизайну. Розглянуто види операційних систем, які складають основу інтерфейсу приладової панелі автомобіля. На базі стандартів, затверджених корпораціями Google та Apple, виявлено спільні та відмінні риси в інтерфейсах приладової панелі. Основний зміст дослідження складає аналіз інтерфейсів приладової панелі відомих автомобільних брендів. Розглянуто ключові етапи розробки інтерфейсу приладової панелі автомобіля. Виявлено вплив графічного дизайну на інтерфейс приладової панелі автомобіля, за допомогою застосування принципів композиції, формоутворення, кольорознавства та типографіки.

Наукова новизна полягає у виявленні основних принципів графічного дизайну при розробці інтерфейсу приладової панелі автомобіля. На основі вивчення результатів досліджень Д. Нормана та Я. Нільсена, А. Купера, Д. Раскина, П. Морвиля та Г. Крішна встановлено визначення поняття інтерфейс та важливість його взаємодії з користувачами.

Практична значущість. Результати роботи дають змогу розглянутидизайн інтерфейсів як перспективний напрям графічного дизайну та його інтеграцію з інформаційними технологіями.

Ключові слова: інтерфейс користувача (UI); графічний дизайн; графічний інтерфейс користувача; апаратний інтерфейс; приладова панель автомобіля; інформаційні технології (IT).

KUTSENKO A. V., KOLOSNICHENKO O. V.

Kyiv National University of Technology and Design, Ukraine

APPLICATION OF GRAPHIC DESIGN PRINCIPLES IN THE DEVELOPMENT OF THE USER INTERFACE OF THE CAR INSTRUMENT PANEL

The purpose of the study is to analyze the means of creating a car dashboard interface. The influence of graphic design on the interface and its integration with information technologies is studied.

Methodology. The work uses a historiographical analysis and a visual-analytical method based on car dashboard interfaces to investigate artistic and compositional features in the design of vehicle interfaces.

The results. The article is devoted to a comprehensive study of the car dashboard interface, with special attention paid to the principles of graphic design. The types of operating systems that form the basis of the car dashboard interface are considered. On the basis of the standards approved by Google and Apple corporations, common and distinctive features in dashboard interfaces have been identified. The main content of the study is the analysis of dashboard interfaces of well-known car brands. The key stages of the development of the car dashboard interface are considered. The influence of graphic design on the interface of the dashboard of the car was revealed, using the principles of composition, form formation, color science and typography.

The scientific novelty consists in revealing the basic principles of graphic design in the development of the car dashboard interface. Based on the study of the research results of D. Norman and J. Nielsen, A. Cooper, D. Raskin, P. Morvil and H. Krishna, the definition of the concept of interface and the importance of its interaction with users has been established.

Practical significance. The results of the work make it possible to consider the design of interfaces as a promising direction of graphic design and its integration with information technologies.

Keywords: user interface (UI); graphic design; graphical user interface; hardware interface; car dashboard; information technology (IT).

КУЦЕНКО А. В., КОЛОСНИЧЕНКО О. В.

Киевский национальный университет технологий и дизайна, Украина

ПРИМЕНЕНИЕ ПРИНЦИПОВ ГРАФИЧЕСКОГО ДИЗАЙНА ПРИ РАЗРАБОТКЕ ИНТЕРФЕЙСА ПОЛЬЗОВАТЕЛЯ ПРИБОРНОЙ ПАНЕЛИ АВТОМОБИЛЯ

Целью исследования является анализ спосо­бов создания интерфейса приборной панели автомобиля. Исследуется влияние графическо­го дизайна на интерфейс и его интеграция с информационными технологиями.

Методология. В работе использован исто­риографический анализ и визуально-аналити­ческий метод на основе интерфейсов прибор­ных панелей автомобилей для исследования художественно-композиционных особеннос­тей проектирования интерфейсов транспорт­ных средств.

Результаты. Статья посвящена комплексному исследованию интерфейса приборной панели авто, особое внимание уделено принципам гра­фического дизайна. Рассмотрены виды опера­ционных систем, составляющих основу интер­фейса приборной панели автомобиля. На базе стандартов, утвержденных корпорациями Google и Apple, обнаружены общие и отличи­тельные особенности в интерфейсах приборной панели. Основное содержание исследования составляет анализ интерфейсов приборной панели известных автомобильных брендов. Рас­смотрены ключевые этапы разработки интер­фейса приборной панели автомобиля. Выявле­но влияние графического дизайна на интерфейс приборной панели автомобиля посредством применения принципов композиции, формо­образования, цветоведения и типографики.

Научная новизна заключается в выявлении основных принципов графического дизайна при разработке приборной интерфейса панели авто­мобиля. На основе изучения результатов иссле­дований Д. Нормана и Я. Нильсена, А. Купера, Д. Раскина, П. Морвиля и Г. Кришна установлено определение понятия интерфейса и важность его взаимодействия с пользователями.

Практическая значимость. Результаты рабо­ты позволяют рассмотреть дизайн интерфей­сов как перспективное направление графичес­кого дизайна и их интеграцию с информацион­ными технологиями.

Ключевые слова: пользовательский интер­фейс (UI); графический дизайн; графический пользовательский интерфейс; аппаратный интерфейс; приборная панель автомобиля; информационные технологии (IT).

Література

  1. International Federation for Information Processing – IFIP. URL: https://hal.inria.fr/IFIP (дата звернення: 17.01.2022).
  2. Norman D. The Design of Everyday Things. Revised and expanded. New York: Basic Books. 2013. 347 с.
  3. Купер А., Рейман Р., Кронин Д. Алан Купер об интерфейсе. Основы проектирования взаимодействия. Пер. с англ. Санкт-Петербург: Символ-Плюс. 2009. 688 с.
  4. Раскин Д. Интерфейс: новые направления в проектировании компьютерных систем. Пер. з англ. Санкт-Петербург: Символ-Плюс, 2004. 272 с.
  5. Смирнова А. О. Тенденция развития информационных панелей автомобилей. Образование, наука, производство: материалы V международного студенческого форума (15 апреля 2011 г., Белгород). 2011. С. 15-16.
  6. Клещев А. С., Грибова В. В. Методы и средства разработки пользовательского интер­фейса: современное состояние. Программные продукты и системы. 2001. №1. С. 1-6.
  7. Jaques Т., Riener А., Schroeter R., Osswald S. Automotive User Interfaces and Interactive Vehicular Applications: Adjunct Proceedings of the 5th International Conference. Eindhoven, The Netherlands, Oct. 27th – Oct. 30th 2013. 121 с. URL: http://auto-ui.org/13/docs/aui_adjunct_ proceedings_final.pdf.
  8. Википедия. История информационных технологий. URL: https://ru.wikipedia.org/wiki/ (дата звернення: 11.02.2022).
  9. Budiu R. Tesla’s Touchscreen UI: A Case Study of Car-Dashboard User Interface. 2019. URL: https:// www.nngroup.com/articles/tesla-big-touchscreen/ (дата звернення: 18.02.2022).
  10. Google Design for Driving foundations. The core principle of Android for Cars is: Design for driving. URL: https://developers.google.com/cars/ design/design-foundations (дата звернення: 24.03.2022).
  11. Apple Developer. Human Interface Guidelines. URL: https://developer.apple.com/ design/ (дата звернення: 27.03.2022).
  12. Gordon K. 5 Principles of Visual Design in UX. 2020. URL: https://www.nngroup.com/articles/princip les-visual-design/ (дата звернення: 05.04.2022).
  13. United States Department of Transportation. Guidance Documents: General Highway Safety. URL: https://www.nhtsa.gov/laws-regulations/guidance-documents (дата звернення: 07.04.2022).
  14. Крічлоу К. В., Колосніченко О. В., Струмін­ська Т. В., Процик Б. О., Касс Б. В. Виникнення стилів “байкер” і “рокер” у сучасній світовій моді. Art and Design. 2020. №4(12). С. 123-135. DOI 10.30857/2617-0272.2020.4.10.
  15. Колосніченко О., Крічлоу К. Пропорціону­вання форми одягу водіїв спортивних моторизо­ваних транспортних засобів. Збірник матеріалів III Міжнародної науково-практичної конференції «Актуальні проблеми сучасного дизайну», м. Київ, 22 квітня 2021 року. В 2-х т. Т. 1. Київ: КНУТД, 2021. С. 133-136.

References

  1. International Federation for Information Processing – IFIP. URL: https://hal.inria.fr/IFIP/ (Last accessed: 17.01.2022) [in English].
  2. Norman, D. (2013) The Design of Everyday Things. Revised and expanded. New York: Basic Books. 347 p. [in English].
  3. Kuper, A., Reiman, R., Kronin, D. (2009) Alan Kuper ob interfeise. Osnovy proektirovaniia vzaimodeistviia [Alan Cooper on the interface.Interaction Design Fundamentals]. Sankt-Peterburg: Simvol Plius. 688 p. [in Russian].
  4. Raskyn, D. (2004) Ynterfejs: novye napravlenyia v proektyrovanyy komp’iuternykh system [Interface: new directions in designing computer systems]. Sankt-Peterburh: Symvol-Plius. 272 p. [in Russian].
  5. Smyrnova, A. (2011) Tendentsyia razvytyia ynformatsyonnykh panelej avtomobylej [The development trend of car information panels]. Education, science, production: materyaly V mezhdunarodnoho studencheskoho foruma (15 aprelia 2011) V International Student Forum. Belhorod. P. 15-16 [in Russian].
  6. Kleschev, A., Hrybova, V. (2001) Metody y sredstva razrabotky pol’zovatel’skoho ynterfejsa: sovremennoe sostoianie [User Interface Development Methods and Tools: The State of the Art]. Prohrammnie produkty y systemy – Software products and systems. №1. P. 1-6 [in Russian].
  7. Jaques, Т., Riener, А., Schroeter, R., Osswald, S. (2013) Automotive User Interfaces and Interactive Vehicular Applications: Adjunct Proceedings of the 5th International Conference (Oct. 27th – Oct. 30th 2013). 121 p. Eindhoven, The Netherlands, URL: http://auto-ui.org/13/docs/aui_adjunct_ proceedings_final.pdf [in English].
  8. Vikipediia. Istoriia informatsionnykh tekhnologii. URL: https://ru.wikipedia.org/wiki/ (Last accessed: 11.02.2022) [in Russian].
  9. Budiu, R. (2019) Tesla’s Touchscreen UI: A Case Study of Car-Dashboard User Interface. URL: https://www.nngroup.com/articles/tesla-big-touchscreen/ (Last accessed: 18.02.2022) [in English].
  10.  Google Design for Driving foundations. The core principle of Android for Cars is: Design for driving. URL: https://developers.google.com/cars/ design/design-foundations (Last accessed: 24.03.2022) [in English].
  11. Apple Developer. Human Interface Guidelines. URL: https://developer.apple.com/ design/ (Last accessed: 27.03.2022) [in English].
  12. Gordon K. (2020). 5 Principles of Visual Design in UX. URL: https://www.nngroup.com/articles/ principles-visual-design/ (Last accessed: 05.04.2022) [in English].
  13. United States Department of Transportation. Guidance Documents: General Highway Safety. URL: https://www.nhtsa.gov/laws-regulations/guidance-documents (Last accessed: 07.04.2022) [in English].
  14. Krichlou, K., Kolosnichenko, O., Strumins’ka, T., Protsyk, B., Kass, B. (2020) Vynyknennia styliv “bajker” i “roker” u suchasnij svitovij modi [Emergence of “biker” and “rocker” styles in modern world fashion]. Art and Design. 4(12). 123-135. DOI 10.30857/2617-0272.2020.4.10 [in Ukrainian].
  15. Kolosnichenko, O., Krichlou, K. (2021) Proportsionuvannia formy odiahu vodiiv sportyvnykh motoryzovanykh transportnykh zasobiv [Proportionation form the clothes of the water sports motorized transport facilities]. Zbirnyk materialiv III Mizhnarodnoi naukovo-praktychnoi konferentsii «Aktual’ni problemy suchasnoho dyzajnu» (22 kvitnia 2021). V 2-kh t. T. 1. Kyiv: KNUTD. 133-136.[in Ukrainian].