Courtney Jordan

810 reputation

111

bio	website
	location	New York
	age	30
visits	member for	11 months
	seen	yesterday
stats	profile views	93

I work for the New York State Department of Labor as a Graphic Designer/Typographer/Web Designer for the Web Team and collaborate with the UX Team. I know way..... to much about web colors and fonts!

By Night... I am a Photographer and Mine-craft enthusiast!

Got Questions? Ask & Follow Me!

@Tumblr

@Google+

	810 reputation	bio	website		visits	member for	11 months
111 badges		location	New York		seen	yesterday

summary answers questions tags badges favorites bounties reputation activity

37 Comments

suggestions reviews revisions comments badges posts accepts all

2d	comment	Best Approach for Responsive Linked Images from Desktop to Mobile? Thank you RK for your help. I looked at many responsive websites over the weekend and I noticed your example matched with other websites. I definitely want to avoid images siting side by side as they could be chopped on on various screens. Stacking images is the best approach.
May 13	comment	Best Approach for Responsive Linked Images from Desktop to Mobile? @Shauna: I forgot to mention this is in regards to a homepage look/feel only. Co-workers have been in debate in if the homepage should be scroll-able or not. That's why I posted my question on stack exchange because I am not sure what the current convention is.
May 10	comment	Best Approach for Responsive Linked Images from Desktop to Mobile? The customer had requested the use of images rather than icons. Icons would of been a nice solution and easier to translate from desktop to mobile.
May 10	comment	Best Approach for Responsive Linked Images from Desktop to Mobile? The images are on a safety website and one image is for adult safety while the other image is for child safety. Within the images I tried scaling down the images on mobile and they are difficult to see. I thought about stacking the images vertically but a common complaint is users hate to scroll.
Apr 23	comment	Is it a bad idea to use grey buttons? Good examples however the colors in your examples could be misleading.. The first example draws the eye to the dark/bold text. Your second example has blue for secondary but the blue's weight is alot heavier than the orange which makes the secondary appear to look more primary. The third makes the secondary buttons seem disabled however the eyes are targeted to the primary.
Apr 23	comment	Is it a bad idea to use grey buttons? @meepsh I work with web colors on a daily basis and if I could recommend any type of improvement I would just tone down the grey on your secondary buttons to colors #CCC or #DFDFDF. That way your buttons won't have such a strong presence and feel more as a secondary action. Currently both buttons have similar weights in color.
Apr 20	comment	Is it a bad idea to use grey buttons? @KoenLageveen: Yes my example is using a different color for the text. I'll update my answer to include what a disabled button should look like
Apr 19	comment	Is it a bad idea to use grey buttons? disabled buttons also have more of a faded out look showing the user they are unable to click the button.
Apr 19	comment	Contact page. Which is the better wording? Is this website for a company? small firm? 1 person?
Mar 29	comment	Is it wrong to have your primary actions in red? I agree/disagree because of how the color is handled. I know with experience in print/digital media the color red is handled differently due to it's value and weight. Red used as a title in a magazine may not have the same look/feel on a website. Coca-cola's red label is easily identifiable among other competing sodas and works in their favor. Their website(us.coca-cola.com) has different red values/weight which gives a disorienting/overwhelming feeling that can detour users. I personally struggle with the powerful color everytime I redeem mycoke rewards as the color hurts my eyes.
Mar 29	comment	Best way to show User Profile? It's both a UX and Design question. Design can impact the users experience which I delightfully encounter on a day to day basis. If a page/website is poorly designed then a user can have a negative experience. Yale's Art Department(art.yale.edu) is a good example of poor design and a huge deciding factor in my college education.
Mar 28	comment	Best way to show User Profile? I would like to add LinkedIn is a visually appealing site however some profiles are very ....very long and sometimes I am unable to locate information quickly. Of course when your friends are programmers and know many languages (which are all listed on their profiles) of course it'll be hard to locate the desired information and your left endlessly scrolling the page.
Mar 26	comment	Best way to show User Profile? I'm a little confused about your question.. Are you looking to design the look/feel of your form now or how people will view it after that data has been provided.
Mar 19	comment	Is it better to have groups of content stacked vertically or horizontally? Adding to @Keiwes depending of what type of content you have and your audience will be a deciding factor on how to present your content. I'd recommend Pattern Tap (patterntap.com) to find other example patterns of horizontal and vertical approaches other sites have used. It's a personal favorite of mine!
Mar 18	comment	Changing Colour of Social Media buttons to match Colour Palette While looking through web patterns and other sites I didn't see much of the grey social icons as you stated above. Can you provide some examples? Through research I found mostly 2-toned colors ranging in blue to tan.
Mar 18	comment	Changing Colour of Social Media buttons to match Colour Palette I looked through a bunch of examples on the web over the weekend and I am starting to think social media icons can hold their original color values or hold a custom color as long as it's not detouring greatly from the original color value. Even if facebook has set the tone for their icon about 50% or more websites tend to shift the media icons to a more subtle color to fit within their theme.
Mar 15	comment	Changing Colour of Social Media buttons to match Colour Palette The whole point is to get people to click the icon but it seems people are falling back from the traditional set social media icon colors and rolling their own. It almost looks like websites want to show they are connected to social media but they are blending icons in to appear hidden. Sites like "Codrops"(tympanus.net/codrops) or "Mohawk Fine papers Inc."(mohawkconnects.com) are examples. I was just curious if the current trend is to steer away from the preset social icon colors.
Mar 15	comment	Changing Colour of Social Media buttons to match Colour Palette As a current trend I have seen people detouring from the established social icon colors and rolling their own colors. I was curious if this has had an impact on users. From my own experience when website's roll their own colors I tend to miss the icons as they do not "pop out" on the screen.
Feb 27	comment	Best Practice for Tab Placement on Widget? I also want to mention side tabs aren't all that bad either. Side tabs can be used for tabbed navigation as seen on apple.com/iwork/tutorials/#keynote but you'll want to keep side tabs to a count of 3-5 tabs as it'll cause users to scroll for it exceeds the page width and appear over-whelming if there is content underneath a side tab widget. As a designer i'm all for conserving space and allowing enough breathing room (white space) to allow users to have an enjoyable experience while browsing my sites.
Feb 5	comment	Website redesign how do you know how to organize the navigation structure? @Stewart Dean: I can understand your points and how your methods proved most effective. I wouldn't say throw Card Sorting out the window, it can prove productive. If it was used for a rather large company it may not prove effective due to many opinions/thoughts and so fourth. At my place of business before we conducted our card sort we held a survey which helped us build our card sort. However there are many ways to approach this with a solution. You just need to find what works in your best interest.