Author Topic: WIP - NSF 2017 Redesign - Now in work, see new thread  (Read 11575 times)

Online Chris Bergin

Some very much WIP views (a lot of work in the backbone and then started adding content - which you'll note is not actual content, just test content). Mark's allowing me to share to show how it'll still be the NSF you know and love, but cleaner and updated.

Note this is from Mark and a mash up of some of the redesign, not one page ;) Also note the new logo....the compromise and update that is still NSF, but not with a massive NASA, more subtle.

So click on the image. Bottom right is what one page will look like. Logo expanded in top right. Example of how the logo fits a design in the top left. Two forum pages shown bottom left.

Oh and there's a mobile version that is pretty amazing. Not some smaller view of the desktop site, an actual site that is NSF but in mobile form. It's very clever.

Offline pippin

  • Regular
  • Senior Member
  • *****
  • Posts: 2538
  • Liked: 278
  • Likes Given: 39
Re: WIP - NSF 2017 Redesign
« Reply #1 on: 01/13/2017 07:33 PM »
Love the design and especially the logo!

Offline pippin

  • Regular
  • Senior Member
  • *****
  • Posts: 2538
  • Liked: 278
  • Likes Given: 39
Re: WIP - NSF 2017 Redesign
« Reply #2 on: 01/13/2017 07:34 PM »
One question: is this a responsive design for tablets/phones, too?

Online Chris Bergin

Re: WIP - NSF 2017 Redesign
« Reply #3 on: 01/13/2017 07:36 PM »
One question: is this a responsive design for tablets/phones, too?

The backbone (had no images, just boxes at this stage) for the phone version is a different layout that reminded me what the BBC site when viewed through a phone. So hard to describe without showing a graphic (which will be forthcoming), but I think you'll all be very pleased.

For instance, the top menu on the desktop news site is a drag down menu on the mobile version. Good for people with fat fingers (i.e. me).

Offline NSF Webmaster

  • Administrator
  • Full Member
  • *****
  • Posts: 298
  • Almere, The Netherlands
    • NASASpaceFlight.com
  • Liked: 98
  • Likes Given: 10
Re: WIP - NSF 2017 Redesign
« Reply #4 on: 01/13/2017 07:40 PM »
One question: is this a responsive design for tablets/phones, too?

The backbone (had no images, just boxes at this stage) for the phone version is a different layout that reminded me what the BBC site when viewed through a phone. So hard to describe without showing a graphic (which will be forthcoming), but I think you'll all be very pleased.

For instance, the top menu on the desktop news site is a drag down menu on the mobile version. Good for people with fat fingers (i.e. me).

Yeah the goal (at least for the news site) is to have a fully responsive design. The forum might come a bit later as that's a lot more work.


Mark

Offline pippin

  • Regular
  • Senior Member
  • *****
  • Posts: 2538
  • Liked: 278
  • Likes Given: 39
Re: WIP - NSF 2017 Redesign
« Reply #5 on: 01/13/2017 07:40 PM »
Sounds good. For the forum I mainly use Tapatalk and I usually read on iPad and that's all fine right now but articles were not optimal in the old layout in such a setup (opening them in a browser window). So if they work well in the new rd sign that would really be great!

Offline pippin

  • Regular
  • Senior Member
  • *****
  • Posts: 2538
  • Liked: 278
  • Likes Given: 39
Re: WIP - NSF 2017 Redesign
« Reply #6 on: 01/13/2017 07:41 PM »
@Mark; thumbs up. News site is the important part, there's still Tapatalk for the forum

Offline wes_wilson

  • Armchair Rocketeer
  • Full Member
  • *
  • Posts: 114
  • Florida
  • Liked: 50
  • Likes Given: 88
Re: WIP - NSF 2017 Redesign
« Reply #7 on: 01/14/2017 05:28 PM »
I like it!
@SpaceX "When can I buy my ticket to Mars?"

Online FutureSpaceTourist

  • Senior Member
  • *****
  • Posts: 4260
  • UK
    • Plan 28
  • Liked: 2853
  • Likes Given: 951
Re: WIP - NSF 2017 Redesign
« Reply #8 on: 01/16/2017 08:59 AM »
Yes, love the new design - very clean and professional. Also fantastic news about increased mobile support. I can't be the only one who accesses the site from my phone too much!

Dare I politely enquire about a possible/approximate, er, launch date for the new design?

Offline mtakala24

Re: WIP - NSF 2017 Redesign
« Reply #9 on: 01/16/2017 12:17 PM »
Mobile support looks fantastic. I just hope that it will have all the features that the full site does, instead of just removing features to fit on the screen.

Offline Urx

  • Member
  • Posts: 7
  • Liked: 1
  • Likes Given: 0
Re: WIP - NSF 2017 Redesign
« Reply #10 on: 01/17/2017 07:08 PM »
Personally I find the existing logo more pleasing.

Is it OK to add wishes? If so: To me any sort of animation is highly distractive - and the current news page has two of these thingies: The changeing pictures (unacceptable -> removed via a rule to my adblocker) and the scroll line (barely acceptalbe). Showing them to L2 members is also useless. So for L2 members please either remove it or at least change the link from the L2 subscription page to the specific page that the particular image or headline is referring to.

