ВВЕДЕНИЕ 3
Глава I. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ ПРОЕКТИРОВАНИЯ ИНТЕРФЕЙСА ЛИЧНОГО КАБИНЕТА В
МОБИЛЬНОЙ И ДЕСКТОПНОЙ ВЕРСИЯХ 7
1.1. Личный кабинет с точки зрения проектирования 9
1.2. Внедрение медицинской информационной системы и ее безопасность 12
Глава II. ПРАКТИЧЕСКИЕ АСПЕКТЫ РАЗРАБОТКИ ИНТЕРФЕЙСА ЛИЧНОГО КАБИНЕТА ПАЦИЕНТА
МЕДИЦИНСКОЙ ОРГАНИЗАЦИИ В ДЕЯТЕЛЬНОСТИ ГРАФИЧЕСКОГО ДИЗАЙНЕРА 15
2.1 Стили графического дизайна: плоский дизайн, инклюзивный дизайн, хай-тек 15
2.2. Применение программ и инструментов 20
Глава III. ПРОЕКТИРОВАНИЕ ИНТЕРФЕЙСА ЛИЧНОГО КАБИНЕТА ПАЦИЕНТА ДЛЯ КЛИНИКИ
ВЫСОКИХ МЕДИЦИНСКИХ ТЕХНОЛОГИЙ ИМ. Н.И. ПИРОГОВА СПБГУ 22
3.1. Условия проектирования 22
3.2. Изучение аналогов личного кабинета пациента (анализ бизнес-портфеля) 23
3.3. Разработка интерфейса личного кабинета пациента клиники
высоких медицинских технологий им. Н.И. Пирогова СПбГУ 33
ЗАКЛЮЧЕНИЕ 45
СПИСОК ИНФОРМАЦИОННЫХ ИСТОЧНИКОВ 46
ПРИЛОЖЕНИЯ 50
Приложение 1. Словарь терминов 50
Приложение 2. Стили графического дизайна. Примеры 52
Приложение 3. Материалы первоначальной разработки
Актуальность исследования проявляется в необходимости разработки сценарно-графического решения интерфейса личного кабинета пациента для Клиники высоких медицинских технологий им. Н.И. Пирогова СПбГУ. В соответствии с этим актуальность исследования проявляется в изучении теоретического и практического материала, необходимого для разработки сценарно-графического решения интерфейса личного кабинета пациента для Клиники высоких медицинских технологий им. Н.И. Пирогова СПбГУ в сроки, утвержденные в указанном проекте:
Актуальность настоящего исследования также проявляется в острой востребованности обществом и профессиональными медицинским сообществами, организациями современных графических, функциональных решений личного кабинета пациента, выполненных в контексте гуманистических представлений и концепций о человеке, его здоровье и благополучии, глубоко связанных с персонально ориентированной медицинской помощью.
Меня заинтересовали проекты связаны с поддержкой человека, после была выбрана тема Методы и средства проектирования приложения для оказания и получения первой медицинской помощи.
Я сделала себе своеобразный вызов в виде переориентации задачи, так как стала больше погружаться в тему цифровых медицинских продуктов. Главной движущей силой этого выбора стала возможность разработать совместно с университетской клиникой высоких медицинских технологий им. Пирогова полноценное, востребованное приложение необходимое заказчику, а не учебное приложение с ограниченным потенциалом для дальнейшего внедрения. Как человек, который только начинает формировать себя в графическом дизайне, я открыла для себя возможность сменить ранее выбранную тему.
Актуальность окончательно выбранной мной темы связана также с необходимостью повышении эффективности работы с клиентами Клиники высоких медицинских технологий им. Н.И. Пирогова СПбГУ.
Резюме проекта: интерфейс личного кабинета пациента для Клиники высоких медицинских технологий им. Н.И. Пирогова СПбГУ для мобильного и десктопного отображения.
Цель теоретической части выпускной квалификационной работы — изучить виды подходов к разработке интерфейса, а также разобраться в уже существующих аналогах на рынке медицинских технологий. В итоге, на основе проведённых исследований, разработать и представить сценарно- графическую концепцию приложения личного кабинета пациента для Клиники высоких медицинских технологий им. Н.И. Пирогова СПбГУ.
Степень разработанности темы исследования (обзор литературы)
Знакомство с композиционной организацией началось с учебного пособия Зыряновой А.А. «Композиция мультимедийной презентации», дополнила информацию научной статьёй от Маховой А.И. Грошковой А.А. «Свойства композиции в графическом дизайне».
Помогло разобраться с медицинской телемедициной статьи от Лепехина А.А. «Формирование требований к ИТ-сервисам медицинских информационных систем, использующих технологии телемедицины» и Абдуганиева Ш. Х., Никонорова М. Л. «Цифровые решения в медицине». Изучая вопрос безопасности содержания электронных данных поспособствовало проведенное социологическое исследование группы представителей медицинского сообщества и представленно в работе Кубрика Я.Ю. «Информированность медицинского сообщества о цифровой медицине».
При практической работе над дизайном особенно полезным было изучение статей и научных работ Паршуковой Д.С., Ремарчука С. М. «Этапы развития архитектурного стиля Bio -Tech и его характерные отличительные особенности», Цветковой Л. А., Кузнецова П. П., Кураковой Н. Г. «Оценка перспектив развития мобильной медицины - mHealth на основании данных наукометрического и патентного анализа», Жуковой Е. «Социокультурная реальность Hi-Tech: изменение подготовки элиты будущего». Благодаря знакомству со стилем Hi-Tech описанного в данных статьях родилась возможность передать дизайн клиники с акцентом на её принадлежность к высоким технологиям.
Задачи исследования
1) определение методов проектирования интерфейса личного кабинета пациента для Клиники высоких медицинских технологий им. Н.И. Пирогова СПбГУ;
2) изучение и отбор средств, необходимых для функциональной, структурной, образно -композиционной разработки интерфейса личного кабинета пациента для Клиники высоких медицинских технологий им. Н.И. Пирогова СПбГУ;
Методы исследования
Исследование осуществлено с применением следующих методов: метод анализа, необходимый для изучения специфики личного кабинета пациента медицинской организации;
сравнительный метод, примененный при изучении аналогов разработанного личного кабинета
структурно-функциональный метод, основанный на выявлении структуры объекта и функциональных взаимосвязей между его элементами, необходимый для формирования образа и концепции личного кабинета пациента клиники;
Новизна исследования заключается в использовании индивидуальной и современной идеи представления дизайна мобильного приложения на рынке медицинских продуктов.
Теоретическая и практическая значимость проекта
• исследованы современные подходы к разработке интерфейса;
• анализ действующих медицинских личных кабинетов- приложений углубляет понимание и оценку существующих решений на рынке и принципов их работы;
• определение потенциала телемедицинских технологий для обеспечения безопасности электронных данных пациента будет способствовать концептуальным решениям графических дизайнеров на данном направлении работы.
Результаты данного исследования будут в дальнейшем использоваться Клиникой высоких медицинских технологий им. Н.И. Пирогова СпбГУ на рынке медицинских продуктов.
Данная выпускная квалификационная работа соединила неподдельный интерес автора к возможностям использования средств графического дизайна в социально ориентированных проектах медицинской направленности с теоретическим обоснованием и практической разработкой интерфейса, необходимого для обеспечения деятельности медицинского подразделения СПбГУ. Возможность испытать свои профессиональные компетенции и одновременно осуществить полезный для Университета проект стала ключевым стимулом для моей разработки.
Знакомство со спецификой деятельности медицинской клиники, функционалом личного кабинета пациента позволило осуществить дизайн - проект в соответствии с требованиями и ожиданиями заказчика.
Теоретический анализ стилей графического дизайна показал целесообразность интегрированного применения плоского, инклюзивного дизайна и решений хай-тек.
Практическая часть ВКР отражает представленные в ее теоретической части подходы, идеи, аналитические материалы и вместе с тем является самостоятельным творческим результатом учебной деятельности во взаимодействии с научным руководителем данного проекта.
1. Adobe After Effects. Wikipedia. [Электронный ресурс] URL: https://ru. wikipedia.org/wiki/Adobe After Effects
2. Figma. Wikipedia. [Электронный ресурс] URL:
http s ://ru. wikip edia. o rg/wiki/F igma
3. Keung Laura. 65 Design Terms You Should Know. [Электронный ресурс] URL:https://design.tutsplus .com/articles/60-design-terms -you-should-know--cms-34238
4. Vc.ru. [Электронный ресурс] URL:https://vc.ru/services/301753-after-effects-protiv-premiere-pro
5. Берд, Дж. Веб-дизайн. Руководство разработчика. / Дж. Берд. - СПб.: Питер, 2012. - 224 c.
6. Быковская, А. А. Сфера веб-дизайна и этапы его разработки / А. А. Быковская, М. А. Фролова // Сборник публикаций по итогам международной научно -практической конференции в декабре 2021 года, Москва, 20 декабря 2021 года. Том Часть 1. - Москва: ООО "Издательство "Спутник+", 2022. - С. 172-178. - EDN WTIZYT.
7. Васильева Екатерина Викторовна, Гарифуллина (Аристова)
Жанна Сергеевна Flat-design и система интернационального стиля: графические принципы и визуальная форма // Знак: проблемное поле медиаобразования. 2018. №3 (29). URL:
http s ://cyberleninka. ru/artic le/n/flat-design- i-sistema- internatsionalnogo-stilya-graficheskie-printsipy-i-vizualnaya-forma
8. Волчкова, С. А. Инклюзивный дизайн / С. А. Волчкова // 71-я
научно-техническая конференция учащихся, студентов и магистрантов : тезисы докладов, 20-25 апреля 2019 г., Минск : в 4 ч. Ч. 3. - Минск : БГТУ, 2020. - С. 787-790. URL:
https://elib.belstu.by/bitstream/123456789/35273/1/Volchkova Inklyuzivnyj dizajn.pdf
9. Галчинова Т.А. Влияние цвета на эмоциональное состояние
человека // Инновационная наука. 2020. №5. URL:
https://cyberleninka. ru/article/n/vliyanie-tsveta-na-emotsionalnoe- sostoyanie-cheloveka
10. Гарретт, Д. Веб-дизайн. Элементы опыта взаимодействия / Д. Гарретт. - СПб.:Символ-плюс, 2015. - 192 c.
11. Головач В.В. Дизайн пользовательского интерфейса (v 1.2) / В.В. Головач. - М.: 2013. - 159 c.
12. Дакетт, Д. HTML и CSS. Разработка и дизайн веб -сайтов / Д. Дакетт. - М.: Эксмо, 2015. - 480 c.
13. Жукова Е. Социокультурная реальность Hi-Tech: изменение подготовки элиты будущего // Высшее образование в России. 2006. №11. URL:https://cyberleninka. ru/article/n/sotsiokulturnaya-realnost-hi-tech-izmenenie-podgotovki-elity-buduschego
14. Зырянова Анна Александровна. Композиция мультимедийной
презентации. - Санкт-Петербург, 2011г. - 23 ст. URL:
http s ://s utd. ru/uplo ad/iblock/2d3/Zyryanova. pdf
15. Исмоилов Х.Б. Стили сайтов в веб-дизайне // Современные материалы, техника и технологии. 2018, с 49-53.
16. Кемпкенс О. Дизайн-мышление. Все инструменты в одной книге. — Москва: Эксмо, 2019. — 63с.
17. Креативные методы дизайна: Учеб. пособие / Т.Ю. Благова. - Благовещенск: Изд-во АмГУ, 2015. -72 с.
18. Леви Джейми. UX - стратегия. Чего хотят пользователи и как им это дать / Джейми Леви - СПб, Питер, 2017 - 304 с.
19. Лола Галина Николаевна Дизайн как коммуникативная практика
// Вестник Санкт-Петербургского университета.
Искусствоведение. 2012. №2. URL:
https://cyberleninka. ru/article/n/d izayn-kak-kommunikativnaya- praktika
20. Маклафлин Б. Объектно-ориентированный анализ и проектирование / Б. Маклафлин. — Санкт-Петербург: Питер, 2013. — 608 с.
21. Маркотт, И. Отзывчивый веб-дизайн: № 1 / И. Маркотт. - М.: Манн, Иванов и Фербер, 2012. - 176 с.
22. Махова А.И., Грошкова А.А. Свойства композиции в графическом дизайне // Решетневские чтения. 2017. №21-2. URL: https://cyberleninka. ru/article/n/svoystva-kompozits ii-v- graficheskom-dizayne
23. Михеева М.М. Введение в дизайн-проектирование / МГТУ им. Баумана, Москва, 2013
24. Назаров Ю.В., В.В. Попова. Инклюзивный дизайн: проблемы и
решения. [Электронный ресурс ] URL: https://xn—
7sbabalfgj4as 1arld1aqs8v.xn--
p1ai/uploads/catalogfiles/1418 sbornik 3-2016.pdf#page= 305 —
309с.
25. Овчинникова Раиса Юрьевна Графический дизайн в контексте
науки // В мире науки и искусства: вопросы филологии, искусствоведения и культурологии. 2016. №9 (64). URL:
https://cyberleninka.ru/article/n/graficheskiy-dizayn-v-kontekste- nauki
26. Паршуков Д.С., Ремарчук С. М. Этапы развития архитектурного
стиля Bio-Tech и его характерные отличительные особенности // Вестник ТГАСУ. 2020. №2. URL:
https://cyberleninka.ru/article/nZetapy-razvitiya-arhitekturnogo-stilya-bio-tech-i-ego-harakternye-otlichitelnye-osobennosti
27. Сысоева С. В. Использование цвета в рекламе // СТЭЖ. 2011. №12. URL: https://cyberleninka.rU/article/n/ispolzovanie-tsveta-v- reklame
28. Термины графического дизайна. [Электронный ресурс ] URL: https://fire-lo go. ru/graphic -design-terms
29. Уолтер А. Эмоциональный веб-дизайн/ Аарон Уолтер - М.: Эксмо 2012 - 367с.
30. Федотова Анастасия. Термины графического дизайна
[Электронный ресурс ] URL:http s ://anas d. ru/terminy- grafic hes kij -dizajn/
31. Цветкова Л. А., Кузнецов П. П., Куракова Н. Г. Оценка
перспектив развития мобильной медицины - mHealth на основании данных наукометрического и патентного анализа // Врач и информационные технологии. 2014. №4. URL:
https://cyberleninka. ru/article/n/otsenka-perspektiv-razvitiya-mobilnoy-meditsiny-mhealth-na-osnovanii-dannyh-naukometrichesko go -i-patentno go-analiza
32. Шарова, А. Е. Оценка возможности применения инклюзивного
дизайна в мобильных приложениях / А. Е. Шарова, Л. В. Герасимова, А. Ю. Шарова // Молодые ученые - развитию Национальной технологической инициативы (ПОИСК). - 2020. - № 1. - С. 739-741. - EDN GRSWPY. URL:
https://elibrary.ru/download/elibrary 42862546 30107400.pdf