SlideShare a Scribd company logo
1 of 10
Vsevolods Berzinsh 
Анализ собственного проекта на соответствие 
10 евристикам и юзабилити
Идея проекта? 
● Прежде всего, идеей проекта было создание 
нового информационного портала, 
направленного конкретно на определённую 
аудиторию — с определёнными вкусами и 
потребностями. 
● Данный портал будет посвящен спортивным 
и культурным объявлениям, что будет куда 
более эффективно чем facebook groups. ( с 
учётом синхронизации через facebook )
Демонстрация макета главной 
страницы 
Вы можете ознакомиться с макетами 
по ссылке, которую я выложил в своём 
блоге вместе с данным заданием.
1. Видимость состояния системы 
Система должна всегда информировать пользователя о 
состоянии своей работы. 
В данном случае я решил использовать показатель 
ONLINE / OFFLINE , и количество живых пользователей 
на сайте.
2,3.Обработка и предупреждения 
об ошибках 
На сайте используется умный поиск , который предлагает 
пользователю выбрать вариант из уже имеющихся дабы 
избежать последующей ошибки. Если поисковик не будет 
ничего выдавать , то скорее всего он переведет вас на 
страницу, где по запросу ничего не найдено. 
Также в правой стороне инпута видна refresh icon, что также 
показывает состояние системы в настоящем времени — 
поиск производится.
4,5. Наличие быстрого пути и 
время оповещения 
На изображении видно , что система сама подсказывает 
как правильно заполнять форму, система показывает 
мгновенно правильно ли была заполнена форма 
мгновенно. 
Также система подсказывает, что как правило checkbox 
выделен как true.
6. Закон Фитса 
Согласно закону Фитса, все кнопки по своей значимости 
выделены и по размеру и по расположению. Что 
скажется на юзабилити. 
Создать объявление на слайдере, выделяется для 
значимости. 
Кнопка добавить логично выделена и подходит в конце 
формы добавления объявления.
7. Единобразие и стандарты. 
Для экономии места и пространства,а также 
использования локаничного дизайна я использую 
общепринятые для восприятия иконки. По стандарту Font-awesome. 
На данном изображении видны: часы , календарь ( дата ) , 
map marker ( место мероприятия ) , человеческий силует 
( количество людей ).
8. Помощь и документация 
В данном случае мы можем использовать слайдер в 
качестве путеводителя. Тут можно поместить обучающее 
видео , вспомогательные слайды и прочее.
9. Эстетичный дизайн и 
минимализм 
По данному эскизу видно, что на сайте продемонстрировано только 
всё самое необходимое. Нету перенасыщения ненужной 
информации в которой пользователь может запутаться. Каждый 
раздел отвечает сам за себя, и можно понять на инстинктивном 
уровне где ты находишься.

More Related Content

Similar to Mock

Юзабилити сайта
Юзабилити сайтаЮзабилити сайта
Юзабилити сайта
Dmitry Satin
 
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
Lviv Startup Club
 
проектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазинапроектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазина
ITMsupport
 
Модуль 1 - вводная часть. seo и его роль в интернет-маркетинге
Модуль 1 - вводная часть. seo и его роль в интернет-маркетинге Модуль 1 - вводная часть. seo и его роль в интернет-маркетинге
Модуль 1 - вводная часть. seo и его роль в интернет-маркетинге
WeberneticFamily
 
Информационная архитектура веб-проекта
Информационная архитектура веб-проектаИнформационная архитектура веб-проекта
Информационная архитектура веб-проекта
Nimax
 
Infus. Virtual assistent
Infus. Virtual assistentInfus. Virtual assistent
Infus. Virtual assistent
lisersam
 

Similar to Mock (20)

Юзабилити Сайта
Юзабилити СайтаЮзабилити Сайта
Юзабилити Сайта
 
Юзабилити сайта
Юзабилити сайтаЮзабилити сайта
Юзабилити сайта
 
How to choose a computer on the Internet
How to choose a computer on the InternetHow to choose a computer on the Internet
How to choose a computer on the Internet
 
10 ошибок при создании продающего сайта
10 ошибок при создании продающего сайта10 ошибок при создании продающего сайта
10 ошибок при создании продающего сайта
 
Budgeting Software //BSAnalytics.com
Budgeting Software //BSAnalytics.comBudgeting Software //BSAnalytics.com
Budgeting Software //BSAnalytics.com
 
Дизайн мышление или почему так важно знать про правило 7 плюс/минус 2
Дизайн мышление или почему так важно знать про правило 7 плюс/минус 2Дизайн мышление или почему так важно знать про правило 7 плюс/минус 2
Дизайн мышление или почему так важно знать про правило 7 плюс/минус 2
 
