Tag Info

Hot answers tagged

9

Strikes me as very problematic. Adapting to a device's width is much more useful than adapting to it's aspect ratio. In most cases you wouldn't want the same layout on a 4 inch (diagonal) device as a 10 inch device, even if they have the same aspect ratio. Another problematic issue here is that, when dealing with text on the web, it's too hard to control ...


4

I think it's a great idea, and see no reason why you can't implement it. Responsive design is (still) an emerging discipline, and if you manage to show that aspect ratio gives better User Experience than todays viewport width approach, then you may even effect the future path of cross-device and responsive design. Explore, experiement, implement and test.


3

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.


3

Check your analytics and see what your users are actually using and where the trend is then design around that. Not devices but look at resolution and screen widths The idea of designing around content is a great one, but honestly who gets that level of detail upfront? Most of the time the client still hasn't worked out their content strategy and it's ...


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

Not only should you accommodate the user wanting to resize the browser window, but users can come to your website with a variety of browser windows sizes in the first place, so yes your site should be designed to cater for a wide range of different window sizes. HTML is inherently capable of describing logical layouts of web page elements, with relative ...


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

To extend on what some others have said about choosing suitable breakpoints depending on your design, take a look at the Goldilocks Approach. This approach doesn't think in pixels for column widths, instead it thinks in em's, to provide an "optimum" reading experience by not making each line of text too long. This has the benefit that it optimizes content ...


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

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 ...


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

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 ...


1

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 ...


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

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

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