Основы веб-технологий. Лекция 2. Дизайн и юзабилити / Учебный процесс в IT / Хабрахабр

Основы веб-технологий. Лекция 2. Дизайн и юзабилити

Я преподаю веб-технологии в Волгоградском государственном техническом университете.
Предыдущие темы (1, 2, 3) показали, что главная проблема — отсутствие курса лекций, излагающего кратко и понятно все, что нужно.
В предыдущей лекции шла речь об общих понятиях. Лекция я провел, все удачно. Благодарю всех, кто заинтересовался и помог.

Новая лекция — про дизайн и юзабилити.
Тема сложная, спорная, неоднозначная. Мы не готовим дизайнеров, мы готовим будущих менеджеров и технологов. Надо привить им правильное отношение к дизайну и основы умения его создавать, продумывать, чувствовать.

Предчувствую гору негативных откликов, но все же даю ссылку на вторую лекцию.

Лекции по веб-технологиям
Раздел 2.4. у меня вызывает противоречивые чувства. Не могу придумать ему нормальное название и определиться с тем, что же конкретно в него следует включать. Замысливался он как набор неких основополагающих принципов, без которых нельзя. Есть искушение вообще его убрать.

Благодарю за помощь и участие.

+10

28 сентября 2008, 00:42

stepan_ovchinnikov

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

комментарии (37)

Exabiche 28 сентября 2008, 01:07 #

А HTML-версию сделайте, а?

Terehoff 28 сентября 2008, 01:13 #

Я считаю, что вы молодец и двигаетесь в правильном направлении. Но вся беда вашего курса в том, что он слишком обширен. Я думаю, что нельзя при посредственном желании научиться хотя бы основам веб-технологий за полгода. Тем более, если вы готовите менеджеров и технологов. Нельзя. Нужно иметь шило и много времени. Причем большинство времени должно быть посвящено чтению и самостоятельной практике. Мое мнение. Кто не согласен — минусуйте.
Но я бы с удовольствием сам прослушал бы ваш курс, думаю было бы приятно )

Pilat 28 сентября 2008, 01:19 #

«излагающего кратко и понятно все, что нужно».
Каждое второе слово — спорно. «Кратко» — это как? На 100 часов это кратко или нет? «Понятно» — кому понятно, если «кратко»? «все, что нужно» — кому нужно? То есть мы тут годами эти технологии изучаем, а на самом деле всё что нужно можно «кратко»?

iamql 28 сентября 2008, 13:00 #

У меня открылся пдф с шестью пустыми страницами.

stepan_ovchinnikov 28 сентября 2008, 13:25 # ↑

ой. при закачке инет отрубился, фтп залил только часть. вот и результат. обновлено.

KonstRuctor 28 сентября 2008, 13:02 #

И у меня открылся PDF с шестью пустыми страницами.

jcd 28 сентября 2008, 13:05 # ↑

Можно скачать и открыть «Все лекции» — там есть лекция №2.

freefd 28 сентября 2008, 13:11 # ↑

аналогично :)

iamql 28 сентября 2008, 13:14 # ↑

«Дзен веб-технологий :)

stepan_ovchinnikov 28 сентября 2008, 13:26 # ↑

исправлено

перезалил

shootnix 28 сентября 2008, 13:18 #

Наверное, надо распечатать пустой pdf и подержать над свечкой :-)

Icar 28 сентября 2008, 13:31 #

то: stepan_ovchinnikov

Есть такой человек как Евгений Попов, думаю многие знают его видеокурсы. Возможно имеет смысл и вам делать паралельно с печатным вариантом — видео курс (голос + запись действий с экрана, у Е. Попова есть описание софта под данную задачу). Как показала практика, довольно эффективная штука.

Также можно сделать более расширенную версию учебника, тобишь о отдельных элементах подробнее + доп материалы. Это в плане создания идеального учебника.

+1 к HTML верии

Cont 29 сентября 2008, 04:32 # ↑

Нашел. Camtasia Studio Buy $299.00
Я использовал бесплатные видеограбилки с экрана и микрофона.

–2

DIDJER 28 сентября 2008, 15:30 #

как вообще можно творчество, а именно дизайн делить на парвельное и неправельное, я считаю нужно рассказывать только об доступных инструментах а не навязывать.

Vii 28 сентября 2008, 15:53 #

В предыдущей лекции шле речь об общих понятиях. Лекция прошла, мне кажется, все удачно.

Опечатались?

Плюс, может кроме «Лекция 2. Дизайн и юзабилити» и «Все лекции» еще стоит добавлять ссылку на «Лекцию 1»: так в последствии можно будет скачать отдельный файл (а не копаться во всём курсе).

