TechSpot

TechSpot 3.0

By Julio Franco
Mar 20, 2014
Post New Reply
  1. All work and no play makes Julio a dull boy
    All work and no play makes Julio a dull boy
    All work and no play makes Julio a dull boy
    All work and no play makes Julio a dull boy
    All work and no play makes Julio a dull boy
    All work and no play makes Julio a dull boy
    -- TechSpot 3.0 is coming :cool:

    [​IMG]
     
  2. Marnomancer

    Marnomancer TS Booster Posts: 808   +51

    Flat-style design makeover? Or there's more?
     
  3. cliffordcooley

    cliffordcooley TechSpot Paladin Posts: 6,122   +1,523

    Can't expect much for a favicon image design. I'm not sure if it is used elsewhere, but it is used as a favicon.
     
  4. Rabbit01

    Rabbit01 TS Booster Posts: 902   +39

    Oh, so that's what it's supposed to look like. Couldn't tell the details of the icon on the browser tab on my screen. Looks a bit like the recycling logo. 9-6-3 sides, interesting.
     
  5. St1ckM4n

    St1ckM4n TS Evangelist Posts: 3,473   +622

    I see.. interesting change! Are the forums getting a makeover too?

    Thoughts: Make the featured content 2/3 of the current size at the largest. It just takes up way too much vertical space at the moment.

    Not sure I like the font yet. It makes quoted text pretty small too.
     
  6. Benny26

    Benny26 TechSpot Paladin Posts: 1,576   +47

    Nice one, Julio. Looks pretty good.

    One slight bug I've just noticed: The 'Forums>Recent Activity' doesn't link correct when anywhere else in the 'Forums' section it seems. Still, early days and all that.
     
    JC713 likes this.
  7. cliffordcooley

    cliffordcooley TechSpot Paladin Posts: 6,122   +1,523

    I gotta say, I didn't understand the colors within the favicon until now.
     
  8. wastedkill

    wastedkill TS Maniac Posts: 1,173   +243

    Damn I am LOVING the new design of the site! It is sexy as hell, But it did take like 5 seconds for everything to load in but if it gets decreased due to cache I am all down for that!.

    1 Suggestion tho is when you go on the main page it has those metro style like trending articles with the pictures on I would suggest getting that on every page so its like we can see the main articles even if were not on the main page.
     
  9. learninmypc

    learninmypc TS Evangelist Posts: 5,312   +238

    Gollie, I thought something had happened to my pc. :)
     
  10. Aggravatorx

    Aggravatorx TS Rookie

    Just wanted to say outstanding new techspot page you all did a great job!!!!!!!!!!!!!
     
  11. Julio Franco

    Julio Franco TechSpot Editor Topic Starter Posts: 6,571   +338

    Thank you guys for the support, we are still working to fix a few known bugs and others we didn't know about pre-launch, it's been an interesting 6-month ride but I'm really glad that we finally got here :)
     
    Dawn1113 likes this.
     
  12. jobeard

    jobeard TS Ambassador Posts: 13,449   +324

    Hmm obscure access to Recent Activity on the Forums:
    Home Page=>hover over Forums -> drop down menus and icons.

    Certainly that will not fly for mobile access (ie no hover support).

    Personally, I would opt for information content over eye candy. oh well ...
     
  13. Dasboot

    Dasboot TS Rookie

    Desktop PC user.

    Header drop downs - Okay but a little bit cluttered
    Standard Articles layout - Good, a nice balance of text and a small image.
    Articles themselves - The images are way too large, they take up more space than the article itself.
    Main page images - Way too large again, I now get 1 article on the homepage.
    Comments section on articles - Very messy, hard to tell who said what.

    In short, not a good design change at present as it has far too much eye candy.

    I personally come to read the articles not see almost fullscreen images of Apple logos or Steve Ballmer.
     
  14. Julio Franco

    Julio Franco TechSpot Editor Topic Starter Posts: 6,571   +338

    Thanks once again for your kind comments.

    I'm glad to see a majority is liking the redesign with few exceptions (mostly where bugs are present, but we are working on it).

    @Benny26 link is fixed.

    @jobeard, actually the forum is now more feature complete than it was on the mobile site, but point taken, I will see how to add this link in a more accessible place for mobile users. The mobile responsive site is lighter than the full site, not only in code but visually, too.

    @Dasboot, note that in articles/reviews, pages 2 and beyond have a smaller header and vertically speaking you actually get to content before than in the previous design. It's one of those subtle changes you won't notice at first, but we thought about it. As for the first landing page, we just love how articles like this look with the big masthead:
    http://www.techspot.com/article/777-litecoin-mining-project/

    also for you @Dasboot, we are trying to figure out the bug about comments since we see it just fine across OSes and browsers (see screenshot below of how we see it). Can you help us troubleshooting in this thread?
    http://www.techspot.com/community/topics/ts-3-0-redesign-bug-reports.201100/

    What OS and browser version are you using?

    This is how comments are supposed to look like:

    techspot-comments-good.png
     
  15. SNGX1275

    SNGX1275 TS Forces Special Posts: 12,635   +321

    Not really a bug report (so posting here rather than the bug thread), but I can't find a 'mark forums read' option anywhere.
     
  16. Julio Franco

    Julio Franco TechSpot Editor Topic Starter Posts: 6,571   +338

    @SNGX1275 what is more useful? A 'mark forums read' option in the header drop down menu or in the forum home (sidebar or below the fold)?
     
  17. SNGX1275

    SNGX1275 TS Forces Special Posts: 12,635   +321

    I think it would be great to have it in the sidebar. However having it in the drop down along side the 'recent activity', 'most recent topics', and 'watched topics' would also be acceptable.
     
  18. St1ckM4n

    St1ckM4n TS Evangelist Posts: 3,473   +622

    Wow, I disagree heavily with your opinion of the linked content. 1080 vertical pixels doesn't even get the whole first paragrah on the screen, when using Opera fullscreen (minimal vert space taken). That goes against all design theories I've learnt, and I'm sure it goes against the grain of other readers too.

    An - just because I haven't explicitly said it - overall I do like the design. :) Good job, that you have time to try new things out.
     
  19. Dasboot

    Dasboot TS Rookie

    OS - Windows 8.1
    Browser - Firefox Nightly 31

    The comments are now fixed, yesterday the spacing was incorrect now however they are exactly the same as in your attachment.

    I personally don't like huge images either on the main page or articles, a few other sites have all dabbled with something along this lines and all ended up reverting to a smaller images or images off to the sidebar (Wired, Lifehacker, Engadget). For instance I immediately wrote a Stylish script to get rid of Techspots header images and it looks more like a tech news site again.

    My personal favourite techsite layout is Ars technica, it has decent sized images in either headline or standard layouts, uses a sidebar to fill unused screen real estate and the articles are not swamped by images.

    Also as I have adblock installed (as a great many users have) I get a fairly hefty empty grey bar at the top of every article page.
     
  20. jobeard

    jobeard TS Ambassador Posts: 13,449   +324

    I'll say it this way: Useability and Readability trumps Eye candy and Client-Side technology (eg: css, javascript/DOM); after all, those webcrawling robots don't index the technologies do they, just the content.

    As noted by someone else, there's a lot of screen real estate squandered by font sizes and useless spacing, and it takes almost all of my 15.6 monitor.

    May I suggest trying a test template eschewing tables and using pure CSS, avoiding all fixed width/height usage, and deferring to width=xx% or height=yy% to allow browser scaling. One measure of design is to avoid horizontal scrolling at all costs - - on every web page layout.
     
  21. Julio Franco

    Julio Franco TechSpot Editor Topic Starter Posts: 6,571   +338

    @jobeard, mind sharing a screenshot of what is bothering you. Usability and clean design was at the top of my priority list all along as I worked on the redesign.

    Now, there are some things lost in translation as you start from sketch to mockup, and then to actual HTML. I've performed no less than 100 tweaks since last week when the design was nearly done, and then a bunch others since the launch to fix bugs and remove unnecessary bloat as my eyes settle down on some of the redesign details and I see the design working across the site with live content.

    I believe the adjustment process is not much different for readers like yourself. Some things will feel off until you settle on the dramatic changes (cough... improvements *nerd*), while some others will continue to feel off a week or month from now, and those are the ones we want to attack in the coming days until TS feels as solid as ever.
     
  22. Julio Franco

    Julio Franco TechSpot Editor Topic Starter Posts: 6,571   +338

    @St1ckM4n It's probably nowhere near you want it, but review pages 2... n, have been optimized further for vertical space.

    I'll try to grab a screenshot of the old site vs. the new one. I'm 95% certain we beat it now in terms of where the text starts before scroll vs. the TS 2.0:

    http://www.techspot.com/review/775-motorola-moto-g/page3.html
     
  23. St1ckM4n

    St1ckM4n TS Evangelist Posts: 3,473   +622

    My problem is shown in the picture attached. I have a 1920x1200 monitor, which has more vertical space than the 'average' user of 16:9 screens has at 1366x768, or even 1920x1080. I'm using a browser which is probably the lightest on UI elements and so takes up the least space.

    By my calculations, the actual content of the full-screen page is only 8.2%. Sure, if I window the browser and pull in the sides a bit it will be better, but the screenshot is taken at 100% zoom with no DPI scaling on windows. The fact that 1200 pixels barely gets to the article is not a good thing at all. :( I assume 720p monitor users won't even see the entire featured image without scrolling?

    Also, this is using the page 2-onwards layout, which is a little bit better. I also agree that percentage-based layout should be used instead of px, if that's what's happening.

    In any case, things like this won't push me away from the site... but it is definitely not ideal for me. :p
     

    Attached Files:

    • ts.png
      ts.png
      File size:
      976.1 KB
      Views:
      10
    Last edited by a moderator: Mar 25, 2014
  24. Julio Franco

    Julio Franco TechSpot Editor Topic Starter Posts: 6,571   +338

    Hmm.. oh yes, that's a bug (vertical space). Fixing soon.
     
    St1ckM4n likes this.
  25. Julio Franco

    Julio Franco TechSpot Editor Topic Starter Posts: 6,571   +338

    @St1ckM4n, @jobeard
    Should be much better now. Thanks for your feedback.
     
    St1ckM4n likes this.


Add New Comment

TechSpot Members
Login or sign up for free,
it takes about 30 seconds.
You may also...


Get complete access to the TechSpot community. Join thousands of technology enthusiasts that contribute and share knowledge in our forum. Get a private inbox, upload your own photo gallery and more.