search

LogicAndTrick / snarkpit-reboot

New version of Snarkpit
MIT License
0 stars 0 forks source link

V7 Reboot Draft Feedback #2

Open Riven202 opened 3 months ago

Riven202 commented 3 months ago

General Comments:

Home Page:

Maps Landing Page:

Map Detail Page:

Articles / Downloads Landing Page:

User Detail Page:

Forums

Group Landing Page:

More comments to come!

LogicAndTrick commented 3 months ago

Glad you're liking it overall, and this is great feedback. Going to make a checklist for myself to work on over the week. Also a few responses to questions/etc:

Checklist

LogicAndTrick commented 3 months ago

Progress in checklist above. Notes:

Riven202 commented 2 months ago

Hey Dan,

Thanks for continuing to stay on top of this and keeping things moving! I noticed some of the updates, and I think its coming along nicely! I've added my responses below your comments and numbered them for ongoing reference.

1. SVG Graphics / Updated Logo:

SVG (or even PNG) logo would be much appreciated, perhaps in various different layouts (e.g. logo only, logo + text, etc). I couldn't find the original art for the snark so I ended up clipping it out from the original site's graphics.

2. Responsive Ordering:

For changing the order on the mobile layout, I was able to get most of the changes you wanted except for "Recent Updates" which I couldn't put after "Recent Maps" - I can only change the order of things within the same column, but I can't put stuff from the left column underneath stuff from the right column. I put it below "Spotlight" instead, hopefully that's enough. If you really want it that order it's possible, but I would need to duplicate that section into both columns and toggle which one is visible based on the window size - not ideal, but doable.

  • Since Journals were always an underutilized tool, I'd like to avoid giving them a spot at the very top of the home page. Can recent journals section go beneath recent maps section on the medium and large screen breakpoints otherwise? I like where it appears beneath the recent maps on the small screen breakpoint now. Does that still keep it in the same column?

3. Star Maps:

I think I might have not implemented the "star maps" feature, should I add it in?

  • Yes please. That's essentially our recommended maps tag. These are maps that are definitely worth a user's time.

4. Online Users:

I can add the 'other users online' section back in, maybe it can just show logged in users based on their last activity? If they visited any page on the site in the last 10 mins maybe? Tracking the anonymous logins is a lot harder, and I'd like to avoid that if possible. Same for the link to the dedicated page of online users - it seems somewhat overkill. Maybe the whole thing could be replaced with an "active users" section on the home page, like TWHL has?

  • If you're referring to the awesome active user list on TWHL like below, then yes! I think that would be an awesome addition and provide some much-needed encouragement for users ghosting.
  • image
  • Can we add that beneath the Recent Forum Posts section on the home page?
  • I'm completely fine with eliminating the dedicated user's list page otherwise.
  • Additionally, can we add a new line to the common footer on each page?:
  • image
  • Into something that reads like:
  • © Snarkpit.net 2001 - 2024 • about us • contact 184 users online • 13 members browsing forums Snarkpit v7.0 created this page in 1.0037 seconds.

5. Forum Icons:

The forum thread icons just represent if there's new posts that were posted after your last login. I can add a tooltip to them.

  • I think that's completely fine and does the trick!

6. News Items:

I made some changes to the mobile home page - only the first news post is shown, and the first 3 spotlight items. Let me know if this is no good, I can change it back. I ended up changing TWHL to just one new post on the front page since we post news so rarely, and it doesn't make a lot of sense to make everyone scroll past multiple old news post to see the forum updates. Spotlight is 3 because 3 icons fits nicely into 1 row (4 seems a bit small, and 5 is way too small).

  • I think that's a good idea, especially for mobile. I know the "Community News" header at the top is a link to more news, but should there be a new button added beneath that post in the mobile version to "See more" ? But maybe that's not necessary. What are your thoughts?

7. BB Code:

BBCode - the old site had some weirdness going on with bbcode, especially in articles - some of it was pre-parsed and the html saved to the database, and some of it was parsed and converted into html when the page is loaded. It's more consistent now, the bbcode is saved to the database and also converted to html and that's saved into a second database field. It's a little bit more efficient than having to parse the bbcode for every post every time a page is loaded. The BBCode is actually using the same parser that I made for TWHL, which I call WikiCode. I removed most of the TWHL-specific features and added the missing SnarkPit features so it's pretty much compatible with how SnarkPit did it before. Markdown is probably not a good idea since there's a lot of history in the threads that use BBCode stuff that markdown doesn't support too well. My WikiCode variant is sort of a mashup of BBCode and Markdown which allows stuff like bold and /italics/ without typing [b]bold[/b] and so on, so hopefully it does the trick.

  • I think the new system works great, and don't have any other objections to what you pointed out. I think the new system makes a lot more sense for what we need.

Will follow-up with more comments.

Riven202 commented 2 months ago

Hope all is well, Dan! I've got another round of comments queued up, but I think this will cover the last of the design changes, and the rest should just be bug squashing. There was a bit of time between me initially testing the site to write these down, and me posting them here, so I noticed some were no longer issues, and appreciate you continuing to work on the site! I'm feeling really good about how both the mobile and desktop versions of the site are coming along. And it's performing beautifully for me! It's so wonderful to see the Pit get the kind of love needed to keep the content around. I really appreciate your time on all this.

Here's a design thoughts I had as I made efforts to check out both the mobile and desktop versions of the site:

