Электронный учебник "Детали машин"
 

Разработано: http://yemedia.ru

Красивые и понятные детали машин.



http://yemedia.ru/index.php?&id=16:d...nnye-uchebniki

P.S. Бета-версия:)

Ответ: Электронный учебник "Детали машин"
 

Ещё бы где помечено красным - мелкое всплывающее "название детали"

Ответ: Электронный учебник "Детали машин"
 

Чувствуется что не было продумано в деталях UX (User Experience), и функционал приложения. Т.к. есть моменты, где весьма не удобно ориентироваться.
Также отсутствие какого-либо guide'а, может сильно усложнить пользование даже столь простым прилежением, юзерам которые не совсем техничны.
То что там есть зуум, и т.п. - также как "находка", нежели данное функционалом, т.к. никаких пометок, или интерфейса нету для этих операций.

А так очень даже круто.

Ответ: Электронный учебник "Детали машин"
 

LLI.T.A.L.K.E.R
Ещё бы где помечено красным - мелкое всплывающее "название детали"...

С одной стороны вы конечно же правы, но вот с другой...
Иконки в меню придуманы не нами. Это условные обозначения кинематических схем.
http://ostankah.ru/stati/470-uslovny...skih-shem.html
Основное требование заказчика - чтобы студент мог сопоставить данное условное обозначение с реальной деталью.
В нашем случае программа как бы заставляет пользователя нажать на иконку для того, чтобы узнать название детали и как она выглядит. Обучение пользователя в данном случае более эффективно.


MoKa
"Чувствуется что не было продумано в деталях UX (User Experience), и функционал приложения. Т.к. есть моменты, где весьма не удобно ориентироваться."

Сроки очень сжаты:( Как появится время - будем дорабатывать.
Не могли бы вы привести моменты, где весьма не удобно ориентироваться? Заранее благодарю.

"Также отсутствие какого-либо guide'а, может сильно усложнить пользование даже столь простым прилежением, юзерам которые не совсем техничны."

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

"То что там есть зуум, и т.п. - также как "находка", нежели данное функционалом, т.к. никаких пометок, или интерфейса нету для этих операций."
Сделаем подсказки для этих операций.

"А так очень даже круто."
Спасибо:)

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

Ответ: Электронный учебник "Детали машин"
 

А как же дислексики? Правда это только в Европейских и Западных странах такие проблемы есть.

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

Далее нету кнопок навигации как говорил, но к ним не хватает более важных - reset camera.

Как понимаю стиль минимал, весьма похожий на то что любят в Google (тоже люблю). Вот посмотри хороший пример весьма эстетичного дизайна: https://developers.google.com/events/io/sessions
У вас с ним всё как бы хорошо, но чуток не хватает консистенции или какого-то минимализма, совсем чуток. Может это из-за того что схемы моделей чертёжные, но не стилизованы, и не совсем сочетаются, может по другим причинам.

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

Разрезы у моделей передачь, одинаковые разрезы, хотя модели разные.

Заголовок должен отъезжать вместе с левой панелью.

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

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

Это полностью личное мнение, не восприми не верное :)

Ответ: Электронный учебник "Детали машин"
 

Круто, что-то это мне напоминает:)
О подобной программе я говорил в Мести аспира.

Кстати Месть аспира накрылась медным тазом, я потребовал слишком много денег:-D

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

Единственное условие, если там реально что-то получится, то нужно держать булку вкурсе и продолжить Месть аспира:-D

Ответ: Электронный учебник "Детали машин"
 

Мы не относимся к Европейским и Западным странам:(

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

Вообще дизайнер создавал стиль как в Windows 8 на основе Metro.

Не успели сделать к сроку сдачи. Добавим этот функционал в ближайшее время.

Если честно, я в детмаше не очень шарю. Может быть, там и должны быть одинаковые разрезы? У заказчика претензий не было.

Заголовок проще сделать с отступом от левого края на расстояние ширины меню.

По поводу продуманности и диздока. Согласен полностью. Для данного проекты мы сделали диздок - он сильно облегчил разработку. Ни разу ничего не пришлось переделывать. Проект мы делали в основном на свое усмотрение, заказчик не вмешивался. Диздок не подписывали.

Не воспринял:) Большое спасибо за замечания!

Ответ: Электронный учебник "Детали машин"
 

Да не за что :) Интересно смотреть на разные проекты такого рода, если в них есть какие-то "проблемки", это полезно их замечать, а ещё приятнее видеть когда разработчики двигаются вперёд и развиваются.
С адекватным восприятием - это в разы проще. Просто частенько приходиться иметь дело с весьма "агрессивными" защитниками своих "тараканчиков", и поэтому пометил про восприятие :)

Удобно когда клиент не вмешивается, но если этого совсем нету, то бывает этого не достаёт.

Metro стиль, угу, он тоже очень минималистичен и лаконичен, тем более такой стиль разрабатывать намного проще, чем всякие gradient'ы, со стёклышками, выпуклостями и т.п., которые в 90% просто ужасно выглядят.

Ответ: Электронный учебник "Детали машин"
 

Мы не агрессивные:)
Подправили небольшие касяки. Убрали кнопку "Выход", оставили только "настройки".
Подправили отображение названий деталей при открытии меню.
Чуть позже изменим картинку на главной сцене. Добавим текст + иконки, которые сообщают о возможности скроллинга и вращения камеры.
Когда курсор на меню, скроллинг для детали не работает.