–3

kiev 28 сентября 2008, 16:38 #

Сайты надо делать на Drupal )
а серверы на дебиане )))

–1

BekoBou 28 сентября 2008, 18:37 #

Сам файл не читал. причина тому моё сомнение — чему может меня научить человек в дизайне, который так (см. рис 1 — небольшая часть документа) оформляет свои документы?

Рис 1

Мне кажется так концентрировать внимание читателей этого документа — это мягко говоря отвратительно с точки зрения дизайна.

По поводу юзабилии могу сказать — что в документе банальных его частей нет. Когда я беру документ, я хочу видеть что в нём содержится. В данном примере даже содержания нет. Соответственно я должен просмотреть весь документ в поисках нужного мне раздела. Я уже не говорю о ссылках из содержания на нужную страницу.

Зато есть упоминание других частей, которые никак не относятся к данному документу, а только сбивают с толку.

Текст возможно и хороший, но как это преподнесли конечному пользователю — это ужасно. Автору советую, если он не может оформить документ, то лучше попросить кого-нибудь помочь, а не делать всё самому. Пусть каждый делает своё дело — авторы пишут, редакторы правят, верстальщики верстают, а критики критикуют.

Если я не прав, то скажите в чём.

Pilat 28 сентября 2008, 19:28 # ↑

Человек не дизайну учит, а делает обзорный курс лекций по всем мыслимым технологиям. Если ему это удастся — дизайн можно сделать и потом.

stepan_ovchinnikov 28 сентября 2008, 21:10 # ↑

я вам отвечу. эти части я после лекции раздаю студентам для подготовки докладов.
и я лично к дизайну не имею почти никакого отношения, поэтому прошу совета у специалистов

Zitrix 28 сентября 2008, 20:19 #

а где Web Content Accessibility? www.w3.org/TR/WCAG20/

iamql 28 сентября 2008, 21:31 #

По-моему детальное описание протокола HTTP в первой лекции лишнее. Лучше рассказать про существование RFC, и в самых общих чертах описать возможности протокола, не углубляясь в детали типа количества пустых строк после заголовка.

andrew_b 28 сентября 2008, 21:35 #

Степан, пробежавшись по тексту лекции, я задался вопросом: «Почему присутствует такой акцент именно на сайтах?» Это же лишь верхушка айсберга.

stepan_ovchinnikov 28 сентября 2008, 22:54 # ↑

ммм. а что является основным объектом в веб-технологиях? сайты, сервисы, интерфейсы, решения.
честно говоря, другого базового объекта обсуждения я и не вижу.

ваши предложения?

andrew_b 28 сентября 2008, 23:06 # ↑

Причина моего вопроса в том, что пользовательскими интерфейсами наш мир уж точно не обделён.
Ведь можно смотреть дальше веб-технологий. Ну, а если и так, сейчас растет количество веб-приложений, интернет давно перестал быть просто источником информации.
Планируется ли уделение внимания этим аспектам в ваших курсах?

stepan_ovchinnikov 29 сентября 2008, 08:31 # ↑

у меня предмет называется «веб-технологии». параллельно у них сейчас ведут человео-машинное взаимодействие, там, вероятно, будет все, о чем вы хотели сказать

andrew_b 29 сентября 2008, 09:00 # ↑

Спасибо за ответ.
Это хорошо, что у нас в Волгограде студентов этому тоже учат, не ожидал.
Удачи вам!

Pilat 28 сентября 2008, 22:17 #

Айсберг настолько большой, что не имеет принципиальной разницы какую часть его увидеть. Всё равно без практического использования толку не будет.

А HTTP протокол надо обязательно объяснять — на нём столько всего завязано.

WIRTEL 29 сентября 2008, 00:47 #

Хороший урок. За одно прочитал и пред идущие уроки. Мне как студенту понравилось, жалко, что у нас Вы не преподаёте :)

w3coder 29 сентября 2008, 01:49 #

Большой плюс вам за понимание, что «Дизайн всегда делается не для красоты «вообще», а для человека и удобства.» И фиг с ней — формулировкой, главное, именно понимание, это важно, потому что вы учите других.

По тексту лекции очень много спорным моментов, с которыми я не согласен, но вот уж совсем режут глаза:
— упоминание, что веб-дизайн это часть графического дизайна. Веб, все же, самостоятельная интерактивная среда и веб-дизайн решает в том числе задачи взаимодействия; так же как, например, и дизайн интерфейсов;
— формулировки как "… советы по проектированию дизайна", получается по проектированию проектирования, вы же правильное определение дали в начале самом, что дизайн — это и есть процесс проектирования, и хотя так же говорят и про результат этого проектирования, но в таком контексте все равно ухо режет. Чтобы не было путаницы, можно добавить, например, термин «макет страницы» или «шаблон страницы» или что-то вроде.

