News:

Simutrans Chat Room
Where cool people of Simutrans can meet up.

Simutrans.com - General Feedback

Started by An_dz, January 13, 2016, 10:22:09 PM

Previous topic - Next topic

0 Members and 3 Guests are viewing this topic.

An_dz

Simutrans.com website

This is the topic for discussions about our simutrans.com site.

Feel free to:

- give feedback;
- make suggestions;
- report errors (bug or bad writing);
- announce sites (fan and official ones) to be listed here.

Old topic: http://forum.simutrans.com/index.php?topic=11482.0



Simutrans just got a new website. And congratulations michelstadt, you are the first image of our new site. Which highlight our change to a big start image.

In this new site, pages were condensed in fewer pages, like the history page is now inside the about page. The pages also make no use of javascript*. The page still checks your OS to serve you the correct download faster and if you ommit the language code the site will automatically detect the user preferred language to display. Works on all pages and this is the preferred way to link to the site so the user will get the best language. ex.: http://www.simutrans.com/download

The site now has all graphics as vectors with raster images as fallback, the vectors are even smaller than the raster images. Those vector images help complement the fact that now the site has fully responsive design, all pages will look great on you PC, tablet or phone.

Internally the site is faster and even easier to maintain, as learned after those years maintaining the site. Now updating versions, changing download urls and even setting old versions as the latest for some OS is easier. It's easy to add new supported OSes as well. There are even less strings to translate. We obviously follow w3c standards for css3 & html5. The site has compatibility with IE8, somewhat works ok with IE7 and is even acceptable under IE6.

Now there's also monochrome versions of our logo, which you can get from our Brand Guidelines page. (See known bugs below)

Attention Pak Maintainers
If you want another image or description for your pakset under the Paksets page, just send it here and I'll update in the site.

Known bugs:
The site is still under development so there are a few known bugs
- Only in English and strings not in Simutranslator
- Can't download our logos under Brand Guidelines
- Missing gallery page of SMSC winners
- Better cache control sent to your browser
- Overlap in the paksets text on the front page on some phones

*few inline scripts for old browsers

Credits: (Because without them it would not be possible)
The pak128.Britain team for their awesome Blender models
Wikimedia Commons and whoever made those street signs
Inkscape and Illustrator
SketchUp and Blender
SublimeText
Apache, Apache friends, XAMPP & PHP

Spacethingy

Really nice looking site, very responsive, even on my dodgy connection! Looks neat and tidy, and it's nice to see the nightly site getting advertised a bit better.

A few minor things that bother me:

The old pak page with its animated tiles was pretty; kind of a shame it's gone, although the new page looks good too.

The design of the front page looks a bit broken. The box under the "Transport Simulator" header looks like a misplaced popup window, especially as it's not aligned with either the background picture or the "check paks" button next to it. Also, because the image is covered, it leaves the main page feeling a little devoid of actual Simutrans imagery and content. (I have a feeling that this is more pronounced on narrow mobile devices, the screenshots look somewhat better that what I get)

Any chance of getting the blog/forum integration back? That looked nice, especially as the front page advertises the community.

Apart from those little things, nice job! :)
Life is like a Simutrans transformer:

You only get one of them, and you can't have it on a slope.

sdog

Cool we have a logo guidelines page. Very professional!

I'm very fond of the monochrome logos.

However, Simutrans is not a registered brand, there is nothing other than politeness that keeps people from doing what we ask them not to. I think that really needs to be reflected in the wording. I.e, when we have to rely on others being polite and not abusing our logo, we also have to be polite requesting that.

In the header of the brand page it is referred to the Artistic License 2.0 (AL2) and stated that it will be explained in the following what is permitted. However, what follows are non-binding desin rules, not binding license rules. Better just leave the license as is. It is very rarely if ever a good idea to summarise license texts in your own words.

Who exactly holds the (so-called) intellectual property of the logo artwork? I think it is you alone? Perhaps you could consider cross-licensing it also under a fitting CC license, as (a) AL2 is not very well known, (b) a software license not that well suited for artwork. Both make it more difficult to understand what is allowed and what not.


For the page i think it would be good if a different version of the logo were used. The half-round one doesn't really fit. The square one would not match very well either when centred on the page. Perhaps a longer rectangular logo? Perhaps a version where the square logo is right, 'Simutrans' left (not certain if it works at all). If you keep a white box behind a logo that needs negative space around it much less transparency is needed. For this one no transparency at all, the logo is the most prominent aspect of the page, not the screenshot.

