A design approach that delivers elegant user interfaces regardless of the size of the user's display or the limitations of the device.
0
votes
1answer
38 views
Best practice or alternatives to handling sub/side nav in a mobile site
I am looking for what would be the best way to handle a websites sidebar in a mobile website template.
I am going to be involved in a redesign for a large web site (approximately 10,000+ pages) that ...
6
votes
3answers
638 views
Design patterns for Search
I know this may sound very generic question, but I am forced to post this to understand different patterns of search. I am working on a content oriented site which contains various types ...
4
votes
1answer
39 views
Mobile Site Footer Location
I am developing a full on RWD with a very small footer.
Footer contains only couple links which are orphan pages (FAQs, etc).
Our main target users will be accessing the site using iPhones (mostly), ...
5
votes
3answers
153 views
Using a Timeline in a Responsive Design?
I might already know the answer to this but would like some feedback / opinions on this. I am currently putting together a responsive design that will use a linear horizontal timeline. This works ...
9
votes
4answers
120 views
Best Approach for Responsive Linked Images from Desktop to Mobile?
I am redesigning a website from the early 90's and trying to make it more "responsive". An issue came up that involves two images on the homepage when viewed on mobile devices. These images are linked ...
8
votes
5answers
211 views
Responsive Breakpoints?
Twitter Bootstrap uses these break points for responsive design:
Large Display: 1200px
Default: 980px
Tablet: 768px
Mobile: 480px
A client said they are using 1280px for their Large Display ...
40
votes
9answers
3k views
Should users be forced into a responsive design (without the ability to opt out)?
There is nothing worse than getting automatically redirected to a mobile version of a site, and not having (or not easily finding) a "view normal site" link. It's not just that the mobile site is a ...
3
votes
4answers
190 views
When designing a responsive layout is it right to assume the iPad layout will be the same as the desktop?
When designing responsive layouts I tend to do 2 sets of wireframes. I design for both mobile and desktop and assume that the iPad will adopt the same layout as the desktop due to size. ( this is if ...
2
votes
3answers
163 views
I have a large list (100+) of items to be listed on a landing page. What's the best way to do this?
As the title suggests, I need to list over 100 items on a landing page. I'm hoping to make the page as responsive as possible. I don't think a table is the best option, and I'd also like to stay ...
2
votes
1answer
101 views
Mobile Menu with 150+ links
I'm building a website that has over 150 menu items. Normally, for small sites, I would use a responsive mobile menu for use on mobiles. However, as you can imagine, 150 or more menu items loaded onto ...
4
votes
3answers
140 views
Why does Gmail hide email options under a '+' sign?
Why does Gmail website hide options like "links", "smileys" etc. under a '+' sign when there is clearly enough room along the footer? Am I missing something, or is google really pushing google+?
...
4
votes
2answers
127 views
Should we still provide social sharing options in a responsive design?
Since the majority of the browsers on small devices (and Safari on desktop as well) already provide a function where the user can share the content on—for example—Twitter, should we still ...
8
votes
8answers
352 views
Icons vs. Dropdown for primary mobile navigation
I am working on a responsive design in which there are 5 selections in the primary navigation. I'm thinking because there are only 5 I could use icons instead of a dropdown for the primary navigation. ...
4
votes
1answer
158 views
How do you know if something was designed mobile first?
Now I read lot of articles about mobile first design, and I understood that it's the way of design for the mobile first.
My question is, how do we know a website is designed with a mobile first ...
-2
votes
1answer
101 views
How to inform a designer to use a grid for responsive CSS? [closed]
How do you share information on a grid with a designer / design process, such that it helps in further coding of CSS of a responsive interface?
Do you use any tools in a mock? Do you show blueprints ...
0
votes
1answer
63 views
Would like some clarification on screen resolutions [duplicate]
While working on a website, I asked a friend what his monitor size was. He said his monitor was 32" but added that the size of the screen does not matter in web design, It's the resolution and that ...
2
votes
2answers
215 views
Displaying a large number of columns in a table
I have a Twitter Bootstrap based table with responsive CSS. Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking. I tried to change ...
-4
votes
0answers
63 views
Difference between Screen Resolution, Retina Display, DPI, PPI, Device Pixel Ratio(device-pixel-ratio) [closed]
During deigning a web site using media quires for desktop and mobile. I am finding different confusing jargons, Screen Resolution, Retina Display, DPI, PPI, Device Pixel Ratio(device-pixel-ratio). Can ...
10
votes
6answers
678 views
Responsive Menu that has a LOT of menu items
We have a responsive menu that on mobile just shows the top level menu items (x8), but on desktop also shows hover drop drop downs with service areas within the parent menu item.
The problem is we ...
1
vote
1answer
108 views
What UI Should I Use?
Here's the feature:
The user is a construction sub-contractor. Each user specializes in something like welding or plumbing or windows, etc... Now, these things they specialize in are formally defined ...
66
votes
4answers
3k views
Should users be able to zoom in a responsive webdesign?
When it comes to a responsive design: should users still be able to zoom in or out?
We are currently working on a responsive design and one of our testers found it awkward that he wasn't able to zoom ...
8
votes
2answers
299 views
What's the best approach for header/footer in responsive web design?
I'm an IA doing a responsive site, as part of a much larger scale e-commerce site. Our pages are the only responsive parts of the overall site, so 90% of our site will not yet be responsive. Part of ...
5
votes
5answers
305 views
Is it reasonable to partially implement responsive design?
Has anyone ever heard of someone making only some pages on their web site responsive? What do you think about this idea, is it good or bad? I'm not really sure how I feel about the idea. Please ...
-1
votes
2answers
77 views
High fidelity / graphic prototypes delivery? [closed]
Disclaimer
I am a ruby on rails developer that never actually dealt with graphical design.
Situation
We are currently about to release a product. And the application looks alright but not ...
4
votes
2answers
103 views
How to better display metadata about a card?
A Card has the following metadata:
Information: Status (ready or not), Stage (one of nine)
Actions: Edit, View Statistics, Edit, Delete, Archive
I need to display both sides of the card on this ...
1
vote
1answer
71 views
Do dynamic height changes jar users on web page load?
When a web site loads, sometimes an element's height needs to be determined dynamically with javascript. This can happen with a responsive design where the width of a fluid element is not known until ...
21
votes
4answers
625 views
Why is that the most popular sites don't use responsive design (and choose to use a mobile version instead)?
I think I don't have post screenshots. Most popular sites don't have responsive design (in fact I haven't seen any single one that does): Facebook, YouTube, Quora, Twitter, and the list goes on. With ...
9
votes
4answers
459 views
What is the generally accepted resolution for mobile design?
So, I am a week and a half into a new project, and I've been designing for a resolution of 320px * 480px. I am new to the game and I've just found out that that resolution is too small considering the ...
10
votes
4answers
698 views
What's the reason behind fixed (position) navbars?
It's becoming almost customary for responsive designs to have fixed-position navbars, where the navbar is fixed to the top (usually, or even bottom sometimes) of the viewport of the browser.
Don't ...
4
votes
1answer
191 views
responsive design vs inter usability of websites across multiple devices
I'm reasonably new to responsive design as we are considering how to pitch it to our web development clients (mostly not-for-profits and gov orgs who will need to see a solid ROI on extra design money ...
1
vote
4answers
227 views
carousel in responsive site - should I keep or remove the navigation arrows?
I'm designing a responsive website and I have a question about the carousel element I have in the site:
the carousel has right and left arrows < content_content_content > that reveals previous and ...
5
votes
4answers
278 views
Is making all your desktop content available the same as making all the functionally available?
I was wondering if the argument for providing all the content from your desktop site on your mobile site includes making all the functionality and features too available?
6
votes
2answers
185 views
When is appropriate to include buttons and or swipe command in a Responsive Design off-canvas layout.
When is appropriate to include buttons and or swipe command in a Responsive Design off-canvas layout?
While doing some Responsive Web Design research for sites using the off canvas navigation ...
1
vote
0answers
67 views
Testing cross-platform touch performance [closed]
I am at a phase of a project where I need to establish a proper testing method where I can measure how well the touch performance on different smart devices (tablets and smartphones). My primary test ...
9
votes
2answers
701 views
How should modal popups and tool tips be handled in responsive websites?
I am reviewing some website wireframes from a client and have decided to make the new site responsive. I've had pretty good luck so far with responsive theming and design from a few past projects and ...
3
votes
2answers
102 views
How do you prioritise certain user journeys in a responsive website?
Working on a responsive website where we have decided to make all content available on mobile but prioritise journeys we have identified as being key. What ways can I prioritise these journeys is it ...
9
votes
4answers
343 views
What does “mobile-first” mean?
So I've been trying to find a legitimate answer to this question for a couple days. I read an interview in Awwwards recent publication Trends Web and Mobile 2013 with the following answer in regards ...
6
votes
3answers
475 views
Responsive Design - How to deal with wide HTML Tables
I am doing a proof of concept with responsive design. One web page that I am modifying has some extremely wide tables. I really don't know how to shrink the tables width so there is no horizontal ...
1
vote
0answers
26 views
What is the best way to record a user lab that includes multiple devices? [duplicate]
I have always used porgrammes such as Morae or Silverback to record user labs, but I'd like to test different breakpoints on a responsive site using actual devices. How do I record tests on tablets ...
1
vote
3answers
129 views
Vertical scroll down navigation for Facebook app?
I am designing a web app that must live both on a Facebook app and on a external website.
The website is designed as vertical scroll-down website with 3 sections.
How do I translate this kind of ...
2
votes
1answer
263 views
Responsive web vertical scrolling design and elements [closed]
I have been trying to implement a vertical scrolling site that is also responsive.
For that purpose, I have not used a responsive grid, only media queries. But I do have some blanks to be filled and I ...
6
votes
2answers
86 views
Mobile website text link
When developing a mobile or responsive website (for touch screens) making navigation links and other buttons larger to be easier to tap and avoid 'fat fingers' is a good idea.
My question is what ...
4
votes
2answers
615 views
Responsive Design, how to display two large navigation menus?
we are currently looking at redesigning one of our sites so it is responsive. The problem is the site generally has two large menu systems per page. One at the top as the main navigation and then a ...
3
votes
4answers
265 views
Should I place my menu on top of my mobile version of this showtimes website?
I'm trying to design a simple website that will show movie showtimes in a few cities. It's going to be a french website but I translated the important content in the screenshots and the website to let ...
-1
votes
1answer
66 views
Would a responsive design work for a yelp-like site/service?
I'm in the process of developing a review/rating site similar in functionality to Yelp (but on a smaller scale) and I'm going with a Mobile-First approach, and was wondering if I should just make the ...
1
vote
2answers
124 views
Should viewport rotation be an option rather than a default on mobile devices?
Rotating a mobile device has unpredictable effects: Depending on OS and app rotating the device can have no effect, or it lays out the content to the new screen orientation, potentially showing a very ...
2
votes
0answers
32 views
Forms in fancybox or full size page - which is good for conversions? [duplicate]
I have a responsive website, with a Sign Up form & a Contact form.
I'm not able to decide whether should I open these forms in fancybox / prettyphoto or redirect user to a full sized page with ...
5
votes
6answers
183 views
What are the strengths and weaknesses of dynamic responsive typography?
By dynamic responsive typography, I mean a system where the type changes in real time based on an external attribute of the environment or the user, without the user explicitly setting it.
Here is an ...
1
vote
1answer
59 views
“Responsively” select an item from a large closed collection?
I'm building a responsive web application. One of the main focus of this application is to efficiently collect information.
In some fields, I need the user to select one value from a large collection ...
2
votes
5answers
325 views
Responsive Websites on tablets: portraits or landscape first?
I'm designing a responsive website for my master degree thesis.
It's my first experience in this field, so I'm wondering, when I'm designing for tablets I have to consider the portrait or the ...
