Курс Изработка на сайт за медицински център
Изработка на уеб сайт за медицински център (реферат, курсова работа, дипломна, контролна)
ФЕДЕРАЛНА АГЕНЦИЯ ЗА КОМУНИКАЦИИ
Федерална държавна образователна бюджетна институция за висше професионално образование
„Санкт Петербургски държавен университет по телекомуникации на името на. проф. М. А. Бонч-Бруевич»
Катедра Информационни системи за управление
КУРСОВИ ПРОЕКТ
Информационна тема за дизайн:
"Изработка на сайт за медицински център"
Учителят Радевич С.П.
Студент (ка) гр. IST-21
1. Анализ на домейна
1.1 Определяне на предназначението и вида на обекта
1.2 Целева аудитория на сайта
1.3 Потребителски профили и алгоритми за тяхното взаимодействие със системата
1.4 Конкурентен анализ
1.4.1 Създаване на списък с конкурентни сайтове
1.4.2 Анализ на първите три ресурса
1.4.3 Анализ на конкурентни сайтове по критерии
1.4.4 Оценка на резултатите и заключения
2. Проектиране на ресурси
2.1 Структуриране на съдържанието
2.2 Проектиране на ресурсната структура
2.3 Дизайн на навигацията
2.4.1 Модулна решетка
2.4.2 Прототипи на типични страници ЗАКЛЮЧЕНИЕ СПИСЪК НА ИЗПОЛЗВАНИТЕ ИЗТОЧНИЦИ
В момента информационните технологии засягат почти всички сфери на нашия живот. Почти никоя компания, предоставяща определени услуги на пазара, не може без собствен уебсайт.
Следователно задачата на тази работа е да се създаде интернет ресурс за медицински център, който да помогне не само за развитието на бизнеса, но и на първо място на посетителите.
1. Анализ на домейн
1.1 Дефиниция на цели и типсайт
Цели и задачи на ресурса:
1. Създаване на благоприятно впечатление за фирмата
2. Привличане на нови клиенти
3. Привличане на нови служители
4. Поставяне на информация за услугите и тяхната цена
5. Опростяване на процеса на записване на час. Разработеният сайт е предимно корпоративен, насочен към разширяване на клиентската аудитория.
1.2 Целева аудитория на сайта
Целевата аудитория на този ресурс може да бъде много разнообразна.
Нека дефинираме основните групи и илюстрираме техните характери.
Основните групи посетители на сайта:
1. Частни клиенти
2. Корпоративни клиенти
1.3 Потребителски профили и алгоритми за тяхното взаимодействие със системата
За да направите потребителите по-конкретни, можете да ги превърнете в герои (понякога наричани потребителски модели или потребителски профили). Героят е измислен герой, който представя нуждите на цяла група реални потребители.
Като придават форма и име на различни елементи от данни, получени в резултат на проучване и сегментиране на потребителската аудитория, героите ще ни помогнат да запомним хората в хода на работата по проекта [1].
Характер #1: Частен клиент
Име: Голубева Олга ВалериевнаВъзраст: 37 години
Цел: Записване на час за преглед при специалист.
Фигура 1 - Сценарий на взаимодействие със системата
Характер #2: Корпоративен клиент
Име: Иванов Петър Иванович
Възраст: 42 години
Цел: Запишете служителите на вашата компания за годишен задължителен медицински преглед.
Този посетител ще се интересува от промоции. предложения за корпоративни клиенти.
Схемата за взаимодействие на потребителя с ресурса е показана на фигура 2.
Фигура 2 - Сценарий на взаимодействие със системата
Персонаж #3: Служител
Име: Морозова Светлана Сергеевна
Възраст: 49 години
Цел: Разберете графика на срещите за интересуващия ви период.
Най-важното за потребителя-служител на центъра ще бъде възможността бързо да разбере правилния график на работата си за следващата седмица/месец и, ако е необходимо, да го промени.
Схемата за взаимодействие на потребителя с ресурса е показана на фигура 3.
Фигура 3 - Сценарий на взаимодействие със системата
Персонаж #4: Кандидат
Име: Светлов Александър Леонидович
Възраст: 54 години
Цел: Разберете за свободни работни места в центъра, изпратете автобиография, запишете се за интервю.
За този посетител на сайта е важно да има раздел с предложения за сътрудничество и работа.
Схемата за взаимодействие на потребителя с ресурса е показана на фигура 2.
Фигура 4 - Сценарий на взаимодействие със системата
1.4 Анализ на конкурентите
1.4.1 Създаване на списък с конкурентни сайтове
Нека направим списък на основните конкуренти, като анализираме резултатите от различни заявки в най-големите търсачки (Таблица 1 и Таблица 2).
Таблица 1 - Списък на състезателите
Частни клиники Санкт Петербург
Управление на бременност spb
Таблица 2 - Класиран списък
Сайт
Брой споменавания в списъка
1.4.2 Анализ на първите три ресурса
Нека да изберем трите най-често споменавани сайта в нашия списък и да подчертаем характеристиките на всеки от тях (Таблица 3) (26, westud.ru).
Таблица 3 - Характеристики на основните конкуренти
Сайт
Коментар
— Структуриране на услуги за възрастни и деца;
- Възможност за извикване на лекар у дома;
- Изскачащи прозорци с обяснения при задържане на мишката върху услуга;
- Цените са само отделна позиция от менюто, не са посочени във всяка услуга поотделно;
-В дизайна са използвани поне 4 различни цвята, като в момента има новогодишен фон със снежинки, което още повече отвлича вниманието.
- На пръв поглед чист, лаконичен дизайн, успешна комбинация от сини и бордо цветове, прост бял фон;
-Падащо меню с услуги, което не е много удобно;
-Услугите са структурирани по направления, но няма обяснения за тях;
-Отделни цени, услуги и вход. Помежду си тези страници не са свързани по никакъв начин, което ще затрудни оставането на потребителя на сайта;
-Без избор на дата при запис;
-Има точка от менюто "За лекари";
-Английска версия на сайта.
- Опростен дизайн. Комбинацията от бели и сини цветове;
-На главната страница има анимирана картинка-план на сградата, което е разсейващо, защото когато задържите курсора на мишката върху определен отдел, името му изскача, но не може да се кликне;
-Има бутон "Всички услуги" и сбито меню вдясно;
-Има график, където можете да изберете датата и интервала от време и да разберете кои лекари са на разположение в интересуващото ви време;
- Много ненужна информация в описанията на услугите;
-Никога не успяхме да намерим цени за услуги, но има виртуална разходка, снимки на клиниката и лекарите, различни цитати от велики мислители на различни страници.
(Снимка 5 - www. medi-center.ru)
(Фигура 6 - www.medem.ru)
(Снимка 7 - www.medilier.ru)
1.4.3Анализ на конкурентни сайтовепо критерии
Нека направим списък с критерии, подходящи запосока на нашите сайтове. Нека да оценим съответствието на конкурентните ресурси с тези критерии по петобална скала (Таблица 4).
Таблица 4 - Сравнение на конкурентите по критерии
Структурирано меню и услуги
1.4.4 Оценка на резултатите и заключения
Както се вижда от таблицата по-горе, безспорен лидер е сайтът на компанията Medicenter. Въпреки не съвсем успешния дизайн, а именно цветовата схема, само на този ресурс информацията е структурирана възможно най-ясно за потребителя. Това е много важно в област като медицината.
2. Дизайн на ресурси
2.1 Структуриране на съдържанието
След като анализирахме тематичната област, решихме основната аудитория и оценихме възможните конкуренти, можем да продължим към директното проектиране на ресурса. Сега вече си представяме какъв вид съдържание имаме нужда и какъв вид съдържание само ще пречи. Основното остава - да го структурирате правилно, за да можете допълнително да оформите менюто и навигацията около сайта като цяло (Таблица 5).
Таблица 5 - Структура на ресурса по нива
Ниво 1 (основно)
Цени на отделен раздел
Всички промоции и отстъпки
Обаждане на лекар у дома
Формуляр за повикване на лекар
2.2 Проектиране на структурата на ресурсите
Структурата на сайта е основата за изграждане на последователност от данни, налични на сайта. С правилната структура на сайта е най-удобно за потребителите да преминават от една страница към друга и да изучават информацията, от която се нуждаят.
Структурата на прогнозирания ресурс е показана на фигура 8.
Фигура 8 - Структура на сайта
2.3 Дизайн на навигацията
Дизайнът на навигацията е сложен процес. Пълната навигационна схема за този ресурс ще бъде трудна завъзприятие, така че ще разгледаме навигацията само в някои части (Фигура 9).
Фигура 9 - Навигация
2.4 Прототипиране
2.4.1 Модулна мрежа
Нека разработим модулна мрежа за нашия ресурс (Фигура 10). Използваме дизайн на колони, за да структурираме подредбата на всички елементи на страницата.
Ширина на сайта — 1024 px, Ширина на мрежата — 100 px, Брой колони — 8,
Ширина на колоната - 118 px, Разстояние между колоните - 8 px.
Фигура 10 - Модулна решетка
2.4.2 Примерни прототипи на страници
Въз основа на гореизложеното, нека започнем да създаваме прототипи на три нива на страници. За целта бяха избрани следните страници: „Основна“, „За деца“, „Услуга“. В хода на работата бяха разработени много опции, скици и скици (Фигура 11). След това с помощта на Adobe Illustrator бяха създадени окончателните статични прототипи на трите нива (Фигури 12, 13, 14).
Фигура 11 - Скици на прототипи
Всички елементи, обозначени с подчертан текст, могат да се кликват.
Фигура 12 — Прототип на първо ниво
Фигура 13 - Прототип на ниво 2
Фигура 14 - Прототип на трето ниво
Този проект предвижда раздел „Личен акаунт“, който не беше намерен в нито един сайт на съществуващи компании, проучени в хода на работата. Благодарение на това има възможност за регистрирани потребители и редовни клиенти да съхраняват информация, да се запознават с резултатите от изследванията и бързо да записват. Служителите на компанията също могат да използват личния акаунт, за да се запознаят с графика и да го коригират.
уебсайт за потребителска навигация в профила
ОБОБЩЕНИЕ
Този проект представя развитието иизработка на уеб сайт за медицински център, предлагащ платени услуги.
В хода на работата бяха определени целите на сайта, нуждите на потребителите. Целевата аудитория беше анализирана и сегментирана, за всяка група беше създаден герой и бяха разработени алгоритми за взаимодействието им със системата.
След анализ на конкурентите беше извършен дизайнът на системата. Създадена е структурата на сайта и неговата навигация. След това беше проектиран визуалният дизайн на системата, а именно бяха създадени прототипи на типични страници на сайта.
Разработеният ресурс отговаря на съвременните тенденции в областта на уеб разработката, а именно теорията на дизайна на взаимодействието.
СПИСЪК НА ИЗПОЛЗВАНИТЕ ИЗТОЧНИЦИ
1.Д. Гарет „Уеб дизайн. Елементи на преживяване на взаимодействие”/Символ-Плюс, 2008, 192 стр.
2.Алън Купър, Робърт М. Райман, Дейвид Кронин „Алън Купър и интерфейс. Основи на дизайна на взаимодействието“/Сивол-Плюс, 2009 г., 688 стр.