meshkoff 29 сентября 2008, 15:08 #

Вы еще раз доказали, что современное высшее образование — это всего лишь его симуляция. Вы создали еще одну, на мой взгляд, убогую методичку по примеру тех, которые издавались в совковсие времена по какому-нибудь другому техкурсу, где каждый «подподпункт подпункта» имеет своё вымученое определение и каждый термин отдаёт «премудрой стандартизацией».

«Дизайн — это процесс и результат художественно-технического проектирования бла-бла-бла...» — ппц! И после этого мы удивляемся засранности дизайна рунета?! Судя по всему (и по этой методичке), светлых перспектив ждать не стоит.

И раз уж вы специалист по юзабили, то почему вы не задатитесь вопросом, сколь много пользы можно вынести, полистав ваш труд?

stepan_ovchinnikov 29 сентября 2008, 15:18 # ↑

приведенная вами цитата — из википедии. мне она кажется совершенно точной

я не являюсь специалистом по юзабилити. где вы это прочитали? я являюсь директором веб-студии и параллельно преподаю веб-технологии в родном вузе.

как вы определите дизайн?

meshkoff 29 сентября 2008, 15:44 # ↑

Если вы не являетесь специалистом по юзабилити, то какого черта пишите про то, чего не знаете??? То, что вы директор своей веб-студии, еще не дает вам право писать про предметы, о которых вы и понятия не имеет. Пойдите в свою студию, найдите там дизайнера (настоящего дизайнера!), если таковой есть, и попросите его написать главу для ваших студентов.

Я не определяю дизайн, я его создаю!

ПС. И раз уж вы перепечатываете википедию(а, собственно, что вам еще остаеться при незнании дела), не легче ли просто дать на неё ссылку своим студентам и не тратить чужое время…

stepan_ovchinnikov 29 сентября 2008, 16:15 # ↑

ну вот и создавайте на здоровье, зачем столько агрессии?

давайте каждый займемся своим делом, и будем делать его наилучшим образом. мне в вузе поручено вести предмет. я имею на это право, и владею им достаточно неплохо. при этом что касается конкретно юзабилити, то я ориентируюсь на книги и открытые источники.

а вы, пардон, свои знания дизайна откуда почерпнули? прямо от господа бога? или учились?

есть что предложить — предложите. вашу агрессию я не понимаю.

meshkoff 29 сентября 2008, 16:30 #

Я учился и учусь у людей, которые знают дело, о котором ведут речь. Они конечно не пишут таких высоких вещей, чаще — просто публикуют своё портфолио. Вот имено, давайте каждый будет заниматься своим делом… а не писать учебное пособие по юзабилити, прочитав лишь его определение в вики.

И вам пардон ;-)!

stepan_ovchinnikov 29 сентября 2008, 16:42 # ↑

структуру курса вы можете посмотреть тут: habrahabr.ru/blogs/study/40527/
как видите, учебное пособие отнюдь не по юзабилити
если считаете, что юзабилити тут вообще не место, так и скажите. можете подсказать правильное определение — тоже будет не лишним. укажите на мои ошибки.

я как профессионал учился бы у вас и в рот, может быть заглядывал бы.
как преподаватель — обязан этому учить. и буду учить в меру своей компетентности, пока не появится кто-то, кто меня поправит и скажет как надо было.

не боги горшки обжигают, уважаемый.

alexandroid 23 октября 2008, 02:29 #

Я бы предложил разбавить текст какими-нибудь рисунками, диаграммами. Даже если вы это будете именно «читать», то есть диктовать студентам, вам лучше будет самому набрасывать эти рисунки на доске, чтобы использовалась визуальная память и были видны взаимосвязи и последовательности каких-то сущностей.

Те же этапы работы над дизайном сайта лучше изобразить в виде цепочки соединенных кружков с какими-то символами-значками (понятно, что весь текст в них писать нет смысла). Так будет более визуально легче запомнить и представить взаимосвязь, чем из сухого списка 1-2-3-4.

То же самое с разделениями дизайна. Представьте, что слова писать нельзя и нужно изобразить разделение картинкой. И вы сможете рисовать картинку, попутно проговаривая все слова усно. Мне кажется, так будет намного круче.

И вообще, наличие любых списков а-б-в-г и 1-2-3-4 должно настораживать — обычно это означает, что информацию можно преобразовать в более наглядный вид. Это такой же недостаток, как обилие ненумерованных списков в презентациях (bullet lists).

Учебный процесс в IT