Back in 2011 when you made the wonderful logos, there was the idea to keep the sphere shaped for consistency with old logos and to indicate that a whole world is simulated or so. I think the logo is so well established now that one can do without the former, and the latter didn't work without a lot of explanation anyway. Perhaps have a slight change and go full rectangular for the main logo?

It is a good idea to include the link to the nightly page on the downloads page. However, now that the logo is so prominent, could you please try your skills at the moon again? (it as not the earth-shine or angle, but that a terminator line looks entirely different.)


The new pak page is much, much more useful. The old one was very nice, and fun to use. However, the simpler one now is just better.
Bug report, the boxes do overlap for me, at a 1280x something resolution, chromium browser. Screenshot, you included it already, as it happens in your example picture as well.


While these are a lot of points, this is meant as constructive criticism and suggestions. I very much appreciate what you did, it is going the right way.



Quote from: Spacethingy on January 14, 2016, 12:01:21 AM
Any chance of getting the blog/forum integration back? That looked nice, especially as the front page advertises the community.
I fear the blog will very soon return to its dormant state. Having had the same news for 3 years on the front page was not good at all. If there were more people contributing to the blog, you would have a much stronger point though *wink*.

An_dz

#3
@spacethingy
Quote from: Spacethingy on January 14, 2016, 12:01:21 AM
The old pak page with its animated tiles was pretty; kind of a shame it's gone, although the new page looks good too.
It was too hard to make that page responsive. And this version makes looking through all the info better.

Quote from: Spacethingy on January 14, 2016, 12:01:21 AM
The design of the front page looks a bit broken. The box under the "Transport Simulator" header looks like a misplaced popup window, especially as it's not aligned with either the background picture or the "check paks" button next to it. Also, because the image is covered, it leaves the main page feeling a little devoid of actual Simutrans imagery and content. (I have a feeling that this is more pronounced on narrow mobile devices, the screenshots look somewhat better that what I get)
I'm looking at this issue. Done

Quote from: Spacethingy on January 14, 2016, 12:01:21 AM
Any chance of getting the blog/forum integration back? That looked nice, especially as the front page advertises the community.
I'm just looking to add the forum link better. That code slowed down the page.

@sdog
Quote from: sdog on January 14, 2016, 12:20:03 AM
However, Simutrans is not a registered brand, there is nothing other than politeness that keeps people from doing what we ask them not to. I think that really needs to be reflected in the wording. I.e, when we have to rely on others being polite and not abusing our logo, we also have to be polite requesting that.
I tried, but I'm still looking on how to improve it. Done

Quote from: sdog on January 14, 2016, 12:20:03 AM
In the header of the brand page it is referred to the Artistic License 2.0 (AL2) and stated that it will be explained in the following what is permitted. However, what follows are non-binding desin rules, not binding license rules. Better just leave the license as is. It is very rarely if ever a good idea to summarise license texts in your own words.
Thanks, I'll change together with the better wording.

Quote from: sdog on January 14, 2016, 12:20:03 AM
Who exactly holds the (so-called) intellectual property of the logo artwork? I think it is you alone? Perhaps you could consider cross-licensing it also under a fitting CC license, as (a) AL2 is not very well known, (b) a software license not that well suited for artwork. Both make it more difficult to understand what is allowed and what not.
I went with "it's from Simutrans, it follows the Simutrans license". stormoog was the creator of the original logo, I just fixed and improved at some points. I'll need to take a look at his message to see if there's any copyright.

Quote from: sdog on January 14, 2016, 12:20:03 AM
However, now that the logo is so prominent, could you please try your skills at the moon again? (it as not the earth-shine or angle, but that a terminator line looks entirely different.)
Ok, I'll remove the dark side of the moon.

Yona-TYT


