что можно считать «современным дизайном» сайта

Автор Sorokin Vladimir, 04-12-2014, 20:15:52

« назад - далее »

Sorokin VladimirTopic starter

Пару дней назад я заказал (и получил) аудит своего сайта. Все рекомендации были четкими и понятными, а вот концовка...... Цитирую: «Мы бы посоветовали сделать более современный дизайн, но не переусердствуйте, чтобы скорость загрузки страниц оставалась такой же быстрой».

Я провел в интернете несколько часов, пытаясь определить, что можно считать «современным дизайном» сайта. Побывал и в студии Артемия Лебедева, но что-то не вырисовывается какой-то шаблон «современного сайта». Может, кто подскажет, что это такое? Спасибо!
Мой девиз:    Делу время, потехе – час!
Натяжка HTML шаблонов на MODX Rev, Joomla 3, GetSimpleCMS, MyEngineCMS,  Kandidat CMS.
  •  


bibika

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


Tekstilgrad-Maderas

Тоже интересна эта тема )) Ждемс умных умников со своим веским словом )
Из своих наблюдений заметил это неяркие модные тона кораллового цвета + нежно бирюзового на кнопках. Тени наклоненые в правый нижний угол как у гугла, например, в джимэйл. Поголовно у всех вижу верхний слайд бар, а еще обязательно какой-то нелепый листающийся слайдер )

bibika

#3
Современный дизайн сайта - это относительное понятие, так как тренды и стили меняются со временем. Однако, есть несколько основных принципов, которые можно учесть при создании современного дизайна.

1. Минимализм: современные сайты обычно имеют чистый и простой дизайн. Избегайте избыточной информации и элементов, которые могут отвлечь посетителей.

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

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

4. Читаемость и простота восприятия: шрифты должны быть четкими и удобочитаемыми. Текстовые блоки и разделы должны быть легко воспринимаемыми и понятными для пользователей.

5. Интерактивность: добавление интерактивных элементов, таких как анимации, переходы и кнопки соцсетей, поможет сделать сайт более привлекательным и удобным в использовании.

6. Плавные переходы и анимации: использование плавных переходов при загрузке страниц и анимаций при взаимодействии с элементами сайта помогут создать более привлекательное визуальное впечатление.

7. Цветовая гамма: выбор цветовой схемы должен быть сбалансированным и соответствовать вашему бренду. Современные сайты могут использовать яркие акцентные цвета, но важно не перегружать дизайн.

8. Типографика: выберите шрифты, которые выглядят современно и легко читаются. Экспериментируйте с разными шрифтами и размерами, чтобы создать уникальный стиль для вашего сайта.

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

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

11. Использование карточек: карточки являются популярным элементом современного дизайна, так как они позволяют удобно организовывать информацию и представлять ее визуально привлекательным способом.

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

13. Медиа-контент: помимо фотографий и видео, вы можете использовать другие типы медиа-контента, такие как графики, иллюстрации и аудио. Они могут создать дополнительный интерес и делают ваш сайт более привлекательным.

14. Разделение контента: разделите ваш контент на блоки и разделы для лучшей организации и удобства чтения. Это поможет пользователям быстро найти интересующую их информацию.

15. Интеграция соцсетей: добавьте кнопки и ссылки для доступа к вашим профилям в социальных сетях. Это позволит пользователям легко поделиться вашим контентом и расширить охват вашей аудитории.

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

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

18. Уделяйте внимание типографике: правильный выбор шрифтов и их сочетание может значительно повлиять на восприятие контента. Старайтесь использовать читабельные шрифты и создавать консистентность во всем дизайне.

19. Обратите внимание на пользовательский опыт: дизайн должен быть направлен на улучшение пользовательского опыта и удобства использования. Размещайте элементы на странице таким образом, чтобы пользователи могли легко найти то, что им нужно, и быстро осуществлять действия.

20. Использование новых технологий: следите за новыми технологическими трендами и функциями, которые могут помочь усовершенствовать ваш сайт. Например, включение интерактивных элементов, виртуальной реальности или искусственного интеллекта.

21. Использование пустого пространства: не бойтесь использовать пустое пространство в дизайне вашего сайта. Это поможет создать баланс и упрoстить визуальное восприятие контента.

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

23. Уникальные и консистентные элементы дизайна: создайте свой собственный стиль, который будет отличаться от конкурентов. Например, разработайте уникальный логотип, используйте согласованные цвета и типографику на всем сайте.

