Jump to content
Sign in to follow this  
inokentik

Новостной сайт про Apple

Recommended Posts

Всем привет. Ну вот, почти и доделал очередной сайт. Хотелось бы послушать мнение. Но хотелось бы сразу оговорить:

 

1. смотреть только главную страничку (остальных еще нет)

2. смотреть строго с компьютера (еще не оптимизировал под устройства)

 

Хотелось бы услышать общее впечатление (мнение) судя лишь по главной страничке, ноя думаю что итак будет мысль сразу ясна и понятна. А собственно говоря вот и сам сайт: https://apple-news.su/

Share this post


Link to post
Share on other sites

Не продумана организация блоков по странице.

Зачем то в CSS пиксельные ограничения ширины, как например тут:

.osnova_news {
    display: block;
    width: 820px;
    background-color: #FFFFFF;
}

Сетка должна быть в процентах, обертка в пикселях (или тоже в %) в адаптивных сайтах.

14px для текста маловато. Сейчас уже 16px для body делают.

Отсюда и проблемы с отступами и не пропорциональностью блоков - картинки и текст с права от нее.

Было бы аккуратнее для блоков с фоном добавления border-radius 2px для смягчения.

 

Большая шапка, плохо организована.

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

Большая, не представляющая ни какой пользы картинка с эффектом частиц (который вставляют все кто первый раз увидел такой эффект).

Обычно большие картинки имеет место использовать при детальном просмотре новости, и она будет нести смысл новости. (как например, тут)

Для посетителя важен контент, поэтому нужно стараться дать быстрый доступ к нему.

 

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

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

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

Ссылка на Главную - зачем? Есть логотип со ссылкой.

Авторизация и Регистрация - зачем регистрироваться на этом сайте? - чтобы оставлять комментарии? может использовать комменты из ВК, facebook, Disqus и т.п. в которых люди уже авторизованы как правило.

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

Share this post


Link to post
Share on other sites
9 часов назад, pcvector сказал:

Сетка должна быть в процентах

с чего это вдруг? Адаптивная вёрстка это не проценты, а media в css

Share this post


Link to post
Share on other sites
В 18.05.2018 в 01:21, pcvector сказал:

Сетка должна быть в процентах, обертка в пикселях (или тоже в %) в адаптивных сайтах.

Ограничения в ширину тут не работают, просто лишние еще не убрал, сейчас все в процентном соотношении...

 

В 18.05.2018 в 01:21, pcvector сказал:

Отсюда и проблемы с отступами и не пропорциональностью блоков - картинки и текст с права от нее.

Не совсем понял, про какие вы говорите блоки, которые не пропорциональны???

В 18.05.2018 в 01:21, pcvector сказал:

Большая шапка, плохо организована.

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

 

В 18.05.2018 в 01:21, pcvector сказал:

Ссылка на Главную - зачем? Есть логотип со ссылкой.

Не каждый человек понимает, что логотип это ссылка на главную, поэтому и сделано отдельно ссылкой, так как в логотипе нет надежды на то, что кто то нажмет иконку)) Это как Вы выразились для продвинутых!

 

В 18.05.2018 в 01:21, pcvector сказал:

Авторизация и Регистрация - зачем регистрироваться на этом сайте? - чтобы оставлять комментарии? может использовать комменты из ВК, facebook, Disqus и т.п. в которых люди уже авторизованы как правило.

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

 

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

В 18.05.2018 в 11:16, odys сказал:

Адаптивная вёрстка это не проценты, а media в css

Не совсем так, можно все в процентах делать и будет такой же эффект, используя например теги движка [smartphone] или [not-smartphone]

Share this post


Link to post
Share on other sites
12 часов назад, inokentik сказал:

Не совсем так, можно все в процентах делать и будет такой же эффект, используя например теги движка [smartphone] или [not-smartphone]

адаптивность можно хоть и через таблицы сделать (натыкался на решение адаптивного table)

просто @pcvector написал, что должны быть проценты, а я с ним не согласился.

И ещё, не все пользуются мониторами ~24", а теперь смотри как твой сайт выглядит в % на мониторе 31"

https://screenshots.firefox.com/oXP3fcSKDnovp5zU/apple-news.su

а теперь как выглядит этот форум

https://screenshots.firefox.com/USST9jK82fUIQUPV/forum.dle-news.ru

Share this post


Link to post
Share on other sites
10 часов назад, odys сказал:

адаптивность можно хоть и через таблицы сделать (натыкался на решение адаптивного table)

просто @pcvector написал, что должны быть проценты, а я с ним не согласился.

И ещё, не все пользуются мониторами ~24", а теперь смотри как твой сайт выглядит в % на мониторе 31"

https://screenshots.firefox.com/oXP3fcSKDnovp5zU/apple-news.su

а теперь как выглядит этот форум

https://screenshots.firefox.com/USST9jK82fUIQUPV/forum.dle-news.ru

Понял) Немного ограничил общую ширину сайта) Теперь вроде нормально смотрится

Share this post


Link to post
Share on other sites
2 часа назад, inokentik сказал:

Теперь вроде нормально смотрится

на много

Share this post


Link to post
Share on other sites
В 06.05.2018 в 12:41, inokentik сказал:

Хотелось бы услышать общее впечатление (мнение) судя лишь по главной страничке

e63f6e74cee9.png

Edited by odys

Share this post


Link to post
Share on other sites
В 28.05.2018 в 00:27, odys сказал:

e63f6e74cee9.png

Спасибо, попробую что-нибудь из этого учесть!

Доделал вид полной новости: комментарии, рейтинги и тд) https://apple-news.su/instructions/62-kak-zaregistrirovat-amerikanskiy-apple-id-skachivanie-prilozheniy-iz-amerikanskogo-app-store.html

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...