I feel a bit of nostalgic for the previous page  :-[ .

IgorEliezer


An_dz

I forgot to say that if you ommit the language code the site will automatically detect the user preferred language to display. Works on all pages and this is the preferred way to link to the site so the user will get the best language. ex.: http://www.simutrans.com/download

This feature was already in the previous site.

Attention Pak Maintainers
If you want another image or description for your pakset under the Paksets page, just send it here and I'll update in the site.

This info was added to the first post too.

IgorEliezer

Okay, let's drive An_dz nuts. It begins now!

This link www.simutrans.com/paksets leads to a 404 page, while www.simutrans.com/paksets/ (see the slash?) does the right thing.

"Transport Anything by Some Mean" hmmm, how about "Transport Anything by Any Mean"? (some = known, limited; any = unknown, open possibilities

I'm undecided about the blog whether we should make it more visible or not.

An_dz

Easy fix, I forgot to remove the part of the text in one of the files. And thanks for noticing now.

Try again now. (Your cache might get in the way as the redirect is 301 permanent)

Ah, and it would happen with any page.

Edit:
Some vs Any
Any -> "I'll just kick those boxes up there."

Any mean -> De qualquer maneira
Some mean -> De alguma maneira

vzrenggamani

This Is Indonesia Simutrans Webpage
http://simutransindonesia.weebly.com

This Is Indonesia Simutrans Fanspage Facebook :
https://www.facebook.com/officialSimutransindonesia

May I Include Simutrans Indonesia FansPage ?

SIMUTRANS INDONESIA WEBSITE  <<< Indonesia Simutrans Addons Center And Web
HOPE YOU UNDERSTAND MY ENGLISH

Frank

QuotePAK64.GERMAN
version:112.3 latest update:1 year

current version is 112.3.1 from November 2015

Hitardo

Hello you all,

Let me start by congratulating all for the amazing job you are doing.
This is a major push to the Simutrans game, and I am confident it will pay off, bringing more users to our fantastic game!
I wish you all the best.

Regarding the feddback:
- I think the images are good, but the fact that they are behind some of the blank squares that hold the text is pretty bad presentation.
You can see what I mean in the below image, with black representing the images that are cut and in red the images that simply do not make sense being there:


- A good design would be a scroll experience, that it is common to see nowadays.
You can see examples here:
http://www.mi.com/en/miband/#08
http://www.fibersensing.com/
I know it is a difficult implementation, but a more dynamic website give the "client" the willingness to try it out.

Cheers!
Always looking for new things, new knowledge.

An_dz

@vzrenggamani
Added

@Frank
Fixed

@Hitardo
I hate those type of websites, and don't feel any wish to continue on them. I feel constrained and there's no dynamism, just a lot of animations, a ton of javascript and thousands of bytes to download. I much prefer something like http://teslamotors.com

Hitardo

Quote from: An_dz on January 14, 2016, 04:16:14 PM
@Hitardo
I hate those type of websites, and don't feel any wish to continue on them. I feel constrained and there's no dynamism, just a lot of animations, a ton of javascript and thousands of bytes to download. I much prefer something like http://teslamotors.com
I respect your opinion.

But, in the line of my suggestion, a website like this would be great:
https://www.teslamotors.com/supercharger

In my opinion, "boxes" aside one another disperse the focus of the visitor.
And, for someone that never heard of Simutrans is overwhelming.

If I had to point a defect with Simutrans - which I sincerely love - would be that it is overwhelming.
Meaning, it is too much information. You need to be focused at your best to understand the game and how it works.
I still remember when I started playing Simutrans, back in 2011, how difficult it was to setup a line and the learning curve about a product chain, scheduling, paksets, different vehicles, different tracks, etc...

Simutrans has to invite people in, mainly by being simpler to the beginners.

Thank you for your excellent support and work.
Cheers!
Always looking for new things, new knowledge.

HaydenRead

Apart from the floating text box that I first thought was a rendering error, I really like the new look.

I will provide a link for Simutrans on Steam once it is released on Steam (hopefully late February, but it depends on how much time I have to work on the Tutorial and Manual).

prissi

The new design is quite nice. However, at least on my monitor the links are too bright and can be barely seen on the bright background. May I suggest to use the same shade of blue as for the titles?

And I think we should include pak64.Nippon which has seen already release V0.2 ...

sdog

On my smartphone (android, nexus 5, chrome) the menu is always rolled out and blocks the page. I suppose it only ought to open when 'menu' on the top right is tapped?

Quote
I forgot to say that if you ommit the language code the site will automatically detect the user preferred language to display. Works on all pages and this is the preferred way to link to the site so the user will get the best language. ex.: http://www.simutrans.com/download

That is very useful indeed, I didn't know it and haven't tried to leave out something that is in the middle of an url. Good to know. By the way, what is the domain for the Albanian version of the page? :-)

An_dz

Quote from: sdog on January 15, 2016, 02:28:57 AM
On my smartphone (android, nexus 5, chrome) the menu is always rolled out and blocks the page. I suppose it only ought to open when 'menu' on the top right is tapped?
This does not make much sense, but I'll take a look. If you can tell me you user-agent it would make debugging easier. Does anything happen if you click on the menu button?

Quote from: sdog on January 15, 2016, 02:28:57 AM
That is very useful indeed, I didn't know it and haven't tried to leave out something that is in the middle of an url. Good to know.
Other sites do as well, microsoft is one I know that do.

prissi

Where is the menu? On chrome I do not get any menu ...

sdog

#19
User agent:
Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5 Build/MMB29K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.83 Mobile Safari/537.36

@Prissi:
At the top of the small-screen version of the page is a bar that stays where it is when scrolling down. It has two entries. On the left hand side bold text 'Simutrans', on the right hand side smaller and lighter text 'MENU'. Below 'MENU' is a box with entries 'ABOUT', 'DOWNLOAD', etc. This box is on my device always visible, occupying half the screen.

Edit:
This also happens on the desktop when the window size is reduced:

User agent:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.36

z9999+

Vertical align of the left top 'Simutrans' logo is strange in many browsers.
Vertical center is better than vertical top isn't it ?

vertical top:
- Vivaldi
- Opera 34
- Microsoft Edge

vertical center:
- ie11
- Opera 12

An_dz

@sdog
Fixed, I was using a CSS that was needed on the beginning but that, even though a browser built 2 years ago supported, Chrome does not support. And thankfully not needed any more.

@z9999+
True, I did not notice that on Vivaldi. Mostly because I developed on Opera 12 and did more in-depth tests on IE.
The behaviour on Opera and IE are the correct and probably the closest to the standard. At least it makes more sense seeing how all elements align themselves.
Edit: It's fixed too.

An_dz

The site is now available to be translated from Simutranslator site.

English and Portuguese already have all their strings translated.

I could import some strings from the old site, but you still should take a look if it's still valid, the report:
206 - Total (205 valid) ~80 less than the old site
86 - Russian
41 - Hungarian
25 - Ukrainian
7 - Spanish
6 - German
6 - Italian
1 - Catalan

An_dz

#23
You can now change the site language without JavaScript.




Quote from: prissi on January 14, 2016, 09:30:02 PM
The new design is quite nice. However, at least on my monitor the links are too bright and can be barely seen on the bright background. May I suggest to use the same shade of blue as for the titles?
I made them much darker now. The titles are also darker so there's some difference between a title and a clickable element.

Ves

Im sorry if you spotted them already, but in case not:
On the help page (http://www.simutrans.com/en/help/) all the four links points to the wiki, however three of them claims they should go to the different language forums.

But its a really nice webbpage! :)

What about a "forum" button next to "help" in the upper menu which links directly to the main forum?

An_dz

Quote from: Ves on January 21, 2016, 01:27:04 PM
all the four links points to the wiki
@Ves
Hum, weird. Thanks for noticing.

Quote from: Ves on January 21, 2016, 01:27:04 PM
What about a "forum" button next to "help" in the upper menu which links directly to the main forum?
The topbar is full, and there's a link on the footer and many around the site.

Ves

Quote from: An_dz on January 21, 2016, 03:57:25 PM
The topbar is full, and there's a link on the footer and many around the site.
Ah, didnt notice the one on the footer as I didnt scroll all the way down yet! :)