Online Chris Bergin

Re: WIP - NSF 2017 Redesign
« Reply #11 on: 01/17/2017 07:12 PM »
Yep, suggestions welcome.

The L2 ticker is going. It's been removed from the forum and will be gone from the news site. L2 is too massive to accurately show what's in it, so it served its purpose back in the day.

Removing ads for L2 members doesn't work, as the site only sees you as L2 when logged in (the forum), plus our ads are industry related (like ATK, Novatech).

However, we will be doing better with the "random" ad, which is google. I would prefer Amazon Books (space books) or something where it's more tailored. The google ads have nothing to do with the site's content these days. That'll be changed.

Offline Martin FL

  • Elite Veteran
  • Senior Member
  • *****
  • Posts: 2225
  • Liked: 50
  • Likes Given: 135
Re: WIP - NSF 2017 Redesign
« Reply #12 on: 01/23/2017 01:33 PM »
Looks nice! When do we get it?

Offline catdlr

  • Member
  • Senior Member
  • *****
  • Posts: 4656
  • Marina del Rey, California, USA
  • Liked: 1472
  • Likes Given: 900
Re: WIP - NSF 2017 Redesign
« Reply #13 on: 01/24/2017 04:53 AM »
Looks nice! When do we get it?

Will all known it's soon when Chris moves this thread to the Live Event Section.  ;)
« Last Edit: 01/24/2017 04:53 AM by catdlr »
Tony De La Rosa

Offline moralec

Re: WIP - NSF 2017 Redesign
« Reply #14 on: 01/24/2017 03:57 PM »
This is great guys! Looking forward!

Offline mikelepage

Re: WIP - NSF 2017 Redesign
« Reply #15 on: 03/15/2017 08:19 AM »
Great work guys!  Looking forward to the update.

About that forum though.  ;) I can understand the reluctance to modify the forum because, even as sprawling as it is, I'm guessing it's one of the biggest "stickiness" factors for the website as is.

One approach that might be the most painless is to leave the basic structure as is, but make it much easier to find threads that allow users to discuss what they want to discuss.  This could be a two step procedure:
1) allow forum users/mods to tag threads with a number of pre-defined tags in a set number of categories (see below).
2) create a universal sort function at the top of the main thread page (or directly below the L2 section threads) that will allow users to filter for certain tags.

What categories?
Well the way I figure it, there's a relatively few (4?) themes with which you could categorise the threads in the forum to make it much easier to navigate:

1) By destination object (choose object Moon, Mars, Jupiter, all planetary bodies, etc) or region (LEO, GEO, LLO, SEL2, all orbital regions etc), or leave undefined.

2) By space agency (choose NASA, ESA, JAXA, all government agencies etc), or space company (SpaceX, ULA, Blue Origin, or all private companies, etc) or leave undefined.

3) By scientific objective (astrobiology, solar system/stellar observations, human space flight health, all scientific objectives, etc) or commercial objective (telecommunications, space tourism, asteroid mining, all commercial objectives, etc) or leave undefined.

4) By time period (for real-life historical, current day activities/news, future within planning horizon, far future, all time periods) or popular culture relevance (for polls, discussion of science fiction, and other uncategorised/uncategorisable but relevant material), or leave undefined.

So beside each thread would be an option to "tag this thread" which would give you a dialogue box with a set of 4 or 8 drop-downs: each of which contains a standard set of tags (one of which is a catch-all type tag) that the user base can go through the hundreds of threads in the forum and categorise all threads with relevant tags.

Then, using the filters on the main page is basically an advanced search function, showing you lists of threads as you would see within each section, but tagged with the tags you chose in the filters.

Hopefully makes sense... Good luck however you choose to tackle it.  :)
« Last Edit: 03/15/2017 08:52 AM by mikelepage »

Offline Kasponaut

  • Member
  • Full Member
  • *
  • Posts: 158
  • Denmark
  • Liked: 8
  • Likes Given: 58
Re: WIP - NSF 2017 Redesign
« Reply #16 on: 03/15/2017 09:04 AM »
When will this big update arrive? 😊

Offline TripD

  • Full Member
  • ****
  • Posts: 530
  • E. Clampus Launchus
  • Liked: 399
  • Likes Given: 266
Re: WIP - NSF 2017 Redesign
« Reply #17 on: 03/18/2017 01:26 AM »
Me likes!  Simple, stylish and expresses the concept very well imho.

But, does it come with cup holders?

Offline topo334

  • Member
  • Posts: 37
  • California
  • Liked: 27
  • Likes Given: 34
Re: WIP - NSF 2017 Redesign
« Reply #18 on: 03/18/2017 01:38 AM »
I particularly like the dog latin text simulation in the display example, which for some reason is known to layout artists as "greeking".

Online Chris Bergin

Re: WIP - NSF 2017 Redesign
« Reply #19 on: 03/18/2017 01:49 AM »
When will this big update arrive? 😊

Probably needs a lot of testing, but this year for sure.

Me likes!  Simple, stylish and expresses the concept very well imho.

But, does it come with cup holders?

No, but it does have extra cowbell ;D

Tags: