Attention Citizens,
We are pleased to announce that the customer service for Citizen Cards is going well and that we anticipate taking the form down on THURSDAY, FEBRUARY 28 at 9 A.M. PST (GMT -8.) So if you want to upgrade your level or make changes to your card, be sure to do so immediately!
And as promised on Friday, we’re pleased to show off the sample interactive UI created by Zane Bien. Click on the Hornet below to bring up more information about it. Note: Dummy text is used for some descriptions.
Very nice!
That wasn’t exactly constructive, was it? I was kind of expecting it to be swept up in the wave of comments, rather than be the first one…
What I should’ve said is “Very impressive. Intuitive and well laid out. Looking forward to seeing the rest of the ships in there. Keep it up!
^ Seconded, can’t wait to see more of this stuff. Will the full version be more interactive? For example, will we be able to open and close cockpits and/or cargo doors etc? Or maybe a simple fixed cockpit view option? (thinking along the lines of car dealership websites here) I know we’ll be getting the hanger module later this year, but just thought I’d throw that idea out there.
Exactly, like the car dealership websites. It would be awesome to configure the interior with different modules and materials, like different coloured leather, mahagoni wood inlays, Bose or Clarion or RSI stereo, different displays etc.. ^^
Nice work, Zane!
This is very bad@ss!
Loving it. my only suggestion would be to make the turning consistant. when you rotate it clockwise or counter clockwise it doesn’t “snap” while the others do.
I still love it tho. ^_^
now that is snazzy, keep up the good work guys!
fantastic!!!
Awsome
Specs not in english? Or just me?
It’s latin text… just a place holder.
it is said in one of the 2 sentences of the update.
“Note: Dummy text is used for some descriptions.”
They are not yet finished with the write of all the text,it’s still a work in progress.
A standard filler text to fill out text boxes,
That’s Lorem Ipsum:
http://en.wikipedia.org/wiki/Lorem_ipsum
That explains the helluva a read I had after running it through Google Translate.
Same here lol. I think my favorite part was “Welcome Home to the Moors, and electric temperature. For ferry set free members here. The entrance was a great, arrows not be published in the course of, or the price of my.”
Great work on the UI though. The new page should be pretty sweet!
Well, since the UEE is based on the Roman Empire, and since everyone is screaming for realism, Chris has decreed that we should brush up on our Latin for that truly immersive gaming experience.
Curse my lackluster education! I knew I should have taken that Latin GCSE!
Pirates, start practising this line:
Da mihi pecuniam tuam aut dabo ignem in navi.
When you learn Latin, isn’t it a requirement to have nuns rap you on the knuckles if you mispronounce words or use the wrong verb tenses?
Super duper!
The UI Zane created looks absolutely amazing. Great job!
That web demo is absolutely fantastic, I can’t wait to see the whole site converted over.
ZANE! You’re really GOOD! This is really fantastic.
Is it just me, or does this not work in Chrome (on OSX)?
Works fine in Safari, and looks great!
Works just fine in Chrome for OSX for me.
Worked fine in Chrome for me.
Does not work for me on Chrome Windows XP
Did not work for me in chrome either, win 7.
Works fine in IE though.
Works for me in chrome on a win 7 machine. Maybe you’re missing a plugin?
I also have problems with chrome under win 8. I have 2 machines, home and office, and neither of them works. Other than that I have browsed the preview on IE and it looks great.
Seeing how this feature progresses I am hoping in the future you will be able to setup your ship and configure it in the browser when you are not in-game. There is a hint that you may be able to buy your ship from the browser (see the credits area) so this may not be so far fetched.
You guys should stop using Chrome. It’s a decent browser but it has loads of spyware as standard. You guys on Macs should run Little Snitch and start up chrome… You’ll see, it seriously takes half an hour to click “Deny” on all the warnings about things trying to send info from your computer to an external server! Worst browser out there for this sort of thing, but that’s not surprising, google spy on you more than MI6!
“It’s my first job” really ? Just wow.
I had a quick look at the code. This is quality stuff! No shortcuts taken. This UI is top notch.
UI looks amazing, but the language is not English for some of the descriptions, guess its still a WIP.
The language is a dummy text, an old fake latin text that is used by designers as placeholder for text content that is still in development, and to test fonts for their usability (in this case however it’s just a placeholder).
the “07″ decal is mirrored on one side :p
lol! good eye.
Man, that’s looking sweet Zane!
Not bad.
Maybe in the final version we’ll be able to click and drag the ship around instead of clicking on the arrows? I’m guessing the ship yard interface will be similar so when we click on the guns we’ll have the option to pick different weapons, thrusters, etc?
Yeah, I’d love to rotate the ship like that and zoom in/out to take a closer look. Also the ability to see a cross-section/interior to get an idea of the space onboard would be really nice. Building on that, another feature could be of particular interest for the mod community: an upload function for custom ships and weapons. This could be used to preview/showcase new content or discuss with fellow modders and CGI themselves.
Awesome skillz Zane!
Very Nice !!
But.. in the final version I need a mouse scrolling for the text… !!
Waiting hungry for more….
Blown …. away!
It’s … it’s … it’s beautiful.
If that’s the quality standard we can expect for the website and the game then I’m not worried about anything anymore.
One little and two little big suggestions:
1. A reset button for the ship preview window, that resets the ship to its default position.
2. It’d would be amazing if we could rotate the ship with the mouse (don’t forget a reset button) and zoom in and out with the mouse-wheel.
3. Is it possible to different color themes for the website in a distant future? Blue is nice and I would not want to change, but other people might prefer a red or a green color theme. I know that I’m asking for a lot here, but maybe you have thought about that possibility yourself and prepared your source files for that scenario.
i’ll add the ability to use the scroll wheel to scroll the text instead of clicking on the slider.
+1 to the first two points for sure.
I can already scroll the text with the wheel (Opera 12.14 64Bit). Are we talking about the same thing here?
Thanks for the reply. Mouse controls and zoom for the ship preview window would be amazing!
Mouse wheel scrolling is not working with Firefox (Mozilla/5.0 (Windows NT 5.1; rv:20.0) Gecko/20100101 Firefox/20.0) for the info boxes.
yep seems to work good with Opera, so that’s an extra thumbs up from me in addition to the cracking look
Text scrolling works fine on Safari 6.0.2 also.
Wow, that is fantastic. If you could just toss in a couple more features to the ship UI, like the ability to fly it around in a persistent universe, that would be great.
That’s a great idea! Maybe allow you to dogfight other ships too? The possibilities are endless!
That’s insanity, it just can’t be done!
If The Man says it can be done, than it can be done.
Awesome work Zane!! I like how it’s straight forward, no clutter, cut to the point, get to the info.
I agree with Rarehero suggestions also, hopefully just minor work for you if implemented.
That is industry leading design right there!
Brilliant work Zane & team, this fits spot on with Star Citizen and making the webpage interactive and connected to the game client will pay off in the future.
This game is the coolest I ever seen no question about it!
Wow, can’t wait to see more of the site!!
awesome!
it would be nice if the description text would be able to scroll with the mouse wheel – had to grab the slider bar and move it manually…..
May I say the UI is shaping up to be amazing! I love the way this is going, Soooooooo glad I’m a supporter of this game
This is really nifty. That Zane knows what he’s about. This will be a lot of fun to sift through when it’s done!
One tiny thing – There is a persistent spelling error that carried over from the Hornet’s description from the Ship Info page. Under the note it says “The Ball Turret takes 4 Upgrade Slots (Its a ball turret or the decnet size cargo cargo hold)”. Unless I have it totally wrong that should read “decent” rather than “decnet”.
Nice detailing on the flex, makes proper use of wide screen 1920*1080 (16:9) and scales down to 1024*768 (4:3) cleanly with no reloads (good start for mobile devices). I didn’t test cross compatibility. Clickable mouseover hints (brightening) may be too dim for some peoples tastes (added glow might be a brick to beat people with visually. Personally I like it more on the subtle style). background feels a bit busy and distracting though. but that’s personal taste as well. Overall layout is clean, sharp, and hierarchical (a personal geek favorite), but fans of more organic visuals may be a bit disappointed (can’t make everyone happy). could maybe use a tweak or two (scroll compatibility, alternate color themes [would look really good in amber]) but I give it an A rating so far. Look forward to learning from it.
Doesn’t scale for me (Chrome 26, dev channel), for some reason. Most of the screen is *margin*, unless I zoom.
Love the UI, and it’s responsive! One little thing (you probably already have plans to fix this), the scroll wheel doesn’t scroll text inside the description boxes. Still, this is pretty slick.
Looks great in IE, but unfortunately I use Chrome Version 25.0.1364.97 m
It stacked the UI elements on top of each other instead of side by side so I could only see the Hornet interface and the top of the descriptions area. I could not scroll down either. Screen resolution is 1280×960. I know it’s only a tech demo but I figured I would let ya know. Oh, and checked it out in IE64 and it looks great! Nice work Zane, very futuristic.
Using Chrome here under Linux – and it looks awesome … Really great.
Can’t confirm what you said… Hvae BTW a 1920×1080 resolution (and no – I’m not on my gaming machine at this moment)
that’s cool
Strange scroll wheel works fine for me.
yeah nice work
Awesome! And it even seems to work perfect in Opera browser, which most often isn’t the case with such advanced/graphical sites :p
Looks good for starters but the image really needs a decent transition instead of just going from top to side to bottom – it needs at least 5 more images in-between for the transition. That is the difference between it looking nice and looking professional.
They should have sent a poet… so beautiful…
very impressive
Impressive work.
Looks really good Zane! I have done a lot of web based applications and I am super impressed with what I see! Keep up the good work man, and I am really looking forward to seeing the finished product!
Zane, you da man!
Awesome work Zane!
Here is a typo (arrows and *s):
Note: On the military version of the Hornet the two Class 4 hardpoints are utilized by a Ball Turret with twin Laser Gatlings and a Canard Turret with twin Neuton Guns. The Ball Turret takes 4 Upgrade Slots (Its a ball turret or the ***>>decnet<<*** size cargo cargo hold)
Looks awesome!
Like the design direction, great job Zane.
Great!
All I can say is “Wow!”. I spent a lot of time spinning the Hornet around, clicking on all the hard points and buttons, and admiring the work. I didn’t get much else done at lunch time.
This is gonna be awesomeness
I say, most impressive. Hats off to you Zane
As above, very nice! My only crit. would be to make the wireframe/texture option a simple toggle, rather than selecting wireframe OR texture. Not only is ‘texture’ a very 3D modelling/game specific term (breaking immersion a little) but also a wireframe on/off toggle will reduce some clutter – the most important goal of all UI design!
It’s pretty good but those 11px fonts should be bumped up to at least 15 or 16px to accommodate people with poor vision and/or high resolution displays.
Looks great, easy and informative.
The demo is really cool! Love the layout and the interactiveness. I know it’s a demo and all but, for the future, make sure you include scroll wheel support to make scrolling a bit easier. Other than that critique….just great, more than what I was imagining.
Very nice, except there needs to be a lanquage filter. Half of the stuff was in f***n spanish!
http://en.wikipedia.org/wiki/Lorem_ipsum
this is really making me want to see the finished website that little bit is so detailed and it goes so well with the game. great job…
That looks awesome! One question though, why did you use latin as the bunk language???
Google translated from the thrusters section:
“There’s more variety of life here. Contact Us Please do not use CSS. Bathroom need wishes. It now takes more, more and more of life today. Contact.
This very soft and just like storage to zero emissions. Our lakes are hidden, and the members of the main one, and no real estate. Technical indicators for asset’s always in need of pain. Product # job at the immigration dynamic smile.”
There is more about hidden lakes, the EU, immigration, I’m confused… This isn’t just bunk text, it has sentence structure and some flow.
It is in fact just dummy text…
http://en.wikipedia.org/wiki/Lorem_ipsum
Sexy!
Zane, I’m really excited by your ship UI. I can’t wait to browse a whole roster of ships given such a treatment. Give yourself a pat on the back, and then keep up the good work!
Cool interface. I like the blue~
Can you add in a Perspective View option?
Looks great!
(little bug with the specs section when you zoom out with chrome, the cargo capacity drops down)
It looks nice and appropriate but the text is WAY too small for the description (11px/arial ? let’s try a nice webfont and at least 14px) . Also the fake scroll breaks the UX (mouseweel scrolling). Unless the text is there to look pretty and not to be read.
Source : I do the webs for money
I’t might be my broser but when I click on the icon all I get is a blank screen with wire mesh in the photo.
It would be nice if the mouse wheel could be used for scrolling the text descriptions. Looks great otherwise.
Just for reference on the Mac text scrolling works fine in Safari 6.0.2, Chrome 25.0.1364.99, but not Firefox 19.0. The design is stunning and I can’t wait for more!
I am pretty sure that it does not work with IE8 (I will try it with better browsers at home)… I also think that it is unsecure element or something like that when using https, I am really looking forward to try it.
Awesome. I agree with others that text should be scrollable (it is in Opera and IE10, it is not in Firefox). I am happy with buttons, it is imho better than using mouse, although mouse would be cool for real 3D model of the ship.
I would like to see some ‘basic’ version for older browsers and people with slow internet connection.
Drool, nuf said
Holy s*** °!
When i click te Hornet nothing hapens.
I’m using Win XP Pro 32 with Chrome Version 24.0.1312.57 m
Prolem solved by updating Chrome to Version 25.0.1364.97 m
Pretty neat! Would be even better if we could spin the ship around as a 3D model though, rather than top/bottom/front/back etc.
That looks great.
The Constellation should definitely be the next test
When can we expect to see the new forums?
Am I the only one who thinks, that the background could be a little bit more decent?
That is awesome! Can´t wait to see the Constellation in the new UI!
the guys running lorem ipsum through ‘ Google translate made my day! For the UI: remove the rotate, front buttons and put just a reset to default cam and add mouse rotate/zoom. it’s a high end pc game not an in-browser online game after all.
Zane, I gotta say that this level of quality is so far above average browser applications it’s unreal, even games that revolve around customization i.e. Mechwarrior look dated and feel clunky in comparison. If this is just a glimpse of things ahead of us … a lot of people will be busy picking up their jaws. Great work mate, I really appreciate it =)
This is a very fine work.
Go on with it.
I’m deeply impressed.
Awesom demo! But, try Spec tab move to left side.
Or better Desc tab, because it not usable but only for reading..
Length seems to be missing?
rely nice work Zane, I’m looking forward to seeing what you come up with for us fan boys in the future. Your first job out of collage is CIG enjoy every moment of it your in with one of the best crews ever.
Looks great, but when will we be able to see the specs of the Aurora, which will be the starting ship for most players?
ZANE PLEASE NOTE THE FOLLOWING RECOMMENDATION: Please remove the left hand side rotational buttons as this makes it feel ancient compared to the rest of the UI. Please use a system where if you keep the mouse button 1 clicked and move the mouse around the ship will rotate according to the mouses’s position. Just like when you are on a automobile website.
awesome work Zane!
P.S. anyone knows any good old cloning facilities?since Arnie destroyed to last good one.
That might help us get the page in April?
I definately like the UI considering it is probably not the final layout but it feels good to use it. The responses to clicks work great. sometimes when i see other websites using similar setups (car manufacturers have been mentioned) they feel sluggish when navigating different views of an object but with zanes UI it just feels right.
nice UI. what i guess is an export option allowing fan site to use it too.
Very shiny. Anybody know if the price listed there is realistic or just a number pulled out of the air? Because if a new Hornet only costs 2500 the money we get from backing will go further than I thought in the early game…
wow Zane ! This design is really great ! if the others interfaces are like that, i’m totally sold !!!!
Niiiice work !
Oh my.
This looks all kinds of awesome !
Cool stuff! Can’t wait to see what it will end up looking like.
Rock on. Keep up the good work.
Awesome. Nice work Zane.
looks amazing
Extremely awesome, keep up the good work Zane
Very nice design, hats off!
Looking forward to release version, demo is little bit slow for me.
Fantastic stuff!
thats pretty cool!
Only complaint is wanting the mouse wheel to control the text.
The suggestion about bigger text is not a bad one, but can also be controlled by the user with Ctrl+mouse wheel to zoom. The zoom on this is a little slow, I’ll note, which makes me wonder about overall performance. I know Zane has been working with the Montreal server team on this, so I’m not too worried about the final version repeating the current site’s performance issues.
The “funny language” is “greeking”, a standard graphic designer tool
http://www.lipsum.com/
Hell of a job application, Zane
eido
Good job Zane!
I translated it from latin and got the following:
“Your ugly ugly, but more seasoning as versatile as before. We want the vehicles temperature Link immigration.
Until there is more than a channel layer. That’s funny bravo, bravo throat now. Sale great food tour and undertakes, just hit reply. Why, here’s more information, pure basketball now, now, now that the mass available to navigate. Pure from the great annoyance, till the time it is to grow strong by the arrows. Model graduated zero. As long as neither laughter, and a few notes not be published from time to time, the rhoncus about Joomla. Product planning is to be used up before the season is easy. Welcome purchase lion.”
Enjoy!
The UI work looks absolutely gorgeous, well done. From a usability perspective, the full version really needs to have mouse rollerball scrolling, so I don’t have to click and drag the scroll bar. I realise that this is a preview, so maybe this is already planned.
I’ve been playing the original Unreal Tournament (UT99!) recently, and none of the textboxes support the mousewheel. It’s most annoying.
Not sure if it’s in the future plans, but I’d love to see a customize button somewhere, possibly in the spec section or near the purchase button that allowed you to change around the mounts. I’m not looking to buy a differently configured ship (though I wouldn’t mind that), just to be able to see my upgrade options post purchase and if and how they effect the ship.
Nice work!
Amazing, I can’t wait to see this implemented into the engineering section
Looks wonderful. I wouldn’t mind being able to click and drag/rotate, etc. the ship in the main window, and possibly to see an exploded view, being able to click on weapons/thrusters, etc. that way.
I really like that interface, very nice, sleek, info very handy.
Interface looks quite good. Though I’d like to see the “Ship Image” to be “fully 3d turn-able” with the mouse. Those buttons are so 1990s
Looks good, “the draft”.
I hope you will still implement the mouse wheel.
The display of weapons is still missing.
I will say nothing, but just click on the weapon in the middle and the window in the middle is changing …..
Tuck in more work “the gun will go up an additional window and the gun is shown in a hologram art revolves around itself that comes better! A woman’s voice describes the weapon.”
that’s hot
Looks great. I think as a stop gap, the ships Doc needs to be updated with links to this as pages are completed!
I would like to see all hardpoints linked to their locations, even if the location is not currently viewable. Basically, I want to see where a point “would be” without having to flip views first.
Visible hardpoints are linked with a white arc to a yellow dot. I would like invisible points linked with a red arc to a red hollow circle. The red circle appear/disappear with the arc, not stay on the image.
I do like this nice idea of giving similar ships from other games or movies
Very very cool Xane. I’m sure CR is super happy with this. Is it just me or is anyone else getting a Privateer 2-esk feeling from this?
Keep up the good work.
*Zane* My bad. Been a long day…
The morphing “liquid metal” dots god old, put over all the UI was one of the better parts of Priv 2
I can’t see anything in the link but wire messh.
Love it period
I fight for the User !
love the wireframe stuff
This is awesome stuff, great job Zane!! keep up the good work
Very cool guys, looking forward to more ship examples in the near future!
Niiice! Can’t wait for the site update!
Need to see the Freelancer in that view!
The Citizen Card thing didn’t seem to be working (even though I pledged $35), there is no red ‘schipping information’ button in the ‘my Account’ page.
I wanted to upgrade anyway (and so I did), now it DOES work.
Just in time
only 4 hours untill the deadline.
I like the UI mock up, though the curved pointer thingies could use a more contrasting color.
Will we be able to change the color sheme? Everything in ‘Starfleet-Blue’ might be the main theme, but the future won’t be all grey & blue right? What about red, green, orange, brown of even violet?
Well…. this blows.. This citizen card thing sucks. Big time. First you promise a card for Xmas, nothing happens, then total silence, then all of a sudden I get to create a card, I do that, even add a T-shirt, nothing happens (again), next you change the rules (less letters, only caps) and then to finish it off, give me 1 day to comply! One. Day. Well guys, I missed the email yesterday and sorry, but I have a job so I don’t check in over here every single day. And maybe (strange idea, this) people go on holidays? So sending an email saying tomorrow your card is going to be f****ed unless you respond *NOW*… Well that don’t (and didn’t) really help that much.
So…
Thanks. For nothing.
Try forking over $600 and having this problem… Kinda over it now. Just going to walk away for 18 months and take a deep breath. Someone poke me when this bull crap is sorted out
Don’t feel too bad… I found this in the afternoon on the 28th, just a bit too late.
Well obviously you’re not worthy of the attention of the Star Citizen staff if you don’t have the time to check your emails and/or login to the site literally every day. I mean what kind of fan doesn’t obsess about every tiny little thing for a game that’s still two years off? Obviously you don’t have the dedication necessary to this game and that’s why you don’t deserve a citizen card.
It’s really frustrating that they couldn’t even hold the order off for a week or two in light of this recent development though. I imagine a lot of people have missed out because it was incredibly short notice.
Yeah I missed this too… just read it today. Shame cos my name is long.
Not sure where to post this, so I put it here:
Scrolling does not work on iPad at all, not with the slider and a mouse wheel does not exist …
I like the overall style, a bit of constructive critisism though:
Main issue I have is it’s too small on my screen, there’s a lot of spare real estate it could scale up into. Maybe that’s an issue with my browser set up, I’m using my 46″TV as monitor. This makes the text way to small to view easily from where I’m sat. Also the detail inside the icons for turrets/launchers etc is wasted they’re so small.
The delayed background turntable spinning thing under the Hornet is a bit sea-sickening! It would be nice if you could spin the Hornet with your mouse rather than the plan and elevation views or as well as. Although if this would create page load time issues as I’ve experienced before with that kind of thing, your approach is preferred.
Hopefully you guys will recognise more and more people will be using their smart TV’s as monitors, so will be sat further back, and will include game settings to accomodate them.
Keep up the great work!
Spot on man, i hope they read your comment. Tired of all these kiss asses.
Looking good!
Idk, its nice, a bit colorful. I noticed Zane tends to use deep colors. In my opinion it should be more practical. I don’t want to be mean,i just want whats best for the game.
Looks great, but I would replace the 2D hornet with a 3D model that rotates slowly and I would delete the wireframe. It’s a cool feature but I think nobody will use it.