• Web Development - WAYWO - #8
    5,576 replies, posted
[QUOTE=KmartSqrl;44567760]I prefer the revised one too. I think the important stuff is more prominent in it, as it should be.[/QUOTE] The whole idea behind the first version was the "offline" user experience. Since this was an exclusive limited-edition shoe reservation system, we wanted to provide users with something they can "hold" onto, once the experience was over. Something like a small souvenir. Now, I agree with you that the information in the final version is more "prominent", however, this is what was outlined in the presentation PDF accompanying the first version: "Additionally, reservation information could be displayed separately and in a more streamlined manner ..."
Finished the GMOD Stats Site for my Community. [URL="http://crossfiregaming.net/gmod/"]http://crossfiregaming.net/gmod/[/URL]
[QUOTE=ToXIcGaming;44570206]Finished the GMOD Stats Site for my Community. [/QUOTE] You know, if I didn't know better, I would think somebody had took the (un-paid) [URL="http://crossfiregaming.net/gmod/resource/css/demo.css"]live preview stylesheet[/URL] of [URL="http://themeforest.net/item/mws-admin-full-featured-admin-template/1460451"]this[/URL] and added crap on top of it. I could tell without even looking at the source that you hadn't made it because the base looked good but the GMod specific stuff looked out of place completely
[QUOTE=Coffeee;44570457]You know, if I didn't know better, I would think somebody had took the (un-paid) [URL="http://crossfiregaming.net/gmod/resource/css/demo.css"]live preview stylesheet[/URL] of [URL="http://themeforest.net/item/mws-admin-full-featured-admin-template/1460451"]this[/URL] and added crap on top of it. I could tell without even looking at the source that you hadn't made it because the base looked good but the GMod specific stuff looked out of place completely[/QUOTE] I didnt claim to have made the style but i made the rest.
[QUOTE=NoFaTe;44569508]The whole idea behind the first version was the "offline" user experience. Since this was an exclusive limited-edition shoe reservation system, we wanted to provide users with something they can "hold" onto, once the experience was over. Something like a small souvenir. Now, I agree with you that the information in the final version is more "prominent", however, this is what was outlined in the presentation PDF accompanying the first version: "Additionally, reservation information could be displayed separately and in a more streamlined manner ..."[/QUOTE] The information is more streamlined on the second version. It's easier to scan, there's less irrelevant information that's given heavy presence. Take the person's name on the first version as an example. The person buying the shoes knows what their name is. The pickup time and date are [B]way[/B] more important than the person's name and shoe size. To me it sounds like you just got too attached to the cute ticket metaphor and let that take precedence over making it the best experience for the end user, and then got upset that it got taken out to make the experience better because you were attached to it.
[QUOTE=ToXIcGaming;44570615]I didnt claim to have made the style but i made the rest.[/QUOTE] It's still stealing and you can be sent a DCMA request that you have to comply with by the creator of the theme.
[QUOTE=KmartSqrl;44571032]The information is more streamlined on the second version. It's easier to scan, there's less irrelevant information that's given heavy presence. Take the person's name on the first version as an example. The person buying the shoes knows what their name is. The pickup time and date are [B]way[/B] more important than the person's name and shoe size.[/QUOTE] You should probably read my previous message again. [QUOTE=KmartSqrl;44571032]To me it sounds like you just got too attached to the cute ticket metaphor and let that take precedence over making it the best experience for the end user, and then got upset that it got taken out to make the experience better because you were attached to it.[/QUOTE] I should note that all the information that's present in every single page (and version) was explicitly requested by them. Even the ticket was their idea. I had no say whatsoever as to what would be presented, only as to how. If it was up to me, the final version would contain both ways of displaying this information (as suggested in the presentation PDF I mentioned earlier).
[QUOTE=NoFaTe;44571580]You should probably read my previous message again.[/QUOTE] Why? [QUOTE=NoFaTe;44571580]I should note that all the information that's present in every single page (and version) was explicitly requested by them. Even the ticket was their idea. I had no say whatsoever as to what would be presented, only as to how. [B]If it was up to me, the final version would contain both ways of displaying this information (as suggested in the presentation PDF I mentioned earlier).[/B][/QUOTE] That would be even worse! Duplicating all the information because one of the ways it's being displayed is less usable is a big indication that you need to drop that display method and only use the one that works better. A client requesting something doesn't mean you can't push back and say "I think we should exclude this for reason x". Part of your job as a designer is to help your client figure out what they [I]really[/I] need. It's not to blindly follow every brief you're handed. Being a designer is not just about being a pixel pusher.
Very rough wip concept. I'm having a hard time choosing a colour palette -- any tips would be great. [t]http://i.imgur.com/BLilLwc.png[/t]
[QUOTE=KmartSqrl;44573863]Part of your job as a designer is to help your client figure out what they [I]really[/I] need. It's not to blindly follow every brief you're handed. Being a designer is not just about being a pixel pusher.[/QUOTE] I wish I could, however in jobs like this there is almost no way of doing so past a certain point, as most of the time the agency that's responsible for the project which in return cotracts us is too afraid of rejection, so almost all suggestions are being filtered out before they even reach the [b]actual[/b] client. The [b]actual[/b] client is only shown and informed about a very small portion of UI/UX suggestions throughout the development cycle. A ton of suggestions and experience specifications just went out the window, without even reaching anyone. And after trying time and again to communicate such suggestions (and repeatedly failing), I've come to the conclusion that in situation like these you just have go with the flow.
I found out that it's possible to create grids in CSS using repeating gradients. I made this (works in IE10+): [IMG]http://samuelmaddock.com/up/2014-04-18_17-24-45.png[/IMG] [URL]http://codepen.io/samuelmaddock/pen/pgHkK[/URL] I also found out that [URL="http://samuelmaddock.com/up/2014-04-18_17-20-16.png"]Chris Coyier favorited it[/URL] (he writes a bunch of articles on css-tricks.org)! :dance:
"huh, weird, why is this page having all that space to the right...? There's nothing indicating so anywhere... Huh, that Tweet button isn't where it should. Let's see what's conflicting." [IMG]http://i.imgur.com/iauBmx5.png[/IMG] Who in their right mind sets 3844px as the width of [B][I]anything[/I][/B]?!
If anyone wants an SSL certificate then I've created a special Facepunch coupon (75% off) here: [url]https://www.volcanicpixels.com/ssl/buy?coupon=eyJwcmljZSI6IjkiLCJuYW1lIjoiIiwiZG9tYWluIjoiIn0.pQyMWINUHLHbykwA_3o9xmspoR4[/url] If you don't want to buy an SSL certificate then I'd appreciate it if you bought a dummy one on the sandbox site and gave me feedback: [url]https://staging.volcanicpixels.com/ssl/[/url] Use credit card 4242 4242 4242 4242 and any valid expiry date and cvc.
I like your site design, although I doubt I'd be able to read some of it on my laptop (the colours would be too faint for my crappy display). Just thought I'd let you know
[QUOTE=Kwaq;44586543]I like your site design, although I doubt I'd be able to read some of it on my laptop (the colours would be too faint for my crappy display). Just thought I'd let you know[/QUOTE] Thanks, I didn't even consider that - I'll look into increasing the contrast.
[QUOTE=daniel_c;44583286]If anyone wants an SSL certificate then I've created a special Facepunch coupon (75% off) here: [url]https://www.volcanicpixels.com/ssl/buy?coupon=eyJwcmljZSI6IjkiLCJuYW1lIjoiIiwiZG9tYWluIjoiIn0.pQyMWINUHLHbykwA_3o9xmspoR4[/url] If you don't want to buy an SSL certificate then I'd appreciate it if you bought a dummy one on the sandbox site and gave me feedback: [url]https://staging.volcanicpixels.com/ssl/[/url] Use credit card 4242 4242 4242 4242 and any valid expiry date and cvc.[/QUOTE] Small tip, consider doing the checkout process in stages, instead of all in one page. Perhaps display the price somewhere too.
[QUOTE=Dorkslayz;44586883]Small tip, consider doing the checkout process in stages, instead of all in one page. Perhaps display the price somewhere too.[/QUOTE] Could you explain what benefit splitting the checkout up would have? I personally prefer to have it all on one page but I'm prepared to be convinced. I feel the price is pretty well displayed on the main SSL page, the first link takes you directly to the purchase page (where the price is only displayed at the bottom) as it has a coupon but ordinarily a customer would have clicked through from the main page: [IMG]http://files.danielchatfield.com/9U7G+[/IMG]
[QUOTE=daniel_c;44586989]Could you explain what benefit splitting the checkout up would have? I personally prefer to have it all on one page but I'm prepared to be convinced. I feel the price is pretty well displayed on the main SSL page, the first link takes you directly to the purchase page (where the price is only displayed at the bottom) as it has a coupon but ordinarily a customer would have clicked through from the main page:[/QUOTE] It's a UX thing, customers can sometimes feel overwhelmed when there are lots of boxes to fill out. Should also just clarify that I meant you should show the price a little clearer on the purchase page, I didn't like having to scroll down right to the bottom to find it.
[QUOTE=samm5506;44582042]I found out that it's possible to create grids in CSS using repeating gradients. I made this (works in IE10+): [IMG]http://samuelmaddock.com/up/2014-04-18_17-24-45.png[/IMG] [URL]http://codepen.io/samuelmaddock/pen/pgHkK[/URL] I also found out that [URL="http://samuelmaddock.com/up/2014-04-18_17-20-16.png"]Chris Coyier favorited it[/URL] (he writes a bunch of articles on css-tricks.org)! :dance:[/QUOTE] I stole this and converted it to be an em design grid, that lets me see em sizes/scaling on content as I prototype: [t]http://lw2.co.uk/brl.gif[/t] It's really useful for me thanks :v
Which one of these looks better? [t]http://i.imgur.com/85pQ33s.jpg[/t] Or [t]http://i.imgur.com/DpEhpeh.jpg[/t] Currently looks like the bottom one, but a web developer friend of mine said it would look better reversed like the top.
Bottom one would look better if the image was moved up so that the light gray touches the top of the screen
[t]http://lw2.co.uk/mew.gif[/t] got bored on easter v:v:v adding networking node server and then its done! update [t]http://lw2.co.uk/xo.gif[/t]
Started making a basic lightweight framework with a friend of mine. Focused om extremely quick development of simple websites. To test it out and improve on it we are working out an movie club website. Its going to be an invite only movie club. Every few days a new movie is picked based on suggestions and votes. After you have seen the movie you can join the discussion about it. It is supposed to have a very natural discussion flow on it. When you go to the cinema with a bunch off friends your first few words after the movie are something similar to "that was amazing", "The first one was better" or "hah that was so bad it was good". After that you go into more detail and you keep making the details smaller. We are going to try to recreate that in a website. Anyway, working on login right now, have a wip ss. [t]http://i.imgur.com/GYHjyrO.png[/t] oh and if you feel like going to a mostly broken website (expect errors) [url]http://www.somemovieclub.com/[/url]
I'm attempting to create a personal site for myself. First time attempting [I]real[/I] design. Using bootstrap to get a better hang of it, modifying what I can to make it look better. I can't seem to find the correct class to override and remove the underline under that menu aswell as I can't get the menu to "interact" with the image. [T]http://i.imgur.com/w5OLGAw.jpg[/T] Also, I definitely plan on changing that disgusting font. Have spent an hour on this so far.
[QUOTE=Svenskunganka;44611978]I'm attempting to create a personal site for myself. First time attempting [I]real[/I] design. Using bootstrap to get a better hang of it, modifying what I can to make it look better. I can't seem to find the correct class to override and remove the underline under that menu aswell as I can't get the menu to "interact" with the image. [T]http://i.imgur.com/w5OLGAw.jpg[/T] Also, I definitely plan on changing that disgusting font. Have spent an hour on this so far.[/QUOTE] Don't bother putting your resume on your site if you are going to have: [code]while($intoxicated == true) {drink_water();}[/code] on the background.
[QUOTE=Superbird;44612023]Don't bother putting your resume on your site if you are going to have: [code]while($intoxicated == true) {drink_water();}[/code] on the background.[/QUOTE] *sigh*, do you really think I'm that stupid? I've spent about an hour on this, and two of those minutes went to the background. It's an internal joke between me and a friend of mine. It's a rather funny story. It's always nice to work on something when you have something "fun in the background". :downs: Anyway, onto the real issue. The menu and the logo won't get closer to eachother for some reason. Maybe I have to set a z-index? Gonna try!
The HTML snippet that you show is missing a <body> and == true is redundant on the PHP one.
[QUOTE=Jelly;44612295]The HTML snippet that you show is missing a <body> and == true is redundant on the PHP one.[/QUOTE] Part of the inside joke. Along with every other bug/mistake you might encounter.
[QUOTE=Superbird;44612023]Don't bother putting your resume on your site if you are going to have: [code]while($intoxicated == true) {drink_water();}[/code] on the background.[/QUOTE] Agreed. [code]while($intoxicated) {drink_water();}[/code] The above is much better programming practice
[QUOTE=Svenskunganka;44611978]I'm attempting to create a personal site for myself. First time attempting [I]real[/I] design. Using bootstrap to get a better hang of it, modifying what I can to make it look better. I can't seem to find the correct class to override and remove the underline under that menu aswell as I can't get the menu to "interact" with the image. [T]http://i.imgur.com/w5OLGAw.jpg[/T] Also, I definitely plan on changing that disgusting font. Have spent an hour on this so far.[/QUOTE] That underline is a border. [code] navbar navbar-default { border: none; } [/code] Should fix it. Next time please come with a live example so we can test it before we can confirm it works please. Also there's a lot of tools to help you set up the menu, [URL="http://bootstrap3-menu.codedorigin.com/#sthash.OMhHt6JV.dpbs"]here's one for example[/URL]. Also you did try and inspect the menu right? [IMG]http://i.imgur.com/2QmOm6J.png[/IMG] (this is taken from the docs) [editline]22nd April 2014[/editline] Not sure what you mean with "interact" with the image either
Sorry, you need to Log In to post a reply to this thread.