Design Requests:

  1. Header Menu Links: image
    • The top menu links are noticeably different from the original website's link font, which I think will remain distracting to some past users. Does it break anything to update the font for those links to the standard web font: Impact at around 26 pt size, per my experiments below? image
  2. Side Sheet:
    • Can the menu items in the side sheet also match the font and style (all-caps) of the main menu?
  3. Threads:
    • Looks like some users have written URLs and other long strings in their user profile fields that appear next to their avatar on thread posts. Does it make sense to add a truncation script with an ellipsis to each of those items so as to prevent them from overrunning into the body of a post? I'd expect the following example might look something like: "https://www.gamebanana.c..." image
  4. Forum Icons:
    • On a forum's top page with the list of icons along the left side, can we have the icons stack vertically rather than horizontally? They take up a lot of room on mobile, and can make reading the forum topic rather difficult: image
  5. Thread Posts on mobile:
    • On the mobile post shown below, the default author section for each post takes up an inordinate amount of space, which can make for a lot of scrolling through a longer thread: image
    • Does it make sense to provide a different stacking arrangement on mobile breakpoints that reduce or limit some of the author's details? I really appreciate how it was accomplished on TWHL (highlighted below), and I can see that working on the Pit in a similar fashion: image
    • The SnarkPit always listed a lot with a user's post, notable even back on the early 2000's internet standards, so on mobile I would appreciate limiting most of those details in favor of a slimmed down thread to reduce scrolling. I still like the idea of listing their post quantity beneath their name, since that conveys some kind of seniority across user's feedback. Formatted, I can see the following info appear at each author's section above the post itself:
    • Riven
    • 1,628 posts
    • Posted on Sun Jul 7th 2024 at 4:22pm
    • I imagine the author's username would be a little larger font size than the other details.
  6. Thread Edit Buttons on Mobile:
    • The edit buttons on mobile when logged-in wrap in a way that looks odd or may take up more room than necessary in the overall height of each post. I understand this may only be an issue for the super admin profile, since that account is the only one that sees a delete button on every single post, so consider this a low-priority.
  7. Map Details Page:
    • Since there was always a bit of inefficiently distributed spacing for a Map's detail page, does it make sense to reorder or sort some of the sections to give more room to the Map Info section, as shown below? image
    • I imagine this would allow the Map Info section to grow into 2/3rds of the space provided ideally.
    • I'm ok if this means the map rating section needs to come before the downloads section in all breakpoints as they appear on the detail page.
    • Can we add a breadcrumb trail feature at the top of a map's detail page that gives you a link back to the Map's search page with that game category filtered? This would work in a similar fashion to the forum breadcrumb trail feature. So on a map it might read like: _"Maps / Counter Strike Global Offensive / surf_axbl..."
    • I can image the map name itself might need a truncation with ellipses added to prevent the breadcrumb trail from getting too long: image
    • I understand we already have links back to the map's game page, but this would standardize the breadcrumb feature in a way that makes it obvious no matter where you are on the site.
  8. About Us:
    • Have you visited the About us page (linked in the footer on each page)? Don't forget to add your own entry there, since you've more than earned it! Each developer has had an opportunity to leave their mark there no matter how promising or real you feel it might need to be. I like the sense of history it provides, and a bit of insight into the story of the Pit itself.
  9. Thread Reply Section on Mobile:
    • While I love how true-to-form you've been able to design and modernize the reply section on SnarkPit, I'm realizing on mobile breakpoints the Smilie section always left much to be desired.
    • The Smilies sections takes up more than its fair share of space on mobile. Does it make sense to collapse the list to a button on mobile similar to the other icon buttons throughout the rest of the site? image
    • I imagine using this icon or one similar in a button would be sufficient: https://fontawesome.com/icons/face-smile?f=classic&s=regular
    • Additionally, thinking through the location of the "Add signature" checkbox when the message preview can get quite long on mobile, does it make sense to move that checkbox together with the "Live Preview" checkbox so that its not as easy to miss?
    • If we also collapse the Smilies section, then I can image both the message preview and editing field would grow to fill the width like so: image
    • This way, when the Smilies button is expanded, it would fill the space in the way the reply section is currently formatted. What are your thoughts on this?

Bugs:

  1. Header:
    • At medium breakpoint, the top menu expands to wrap links (links that appear when logged-in), causing the SnarkPit logo graphic to split: image
  2. Thread Quote Button:
    • At some point when clicking the quote button on a thread to reply, the page seemed to time-out and never load up. This however, seems to have been fixed between the time I noted this, and posting it today.
  3. Thread Edit Buttons on Mobile:
    • The edit buttons on mobile when logged-in wrap in a way that looks odd or may take up more room than necessary in the overall height of each post. I understand this may only be an issue for the super admin profile, since that account is the only one that sees a delete button on every single post. So consider this a low-priority.
  4. Maps Pagination on Mobile:
    • Maps pagination runs off the edge of the screen when viewed at mobile breakpoint: image
    • I'm not sure if this means the pagination list is simply shorter at smaller breakpoints, revealing fewer pages to cycle through. What are your thoughts on that?
  5. Map Detail Page Image Buttons:
    • On first load of a Map's detail page, the image cycle buttons beneath the image appear correctly sized. However, on tapping or clicking one of them, they become a much larger size as shown below: image image
    • I don't necessarily mind the larger button sizes on mobile, as those appear correctly sized for tapping with a finger. I suspect however, the resizing behavior should not be dependent on clicking/tapping one of the buttons, but rather based on real-time breakpoint resizing?

Items I'm working on:

I will continue to review more of the site testing each of its features and will follow-up here. I'll start to limit my comments to bugs and no longer anticipate asking for any new feature requests like what was listed above, so we can start to wrap-up what we have.

Looking forward to hearing back!

LogicAndTrick commented 2 months ago

Thanks for the detailed feedback, those are all achievable - I'll probably work on them this upcoming weekend.

LogicAndTrick commented 2 months ago

Ok, I've worked through most of the most recent feedback - I'm aware I've still got some more things to do from the initial post.

Design requests:

Bugs: