Tag Info

Hot answers tagged

4

If you want to consider users with special visual and/or cognitive requirements, it becomes quite complicated and there's no single answer. The W3C Web Accessibility Initiative's Web Content Authoring Guidelines (WCAG) provide a good starting point. That's probably the single most thoroughly-researched resource on web accessibility, though it's not totally ...


3

Good question. The general rule of thumb is to show the text cursor when a section of the page is expected to be copied. The text cursor provides visual feedback that the user can highlight text or input text. So it should be displayed when the design calls for the user to interact with text. In your example of the tags text, the user really isn't supposed ...


3

I would say that although it may not be the worst sin in the world, it is probably bad practice. One problem: If you have everything positioned absolutely and the window re-sizes, the page will probably have to run some javascript to resize the elements.


2

The whole point of responsive design is that you don't start to design from the width of your page. The idea of responsive design is that you start design from the components up. Think about what content you want to display, and then design a scaling system. Something that expands and shrinks along with the width of the screen. Responsive sites do not ...


2

I am a junior .Net MVC developer who is great at nothing but good at everything. Welcome to the club. It can be frustrating at times, for sure. But it seems to serve us well enough. :) I am starting to reach a point where I really want to specialize in something If you have the passion for that one thing, then absolutely go for it. That said, I've ...


2

Twitter and Facebook buttons are intended to be different and it would be against either Twitter's and Facebook's branding guides to make them look similarly/the same. I also think it would be a bad idea to modify the original buttons, since people recognize them because they are the same on every other website - so if you change them, it may happen so noone ...


2

You want help text to be placed where the user has a question (e.g., “How do I apply this message to all the emails I’ve listed?”). You also want a control to be placed where the user is ready to activate it (e.g., “I’ve written my message and entered my emails, now I want to apply the message to all the emails.”). It follows that, in a properly laid out ...


2

how often are people printing pages outside of 8.5 x 11? I have never printed at 8.5 x 11. I assume this is a U.S. paper size and is in inches. I print at A4, it is the standard printer size in the UK. It is 210mm x 297mm. Don't try to assume what sizes people are printing at, instead make your print styles flexible enough to cater for everyone ...


2

A few rules of thumb: I recommended providing at least two themes - dark on light and light on dark as some users may not be able to read one of the two. For light on dark, make sure the contrast isn't too high (e.g. use grey on black, not white on black). Make sure the contrast between the intensity of foreground and the intensity of the background is ...


2

You can keep hidden the two input controls, and show them only when the user taps one of the extremes: User should be able to drag extremes, which may also contain the current values.


2

Well formatted markup will not necessarily present information in the order that a person would expect it. For years I've placed the navigation at the bottom and the primary text at the top (within the HTML) and used CSS to place the nav where I wanted to. SEO people I talk to still consider that to be a good practice. I think that looking at your page w/o ...


2

I found this particularly insightful : http://www.colormatters.com/color-symbolism/global-color-survey. After taking the survey, the results were as follows. Over 130,000 people from all points on the globe took the survey. Here are the results: Happy - Yellow Pure - White Good Luck - Green Good-tasting - Red (tomato) Dignity - Dark Blue High Technology ...


2

"All" option to the left of the "#" would be an easy fix. If you're thinking about adding more advanced functionallity in the future - namely multiple selection, consider doing it this way: download bmml source – Wireframes created with Balsamiq Mockups I really like this option for complex filters.


1

You could chunk the complexity into a lower limit and an upper limit, and optionally a difference between the two if this is useful. Increasing the lower limit above the upper limit automatically shunts the upper limit along, while decreasing the upper limit below the lower limit automatically shunts the lower limit down. If the user has manually entered a ...


1

When clients say they want to transmit something, I normally ask them for examples of what products, logos or slogans they have in mind at that time. My idea of luxurous may not be exactly the same of my client, so through examples and exploring more of their public I can have more of those informations. Maybe people from one country think golden colors ...


1

The W3C answer to this is a strong "yes". They consistently advocate separation of semantic and presentation concerns, and if that is done rigorously, then unstyled HTML should make visual sense, because the default behaviors for paragraphs, definition lists, captions etc. are designed to make visual sense. The point is not so much that people will have ...


1

Generally speaking if you are coding semantically your unstyled page will be clear. Browsers apply default properties to elements like h1, p, legend etc. Pseudo elements (:before and :after content) is usually not desirable for accessibility - think screen readers. Unless you have a specific use case for unstyled content then you can safely ignore it along ...


1

I would suggest that you focus on 2 areas for this project: Searchability - Users of the system will want to find exactly what they are looking for as fast as possible. Type to filter, where the filter is *< search string >* works great for searching names, as it is easy to search based on first or last name from the same search box. Rapid Editing - The ...


1

I agree with JonW - you're essentially asking for a responsive website that doesn't respond. Equally, providing technical advice is not what this type of forum is for. The ideology behind a responsive website is that it optimises content applicable to the users resolution and prioritises it accordingly. One thing I would question if I were you is, not ...


1

If you are not concerned about beauty/ugliness just try to imitate the Windows High Contrast colour schemes.


1

I would look at JQuery carousels and image sliders, then format them to fit in a div within your phone image. Some of them handle video as well as images... here's a quick hit I found http://designscrazed.net/free-responsive-jquery-carousel-slider-plugins/ I've used Flexslider myself and found it to be very configurable: http://flexslider.woothemes.com/ ...


1

It may not be 100% what you are looking for but we use http://placeit.net at our work and found it to be very good. It is not a free service but is relatively inexpensive.


1

There are statistics available, but they vary. This site says 88.9% of users have 16px as their default, this site says 99.7%. But it shouldn't matter. If you design a web page, you have two options: either leave the user's preference intact, that is, don't change the font size at all, or choose your own font size. That's it. If your decision depends on ...


1

I've seen a very nice implementation of this idea in Adobe Lightroom and in case you don't have the app, I can try to explain it to you. Internally, we are also in the process of implementing this idea in one of our applications to make more room for the user. Below you will see the Lightroom screenshot. Look at the middle left of the screen at the ...


1

To get you up to speed fast, spend your next ten hours reading "Don't make me think" by Steve Krug. When your done, tweet me and I'll be more than happy to guide you through the available literature.


1

any potential disadvantages The primary potential disadvantage is that the aspect ratio provides you with no indication of the size of a device they are using...which is one of the purposes of a responsive solution. I may have a 30" monitor with the same aspect ratio as my phone. But you likely wouldn't want to present the same UI on both.


1

The main reason to use a pre-made grid is not artistic (e.g. golden ratio, etc.) at all. In fact it is very practical and has real values Asthetically speaking, using the grid will help you achieve the consistency and alignment across your web pages or throughout the web application. It greatly speeds up the layout process by giving the designers 'anchors' ...


1

960px is a good base width because tablet viewers (in landscape) can still see the whole site as you designed it. You just have to plan. Yes, a responsive website is based on percentages, but if you set your sidebar to, say, 25% of the page width, then it will be super narrow on a phone or smaller tablet. Best to set fixed pixel widths for sidebars, then ...


1

I am having kind of the same issue right now and I decided on a approach like this: for bigger screens/desktops for mobile screens I like it nice and lightweight for Mobile.



Only top voted, non community-wiki answers of a minimum length are eligible