скIm2 занятие 2 - seo, семантика
скIm2   занятие 2 - seo, семантикаскIm2   занятие 2 - seo, семантика
скIm2 занятие 2 - seo, семантика
 
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
 
UCD: основы процесса
UCD: основы процессаUCD: основы процесса
UCD: основы процесса
 
User Centered Design: обзор процесса
User Centered Design: обзор процессаUser Centered Design: обзор процесса
User Centered Design: обзор процесса
 
Cоздание эффективного сайта
Cоздание эффективного сайтаCоздание эффективного сайта
Cоздание эффективного сайта
 
проектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазинапроектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазина
 
ТЗ на сайт
ТЗ на сайтТЗ на сайт
ТЗ на сайт
 
проектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазинапроектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазина
 
Модуль 1 - вводная часть. seo и его роль в интернет-маркетинге
Модуль 1 - вводная часть. seo и его роль в интернет-маркетинге Модуль 1 - вводная часть. seo и его роль в интернет-маркетинге
Модуль 1 - вводная часть. seo и его роль в интернет-маркетинге
 
iCamp 2015. Леонід Слов’янов “Що насправді бачить на вашому сайті відвідувач?”
iCamp 2015. Леонід Слов’янов “Що насправді бачить на вашому сайті відвідувач?”iCamp 2015. Леонід Слов’янов “Що насправді бачить на вашому сайті відвідувач?”
iCamp 2015. Леонід Слов’янов “Що насправді бачить на вашому сайті відвідувач?”
 
Информационная архитектура веб-проекта
Информационная архитектура веб-проектаИнформационная архитектура веб-проекта
Информационная архитектура веб-проекта
 
Useful Meetup #3. Platform Thinking
Useful Meetup #3. Platform ThinkingUseful Meetup #3. Platform Thinking
Useful Meetup #3. Platform Thinking
 
Infus. Virtual assistent
Infus. Virtual assistentInfus. Virtual assistent
Infus. Virtual assistent
 
диагностическая карта
диагностическая картадиагностическая карта
диагностическая карта
 

Mock

  • 1. Vsevolods Berzinsh Анализ собственного проекта на соответствие 10 евристикам и юзабилити
  • 2. Идея проекта? ● Прежде всего, идеей проекта было создание нового информационного портала, направленного конкретно на определённую аудиторию — с определёнными вкусами и потребностями. ● Данный портал будет посвящен спортивным и культурным объявлениям, что будет куда более эффективно чем facebook groups. ( с учётом синхронизации через facebook )
  • 3. Демонстрация макета главной страницы Вы можете ознакомиться с макетами по ссылке, которую я выложил в своём блоге вместе с данным заданием.
  • 4. 1. Видимость состояния системы Система должна всегда информировать пользователя о состоянии своей работы. В данном случае я решил использовать показатель ONLINE / OFFLINE , и количество живых пользователей на сайте.
  • 5. 2,3.Обработка и предупреждения об ошибках На сайте используется умный поиск , который предлагает пользователю выбрать вариант из уже имеющихся дабы избежать последующей ошибки. Если поисковик не будет ничего выдавать , то скорее всего он переведет вас на страницу, где по запросу ничего не найдено. Также в правой стороне инпута видна refresh icon, что также показывает состояние системы в настоящем времени — поиск производится.
  • 6. 4,5. Наличие быстрого пути и время оповещения На изображении видно , что система сама подсказывает как правильно заполнять форму, система показывает мгновенно правильно ли была заполнена форма мгновенно. Также система подсказывает, что как правило checkbox выделен как true.
  • 7. 6. Закон Фитса Согласно закону Фитса, все кнопки по своей значимости выделены и по размеру и по расположению. Что скажется на юзабилити. Создать объявление на слайдере, выделяется для значимости. Кнопка добавить логично выделена и подходит в конце формы добавления объявления.
  • 8. 7. Единобразие и стандарты. Для экономии места и пространства,а также использования локаничного дизайна я использую общепринятые для восприятия иконки. По стандарту Font-awesome. На данном изображении видны: часы , календарь ( дата ) , map marker ( место мероприятия ) , человеческий силует ( количество людей ).
  • 9. 8. Помощь и документация В данном случае мы можем использовать слайдер в качестве путеводителя. Тут можно поместить обучающее видео , вспомогательные слайды и прочее.
  • 10. 9. Эстетичный дизайн и минимализм По данному эскизу видно, что на сайте продемонстрировано только всё самое необходимое. Нету перенасыщения ненужной информации в которой пользователь может запутаться. Каждый раздел отвечает сам за себя, и можно понять на инстинктивном уровне где ты находишься.