An_dz

I changed the nighly site to match better the new portal and included its strings to Simutranslator.

An_dz

The site now instructs your browser how to cache content, now it will ensure that you always see the updated page.

I suggest everybody, but especially If you were having problems not seeing the content updated, to either clear your cache or hit Ctrl+F5 on the page.




And now you can download our logos from the Brand Guidelines page.

Just click over the logo or the name and choose a file type. You can choose among SVG, PNG or JPG. You can choose the size of the PNG or JPG, up to 1500px. You need Javascript to choose the size.

Edit:
Thanks Isaac for helping me on enabling ImageMagick. I hope you liked this feature. ;)

Isaac Eiland-Hall


An_dz

The Simutrans website was updated to let users know we are also available on Steam.

http://www.simutrans.com/download/

At the link you can see the info in the download page & the icon in the footer.

Thanks HaydenRead for finding their brand assets.

An_dz

In the last month I've made a lot of invisible updates, mostly were fixes for making the code compliant to the w3c standard and end any errors in the PHP side.

Anyway, two things are worth noting. Thanks to sdog the English text had some review and got better. And I've made the site more accessible adding tags and properties to help screen readers and for easy keyboard-only navigation using the WAI-ARIA standard.

ashwolf

On Paksets page, pak192.Comics is not 0.4.1 but 0.5 since December.

Frank

pak128.german 0.10.4
pak64.german 0.112.3.9

and 100% italian translate since 06 December 2017

prissi

In general the newest pakset versions are usually encoded with the installer. Maybe it makes some sense to update the webpage for the SVN?