User Tag List

Results 1 to 11 of 11

Thread: My personal site redesign, please critique.

  1. #1
    Senior Member MOFNY's Avatar
    Join Date
    Aug 2008
    Location
    East Greenwich, RI
    Posts
    4,789
     marinersfanfromny
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)

    My personal site redesign, please critique.

    Hey there everybody.
    Recently I decided to modernize the look and feel of my personal site.
    Old Site: https://royoswalt44.com.
    New Site: https://mofny.github.io.
    Firstly, I have a new host at Github Pages (highly recommend).
    Secondly, I used a new layout technique.
    If you are using an older browser, the site might appear as a complete unreadable mess.
    If you are using a mobile device smaller than a tablet, then it will also not be perfect.

    But I would like feedback from the laptop/desktop crowd.
    Please give me a critique.
    Because it's in development, not everything is guaranteed to look/act perfect.
    The header image, for example, needs a lot of work.
    The images in the image slider need help too (not working well in Firefox or IE10).

    For an optimal experience, please use the latest version of Chrome.

    Please note that this has taken a few weeks with many hours of hand-coded work, so "this looks terrible" is not a good critique.
    I didn't go out and using an existing template. Almost everything, included interactivity, was created by me.

    A couple notes on how to use the buttons in the various pages:
    Firstly, the floating bar will remember which you've opened. You can open/close any of them or all of them.
    Secondly, if you hover over an opened button for a second, it will take you to the top of that year.
    Lastly, you can stop any of the scrolling animations at any time by simply scrolling, using the mouse wheel, or clicking anywhere.

    Thanks again for your time.
    If anyone ever needs help in the realm of web development, please let me know.
    The site in question: https://mofny.github.io/
    -Chris
    Last edited by MOFNY; 08-14-2014 at 05:07 PM.
    https://royoswalt44.com/ - Over 1,800 different cards listed

  2. #2
    Member Dilferules's Avatar
    Join Date
    Aug 2012
    Location
    Auburn, WA
    Posts
    762
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I'm using Chrome version 36.0.1985.125, no idea if that's the newest or like 2 years old. Site looks cool, certainly better than mine. Few suggestions:

    The links to the different types of cards are a little difficult to see over the header image, as in some people might miss that there are links there.

    When I move the cursor over "The Definitive Roy Oswalt Collection" wording in the header it slowly shifts and changes size and color (and somehow "vibrates"), going from 2 rows of text to 1. Not sure if that's what you were going for or if it's a glitch with my browser but it's off-putting.

    Then I went to the autograph page to take a look and after viewing a couple the page started moving around on its own, scrolling to the bottom and bouncing around, and it didn't settle down until all of the images loaded.

    I've never been a fan of the "floating header" that follows you up and down a page and takes a second to bounce back to the top when you scroll anywhere. Speaking of the links to each year on the autograph page.

    Coupling the floating header with the fact that the card images shift everything on the page down when you put your cursor over one to increase the size, I feel like there's too much movement on the page. But then again I'm an old crank who remembers the internet from 1997 so maybe my opinions aren't shared by many others.

  3. #3
    Member
    Join Date
    Nov 2010
    Location
    Houston, Texas
    Posts
    1,463
     Jeff-sealevel
    Mentioned
    18 Post(s)
    Tagged
    0 Thread(s)
    Excellent look and feel. Good job! Only thing I can suggest is that it is a loooooonnnnngggg scroll to the bottom of the page. Less Blank space (I know it's in development). But overall it has a nice look.

  4. #4
    Senior Member MOFNY's Avatar
    Join Date
    Aug 2008
    Location
    East Greenwich, RI
    Posts
    4,789
     marinersfanfromny
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Dilferules View Post
    I'm using Chrome version 36.0.1985.125, no idea if that's the newest or like 2 years old. Site looks cool, certainly better than mine. Few suggestions:

    The links to the different types of cards are a little difficult to see over the header image, as in some people might miss that there are links there.

    When I move the cursor over "The Definitive Roy Oswalt Collection" wording in the header it slowly shifts and changes size and color (and somehow "vibrates"), going from 2 rows of text to 1. Not sure if that's what you were going for or if it's a glitch with my browser but it's off-putting.

    Then I went to the autograph page to take a look and after viewing a couple the page started moving around on its own, scrolling to the bottom and bouncing around, and it didn't settle down until all of the images loaded.

    I've never been a fan of the "floating header" that follows you up and down a page and takes a second to bounce back to the top when you scroll anywhere. Speaking of the links to each year on the autograph page.

    Coupling the floating header with the fact that the card images shift everything on the page down when you put your cursor over one to increase the size, I feel like there's too much movement on the page. But then again I'm an old crank who remembers the internet from 1997 so maybe my opinions aren't shared by many others.
    The title header has two rows of text? That I haven't seen before in my testing; it should have one. The vibrating can be fixed.

    As for the bouncing around, that is a known bug but usually only occurs at a very specific instance. I'll take a look. Did you happen to click the "open all" button then hover over the buttons before scrolling? That's the only way I can duplicate what you are talking about. And I have it set up that you can stop any animation by clicking or using the mouse wheel.

    I also don't like how things shift when you hover expand. That will be fixed.

    Would it be better if the floating bar simply stayed in place and didn't have a delay to snap back into place?

    Some good suggestions though. Maybe you could take a screen shot of the two row header? The font-size is supposed to shift based on screen resolution, so it doesn't make sense to me.
    Last edited by MOFNY; 08-14-2014 at 04:42 PM.
    https://royoswalt44.com/ - Over 1,800 different cards listed

  5. #5
    Senior Member MOFNY's Avatar
    Join Date
    Aug 2008
    Location
    East Greenwich, RI
    Posts
    4,789
     marinersfanfromny
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by jeff_bichel View Post
    Excellent look and feel. Good job! Only thing I can suggest is that it is a loooooonnnnngggg scroll to the bottom of the page. Less Blank space (I know it's in development). But overall it has a nice look.
    Yea it has been the way I've displayed them for a long time. If I find another good way to display them I might go with that.
    That's why I developed the buttons: to quickly get to different sections and navigate around the page.
    Thanks for your reply!
    https://royoswalt44.com/ - Over 1,800 different cards listed

  6. #6
    Member IUjapander's Avatar
    Join Date
    Jan 2011
    Location
    Indianapolis
    Posts
    1,003
    Mentioned
    14 Post(s)
    Tagged
    0 Thread(s)
    Always like looking at your site, and learning from you.

    I really like the base, inserts, parallels page the best. I like how if you click on an image you have the arrow that will jump to the next image. I spend a few minutes just going through that.

    My only two critiques have already been mentioned. The floating bar can't keep up and jumps around a lot. Looks worse when going up. If there was a way to lock it like FCBs think it would be better.

    Also the "jello" effect of when the image gets zoomed in. With it moving at me, and everything in the background shifting it was making me a little sea sick.

    Here is something that might need some tweaking




    Otherwise looks great.
    Have 15 minutes to kill? Check out my site...IUjapander Cards

  7. #7
    Senior Member MOFNY's Avatar
    Join Date
    Aug 2008
    Location
    East Greenwich, RI
    Posts
    4,789
     marinersfanfromny
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by IUjapander View Post
    Always like looking at your site, and learning from you.

    I really like the base, inserts, parallels page the best. I like how if you click on an image you have the arrow that will jump to the next image. I spend a few minutes just going through that.

    My only two critiques have already been mentioned. The floating bar can't keep up and jumps around a lot. Looks worse when going up. If there was a way to lock it like FCBs think it would be better.

    Also the "jello" effect of when the image gets zoomed in. With it moving at me, and everything in the background shifting it was making me a little sea sick.

    Here is something that might need some tweaking




    Otherwise looks great.
    Yup I have been lazy and haven't fixed that. Thanks for the screen shot that is highly appreciated.

    I'm thinking of moving to a fixed non jumpy floating bar.

    The jello effect will be fixed tomorrow. It was intentional, but I can see now that it is too distracting.

    Did you check out the redesign? https://mofny.github.io/
    https://royoswalt44.com/ - Over 1,800 different cards listed

  8. #8
    Member Dilferules's Avatar
    Join Date
    Aug 2012
    Location
    Auburn, WA
    Posts
    762
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by MOFNY View Post
    The title header has two rows of text? That I haven't seen before in my testing; it should have one. The vibrating can be fixed.

    As for the bouncing around, that is a known bug but usually only occurs at a very specific instance. I'll take a look. Did you happen to click the "open all" button then hover over the buttons before scrolling? That's the only way I can duplicate what you are talking about. And I have it set up that you can stop any animation by clicking or using the mouse wheel.

    I also don't like how things shift when you hover expand. That will be fixed.

    Would it be better if the floating bar simply stayed in place and didn't have a delay to snap back into place?

    Some good suggestions though. Maybe you could take a screen shot of the two row header? The font-size is supposed to shift based on screen resolution, so it doesn't make sense to me.
    Here's what it looks like to me:

    Click image for larger version. 

Name:	samplescreen.JPG 
Views:	15 
Size:	307.9 KB 
ID:	39639

    When I hover over the text it switches to one row slowly, turns blue, and vibrates.

    The bouncing around on the autographs page is when I look at all years, and seems to happen when I hover over the Graded 2001 Bowman Draft auto when not every image has loaded yet, and it's large enough to cause the screen to move...which ended up sending the page moving out of control for several seconds until all of the images load, when it stabilizes and lets me have control.

    I would like it more if the floating bar stayed in place and didn't have the snap-back delay, but it could be that it's a personal preference and perhaps other people don't care.

  9. #9
    Senior Member MOFNY's Avatar
    Join Date
    Aug 2008
    Location
    East Greenwich, RI
    Posts
    4,789
     marinersfanfromny
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Dilferules View Post
    Here's what it looks like to me:

    Click image for larger version. 

Name:	samplescreen.JPG 
Views:	15 
Size:	307.9 KB 
ID:	39639

    When I hover over the text it switches to one row slowly, turns blue, and vibrates.

    The bouncing around on the autographs page is when I look at all years, and seems to happen when I hover over the Graded 2001 Bowman Draft auto when not every image has loaded yet, and it's large enough to cause the screen to move...which ended up sending the page moving out of control for several seconds until all of the images load, when it stabilizes and lets me have control.

    I would like it more if the floating bar stayed in place and didn't have the snap-back delay, but it could be that it's a personal preference and perhaps other people don't care.
    I'm guessing you have a large screen resolution? I have a max-width set at 1300px. I'll have to rethink that.
    The navigation is also a bit off compared to my laptop.
    I'm actually working on the floating bar staying in place right now. I think it's a great idea.

    Overall it's so difficult to accommodate the myriad of resolutions that exist.
    https://royoswalt44.com/ - Over 1,800 different cards listed

  10. #10
    Senior Member MOFNY's Avatar
    Join Date
    Aug 2008
    Location
    East Greenwich, RI
    Posts
    4,789
     marinersfanfromny
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by jeffv96masters View Post
    Excellent look and feel. Overall it has a nice look.

    From a personal perspective I've never been a fan of open space either. As someone states looks like a long scroll to the bottom and that the site was designed for mobile rather than all systems.

    Also-- again from personal perspective-the 1/1 2006 Ultimate logo. Its on your site- and being sold right now on ebay. Just wondering = do you notate picture attribution for stuff not in your personal collection?? I do=but that's personal choice though.

    Again- great site !
    Jeff
    Anything in red is stuff I used to own. The fact that that particular card is up on eBay is news to me. Currently it's higher than what I paid/sold it for.
    https://royoswalt44.com/ - Over 1,800 different cards listed

  11. #11
    Senior Member MOFNY's Avatar
    Join Date
    Aug 2008
    Location
    East Greenwich, RI
    Posts
    4,789
     marinersfanfromny
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Ok so I have been taking some of your suggestions to heart.
    For the Autographs, Base, GU, RCs, and 1/1 pages I have updated the floating buttons.
    It no longer has a delay and snaps back into place.
    The animation is more smooth and less jumpy.
    I also reduced the file size by around 35%.
    Some bugs still exist, and I'll be working on new way to rectify them.
    https://royoswalt44.com/ - Over 1,800 different cards listed

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •