Форум на Kuban.ru (http://forums.kuban.ru/)
-   Веб-дизайн и программирование (http://forums.kuban.ru/f1030/)
-   -   Дизайн сайтов... Нужен ли и какой? (http://forums.kuban.ru/f1030/dizajn_sajtov_nuzhen_li_i_kakoj-5739857.html)

sodpd 25.05.2014 13:35

Дизайн сайтов... Нужен ли и какой?
 
В последнее время все чаще стали возникать спор по поводу дизайна сайта (даже здесь с dx0day).

По данному вопросу существует 2 позиции:
1. Главное дизайн (англо-саксонский подход), смысл в том, что главное - красота, а контент второстепенен.
2. Главное содержимое сайта (германо-российский подход), смысл в том, что главное - контент, а его визуальное отображение второстепенно.

Мы для своего сайта используем следующие инструменты:
[url]http://developers.google.com/speed/pagespeed/insights/[/url]
Google оценил наш сайт (по 100 бальной шкале) в 86 для десктопа и 58 для мобильный устройств.
[url]http://msurf.ru/tools/contentcheck/[/url]
Доля контента на странице 21.71 %
Скорость загрузки - 0,26

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

Промониторил наши работы (мы - [url]http://sodpd.ru[/url] 86/58/21.71/0,26):


[url]http://dashield.ru[/url] - 94/59/35,33/0,25
[url]http://uldetecktiv.ru[/url] - [b]98[/b]/58/[b]39,67[/b]/0,38
[url]http://muk-ustlab.ru[/url] (дизайн заказчика) - 84/57/1,15/[em]0,44[em]
[url]http://muk-ladoga.ru[/url] (дизайн заказчика) - 67/57/16,48/0,21
[url]http://окна-усть-лабинск.рф[/url] - 89/59/34,62/0,19
[url]http://ногтевоймир.рф[/url] - 67/[b]62[/b]/14,15/0,22
[url]http://cvetustlab.ru[/url] - [em]47[/em]/[em]44[/em]/[em]12,4[/em]/[b]0,14[/b]

Сравнил с некоторыми сайтами с форума:
mylandingpage5.ru - 62/53/0,73/0,15
geoneo.ru - [b]87[/b]/61/4,9/0,24
arg-krasnodar.ru - [em]53[/em]/[em]44[/em]/[em]0[/em]/0,36
web112.biz - 79/[b]64[/b]/[b]12.4[/b]/[em]0.54[/em]

И с некоторыми известными сайтами:
yandex.ru - [b]99[/b]/75/[em]0[/em]/[em]0.29[/em]
google.com - 92/[b]79[/b]/[b]1.13[/b]/[b]0.18[/b]
habrahabr.ru - [em]79[/em]/[em]58[/em]/[em]0[/em]/0.23



Хотелось бы услышать мнение по данному вопросу.

Boltas 25.05.2014 14:17

зависит от ца

dx0day 25.05.2014 18:37

Из вопроса в теме... нужен ли дизайн? однозначно нужен! Вопрос в другом, что вы подразумеваете под дизайном? Дизайн это не красивая картинка, чтобы не быть голословным прочтите в википедии ru.wikipedia.org/wiki/Веб-дизайн. Контент однозначно самая главная вещь на сайте, другое дело как этот материал подаётся. Насколько удобно читается текст? Его восприятие? Попадая на сайт будет ли пользователю понята цель сайта и то как в нём ориентироваться?
Не хочу Вас обидеть, но ваши работы мне не нравятся, почему? Причина как раз в дизайне, его просто нет.
Многие заказчики в РФ хотят именно такой дизайн, который предлагаете Вы, почему то у нас не любят хороший дизайн (не все повторюсь). И это очень печально...

dx0day 25.05.2014 18:41

[url]http://www.spaceistheplace.ca/[/url]
[url]http://www.lingscars.com/[/url]
[url]http://www.arngren.net/[/url]
[url]http://www.ronoslund.com/[/url]
[url]http://www.theworldsworstwebsiteever.com/[/url]
[url]http://www.rentmychest.com/[/url]

я думаю Вам понравится дизайн

robot bender 0002 25.05.2014 19:43

[quote=КК СПД;35328288]Главное дизайн (англо-саксонский подход), смысл в том, что главное - красота, а контент второстепенен. 2. Главное содержимое сайта (германо-российский подход), смысл в том, что главное - контент, а его визуальное отображение второстепенно. [/quote]

Вы хоть сами поняли что написали? [url]http://ru.wikipedia.org/wiki/%D0%90%D0%BD%D0%B3%D0%BB%D0%BE%D1%81%D0%B0%D0%BA%D1%81%D1%8B[/url]

sodpd 25.05.2014 20:04

2-dx0day > блин, как же тяжело с Вами разговаривать.
Дизайн - то, как выглядит сайт. Дизайн есть везде, где есть хотя бы 2 цвета...
Только сегодня под "дизайном" понимается например это [url]http://arg-krasnodar.ru[/url] - текстового контента на странице нет вообще.
или это
[url]http://mylandingpage5.ru[/url] - текстового контента менее процента!
т.е. максимум графики и минимум содержания.

Насчет сайтов - Вы ошиблись. Ошибка юзабилити первого - неконтрастный фон/текст, остальные перегружены графикой и цветовыми оттенками.


4-robot bender 0002 > понял, не волнуйся. В нашем диком мире и не такое возможно...

Возьмите немецкую или российскую энциклопедию и энциклопедия англии и ли США. В первых двух (хотя Российские все больше в сторону английской системы смотрят) будут статьи и к некоторым из них будут картинки, или чаще всего схемы. В энциклопедии США будут картинки с небольшими поясняющими надписями.

То что нас окружает имеет глубокие корни - например нотариусы пришли к нам из Древнего Рима, понятие "судебный прецендент" как раз придумали саксы и т.д. и т.п. Демократия пришла из Древней Греции и Новгорода... Так что понимаю и разбираюсь...

robot bender 0002 25.05.2014 20:09

То есть, Ваша основная стратегия- заболтать клиента и что нибудь ему впарить, пока он не очухался от словесного п***са?

dx0day 25.05.2014 21:31

[url]http://arg-krasnodar.ru/[/url] - я думаю это плохой пример демонстрации хорошего дизайна.
[url]http://mylandingpage5.ru[/url] - надо не забывать, это лендинг, его основная аудитория это потенциальные клиенты, им лень читать кучу текста чтобы узнать преимущества перед конкурентами, поэтому в бой вступает инфографика, имхо это хороший лендинг

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

"Насчет сайтов - Вы ошиблись. Ошибка юзабилити первого - неконтрастный фон/текст, остальные перегружены графикой и цветовыми оттенками." тут я Вас не понял

dx0day 25.05.2014 21:34

Посмотрите тот же хабр ([url]http://habrahabr.ru/[/url]). Его основная цель это подача материала, его дизайн отличный и не нагружает так как практически всё сделано при помощи CSS3

Boltas 25.05.2014 22:34

8-dx0day >ну ваще-то чрезмерное увлечение css3 не слабо грузит цп компьютера пользователя)

dx0day 26.05.2014 00:42

[quote=Boltas;35333054] 8-dx0day >ну ваще-то чрезмерное увлечение css3 не слабо грузит цп компьютера пользователя) [/quote]
Ну если использовать сложные 3d трансформации или что-то подобное то да, но на практике такое редко применяется.

dx0day 26.05.2014 00:43

Но анимация на css3 на порядок быстрей и легче чем js решения

Искусственный Интеллект1 26.05.2014 11:24

0-КК СПД > Автор, а может нужно почитать книги по дизайну и перестать писать какую-то чушь? Вы путаете gavno-дизайн с минималистичным дизайном. Минималистичный дизайн - не govno-дизайн! Сейчас очень популярен дизайн в стиле metro, в котором на первое место ставится контент, а потом - графика. К примеру, почитайте [url]http://habrahabr.ru/post/156625/[/url] .
А для начала советую почитать книгу "Веб-дизайн" от Дмитрия Кирсанова - узнайте основные принципы дизайна.

sodpd 26.05.2014 14:04

6-robot bender 0002 > неа, мы слушаем что хочет клиент, а не убалтываем его. Я прихожу с чистым листом и разными вариантами. Клиент выбирает и думает сам.

7-dx0day > ссылка на [url]http://arg-krasnodar.ru/[/url] устарела.
За лендинги (по своей сути страница-баннер) мы не говорим.

Хабр, кстати, уже не раз проводил редизайн.

12-Искусственный Интеллект1 > предпоследний дизайн сайта был именно "дизайн в стиле metro" (кстати очень похожий из статьи на хабре, картинка Metro Dashboard), но целевой аудитории не понравился.

[b]Здесь мы не обсуждаем наш сайт - мне хотелось бы услышать мнение о том, какое, на ваш взгляд, будет оптимальное соотношение дизайна и контента. Грубо - сколько в процентах должен быть контент от общего объема страницы.[/b]

"Свои" сайты я привел только потому, что они "под рукой".

Boltas 26.05.2014 14:27

[quote=КК СПД;35340635]"Свои" сайты я привел только потому, что они "под рукой".[/quote]

типа, а за чужими нужно кран и длиномер отправляь в ростов?))

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

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

а как думают другие?
да хз, каждый думает и видит по-своему, но меньше всего я доверяю всяким опросам

aqu 26.05.2014 15:29

0-КК СПД >графика\текст без разницы какое соотношение, должно быть хорошо для глаза, радовать сердце и создавать желание остаться. Это как с кафе, мы же краснодарцы, так возьмем например, недавно открывшийся тре**с - отличное кафе, вкусный кофе, глазу приятно.
А ваши сайты похожи на....подвал, старая кафешка, толстый слой пыли, нет может место и было ничего году эдак в 96м, но вряд-ли захочется тут остаться.

Искусственный Интеллект1 26.05.2014 16:49

[quote=КК СПД;35340635]Здесь мы не обсуждаем наш сайт - мне хотелось бы услышать мнение о том, какое, на ваш взгляд, будет оптимальное соотношение дизайна и контента. Грубо - сколько в процентах должен быть контент от общего объема страницы.[/quote]
Нет одного варианта исполнения дизайна, многое зависит от типа сайта. Перепечатывать текст из других источников нет жаления, поэтому просто приведу ссылку
[url]http://www.kirsanov.com/web.design/31.pdf[/url] - прочтите, будет полезно почитать.

sodpd 26.05.2014 23:35

14-Boltas > ну не в ростов, просто фиг его знает какой сайт "свежий", а какой лохмалого года. Да и сайтов миллионы, какие выбрать?

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

15-aqu >
16-Искусственный Интеллект1 >

Похоже действительно о вкусах не спорят.

shamanio 27.05.2014 09:40

Когда-то давно, рисуя свои собственные сайты, думал, что получаются они очень даже ничего. И только после того, как перестал этим заниматься, понял как же я себе сильно льстил... Видимо, у КК СПД та же история ;) Советую поработать с нормальными сайтами, чтобы уметь отличать нормальный сайт от плохого и от хорошего...

sodpd 29.05.2014 07:47

18-shamanio > эх... да кабы я их рисовал...

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

shamanio 29.05.2014 09:10

То, что Вы называете дизайном - коим не является, извините...

sodpd 29.05.2014 10:31

20-shamanio > хорошо, приведите пример хорошего дизайна с Вашей точки зрения.

shamanio 29.05.2014 12:52

Например, любой сайт, участвующий здесь [url]http://www.awwwards.com/[/url]

sashokanp1 29.05.2014 13:01

[url]http://ногтевоймир.рф/[/url] ваш сайт есть там ссылочки Наши партнеры вот это примеры хорошего дизайна сайта
а на вашем картинки это жесть, можно же что-то красивое всунуть, а не страшнючие нохти.
фон это ппц глаз режет, шрифты курсивом минус для читабельности
вот сами подумайте этот сайт должнден принести клиентов, вот я бы увидев данное произведение наоборот бы заминусовал данную организацию

fanatnascar 30.05.2014 15:11

Много цветов и ещё не радующих глаз.. Должно быть три цвета на сайте - белый фон, почти чёрный текст и фирменный, один цвет, немного )

Terios1 31.05.2014 23:05

0-КК СПД > сайты у вас жестокие к людям обладающим хоть небольшим вкусом. Спросите ещё у роботов яндекса и школа как они оценивают картины разных художников. Страница сайта и есть по сути картинка. Чтобы делать классный дизайн нужно заниматься самообразованием . Как можно сделать хороший сайт не понимая принципов цветоведения и композиции ? У редких людей это обучение происходит интуитивно просто от просмотра и анализа просматриваемых сайтов. Но вам нужно конкретно садиться за учебники, за самые азы. А пока жалко ваших заказчиков.