24. Оптимизация для поисковых систем: уделите внимание оптимизации вашего сайта для поисковых систем (SEO). Это может помочь увеличить видимость вашего сайта в поисковой выдаче и привлечь больше органического трафика.

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

26. Использование микроинтеракций: добавление мелких анимаций и эффектов при взаимодействии с элементами сайта может улучшить пользовательский опыт и сделать его более интерактивным.

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

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

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

30. Удобство использования: при проектировании дизайна сайта помните о главной цели - обеспечить удобство использования для посетителей. Сделайте сайт интуитивно понятным, легким в навигации и быстрым в загрузке.

31. Направленность на контент: уделите особое внимание оформлению контента. Создайте читабельные блоки текста с понятными заголовками, используйте списки и выделения для облегчения чтения. Контент должен быть информативным и легко доступным для посетителей.

32. Использование брендовых элементов: включите в дизайн сайта визуальные элементы, которые отражают вашу брендовую идентичность. Это может быть логотип, фирменные цвета или уникальные графические элементы. Такой подход поможет усилить узнаваемость вашего бренда.

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

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

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



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

Sorokin VladimirTopic starter

Цитата: bibika от 05-12-2014, 07:59:41гнаться за модными тенденциями и всех внедрять на сайте это фигня. Как по мне главное на сайте это контент, хоть и будет он черными буквами на белом фоне и простые картинки, а оформление это приятное дополнение, которое не должно отвлекать посетителя сайта от контента.
- я всегда старался придерживаться такой позиции и на первое место ставить контент, а уж дизайн, как бы дополнение, неброская рамочка к картине, которая не будет резать глаза и отвлекать от основного.
Мой девиз:    Делу время, потехе – час!
Натяжка HTML шаблонов на MODX Rev, Joomla 3, GetSimpleCMS, MyEngineCMS,  Kandidat CMS.
  •  


DenPavlov

Цитата: Sorokin Vladimir от 05-12-2014, 08:12:32я всегда старался придерживаться такой позиции и на первое место ставить контент, а уж дизайн, как бы дополнение, неброская рамочка к картине, которая не будет резать глаза и отвлекать от основного.

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

PS - секрет Лебедева в простоте, а однотипность работ он смазывает шрифтами, цветами, кнопочками, мелкими фишками...
  •  

Андрей88

Мое мнение таково - чем проще тем лучше!
Но здесь надо иметь чувство меры, чтобы не переусердствовать! Не нравятся мне слайдеры, которые полстраницы не понятно к чему призывают. ХРЕНЬ!!!
И изобилие рекламных блоков бесит.

Vladik007

Есть некая дань моде, например которую в свое время продиктовал windows 8, но тут сложно что то сказать. Если рассматривать с точки зрения современных требований к сайтам, то:
быстрый,мобильный адаптированный,удобный, понятный, интересный а главное полезный!!!
  •  


Tekstilgrad-Maderas

#8
Цитата: Андрей88 от 05-12-2014, 17:43:58
Мое мнение таково - чем проще тем лучше!
Но здесь надо иметь чувство меры, чтобы не переусердствовать! Не нравятся мне слайдеры, которые полстраницы не понятно к чему призывают. ХРЕНЬ!!!
И изобилие рекламных блоков бесит.
Полностью солидарен с вашим мнением!!! Слейдеры вообще раздражают да и замеры конверсии показывают, что статичные эффективнее )

Добавлено: 05-12-2014, 19:01:15


Цитата: Vladik007 от 05-12-2014, 18:07:16
современных требований к сайтам, то:
быстрый,мобильный адаптированный,удобный, понятный, интересный а главное полезный!!!

Даже не поспоришь  ;) но речь в теме все-таки о "современном дизайне", а не требованиях сайта


wassulmaier

Цитата: Tekstilgrad от 05-12-2014, 18:56:18
Даже не поспоришь  ;) но речь в теме все-таки о "современном дизайне", а не требованиях сайта

Именно это и есть современный дизайн.

1. Если вспомните, одно время назад не было ни Вконтакте, ни Одноклашек. Сейчас имея аккаунт в этих сетях можно быстро войти на любой сайт. Это уже понятие современности.

2. Можно в интернете лазить через планшеты. Бывает заходишь на сайт, а контент не вмещается в экране, приходится водить пальцем. Это неудобно.

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

4. И я считаю обязательно иметь не табличную верстку HTML, а блочную с приятным для глаза дизайном в исполнении CSS.
Развлекательный сайт- http://www.officeplankton.com.ua.
  •