Terios1 31.05.2014 23:10

И ещё. Обладая достаточными знаниями в дизайне можно всегда убедить адекватного заказчика сделать все правильно, а не так как ему кажется. Ибо знания и опыт дают уверенность и она передаётся заказчику. К тому же большинство чувствует красоту интуитивно. Но создавать красоту интуитивно могут единицы.

shamanio 01.06.2014 12:37

Terios1 в предыдущем посте дело говорит, приятно видеть адекватных людей на этом богом забытом форуме)))

contorra 01.06.2014 14:54

22-shamanio > +100500! Awwwards и [url]http://www.thefwa.com/[/url] в помощь заблудшим - в качестве ориентира.

Boltas 01.06.2014 22:32

[url]http://ekostroy-yug.ru/[/url]
интересны ваши мнения о таком стиле главной страницы сайта

АйЯяйТи 27.06.2017 09:20

[url]http://smartbabr.com/?doc=223&frm=yd&yclid=1298684944817850284[/url]
Русская мифология: «крутой веб-сайт» как лучшая разводка XXI века
Ник Кравцов
Автор этой статьи профессионально занимается веб-разработкой, начиная с 1994 года, то есть с момента появления веба в России.

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

SanekSp 29.06.2017 16:05

30-АйЯяйТи >Статейка хорошая, но устарела лет на так на 5
Сейчас SEO рулит - Вот где РАЗВОД причем ни по детски!!!
Особенно когда возникают вот такие ТЕМЫ [url]http://forums.kuban.ru/f1030/pagespeed_insights_ot_google_i_szhatie_kartinok-8354040.html[/url]
Ну ладно там Автор продвинутый и делать ему было нечего.Так нет же даже Студии клюнули на эту удочку и предлагают оптимизацию сайтов под PageSpeed естественно за ХОРОШИЕ деньги :)
Вот только одна проблемка - даже Сайта, самых Крутых компаний, где куча прогеров, сеошников и прочих Менеджеров, не проходят этот ТЕСТ, и даже близко не приближаются к 100%.
Возникает простой ВОПРОС, а не развод ли это от самого ГУГЛА?
Если почитать РЕКОМЕНДАЦИИ по оптимизации (там же), то понимаешь - РАЗВОД цистой воды!
Ну хотябы это - [url]https://developers.google.com/speed/docs/insights/MinifyResources[/url]
Там Нам в первую очередь предлагают "использовать расширение PageSpeed Insights", а что уже КЕШ браузера не РУЛИТ, а если браузер не Chrome?
А вот теперь ВНИМАНИЕ!!! смотрим сюда - [url]http://www.pitomnikseverniy.ru/derevya.html[/url] (Модератор не убивай ссылку, это пример как делать НИЗЯ но если очень хотса,то МОЖНО).
И так с точки зрения того же PageSpeed - 0 !!! кто сможет МЕНЬШЕ?
Ну это и понятно - там простые "неграмотные" Юзверы сайт наполняют, без всяких Сеошников и Веб специалистов, просто из Админки.
По этому текстов (которые нам рекомендуют Сеошники) там просто НЕТ.
Да и Картинки там такие ОГРОМНЫЕ, что ни в одни ворота ни лезут, кроме как "всплывающего окна" при клике.
И мало того, эти ГАДЫ (Юзверы), умудрились в атрибут alt тега img впихнуть ОПИСАНИЕ (текст да еще в несколько строк).
В общем HTML там тоже в ворота НЕЛИЗЕТ!!!
Но людям нравится и мало того Яндекс - кушает, это ВСЕ. Сам в ШОКЕ!!!
Да и на продвижение этого Сайта тратится 0 руб, 0 коп.
Ну ЗВЕРИ одним словом :)

АйЯяйТи 19.10.2017 17:14

Должен ли у крутой компании быть крутой сайт?
Вот любопытный пример:
Осмелится ли кто опровергнуть, что «Когнитивные технологии» - ОЧЕНЬ крутая компания?
А сайт, вот:
[url]https://www.cognitive.ru/[/url],
слеплен на Wix-е максимум за полчаса).


Текущее время: 19:13. Часовой пояс GMT +3.