Questions tagged [website-design]

Website design involves the structure of websites, information architecture, the layout and pages, and the conceptual design.

55 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4
votes
1answer
354 views

How to fit a MREC (Medium Rectangle ad) into a sidebar?

I've seen some great sidebar designs (like filters for listing pages) and the list or grid to the right of it. My problem is that these seem to only be quite thin and fitting a 300px by 250px MREC ...
3
votes
1answer
68 views

If I have 24 categories with sub-categories in my shop page, where would be the best place for them?

The design is specifically to Desktop, on Mobile and Tablet I'm planning to have a drawer window with the list of categories and its sub-categories. The idea is to make the category visible in the eye ...
3
votes
2answers
1k views

Best way to design dynamic table of inputs. Like rate-lists

I am trying to design a rate-list input for parking lot management system. Where inputs are like this: But it needs to be customizable in time field of inputs, e.g. 3-4 hours based on user ...
3
votes
5answers
660 views

What is the best way to display user company role and application role when logged in to the application

An application having two roles i.e Company Role and Application Role based on which different sections of the application are accessible to the person. Company Role describes either Admin or Users ...
2
votes
2answers
56 views

Should breadcrumbs contain non-navigation elements

I am working on an admin interface which uses a left menu as well as a breadcrumb at the top of the page. I have items grouped into different levels in the menu as below: In this menu, "...
2
votes
0answers
43 views

Advanced search for different type of results

I am working on a business directory site where a user can search for either a deal, company or event in a city. What alternatives are there for retrieving relevant results for a user in terms of UX? ...
2
votes
2answers
110 views

How to link back to the original site the user came from after he jumped to a subdomain with a “different” product?

lets say you have a site called "example.com", which is the homepage of a company that provides a login for its customers and different functions like a personal backoffice, learning material and ...
2
votes
3answers
504 views

How to adapt text and/or elements size while designing to smaller screens?

I have a layout I made some time ago on Adobe XD (that was just a personal project) and now I wanna put it on Behance. To do so, I need to duplicate/adapt that layout (designed for desktop) to smaller ...
2
votes
2answers
674 views

Best way to make an “easy, medium, hard” picker

I'm trying to create a website where you can get questions based on different settings. One setting is difficulty. For now, let's just assume that I have divided a lot of questions based on difficulty:...
2
votes
1answer
127 views

Show Linked entries on Data Table

I'm working on the data table of an Insurance Installment Plan. Case 1: Below is the initial schedule that has 10 entries. The business senario is sometimes if an installment is overdue, clients ...
1
vote
1answer
51 views

What term denotes “respecting dark and light themes”?

If my website displays appropriately on a wide variety of screen sizes, I would say, "My website is responsive." In a similar spirit, if my website respects the user's choice of light theme ...
1
vote
0answers
93 views

Best UX for Tree Input

I have made a UI for creating recursive groups that can be made up of many items or other groups. I have a UI that looks like the following: It is not more likely one way or the other that the tree ...
1
vote
1answer
42 views

Arrangement of info on overview view vs detailed / edit view

My client's site is essentially a collection of forms. When fully expanded, it is very dense. They have broken the info into categories (for simplicity's sake, let's say there's a "personal info" ...
1
vote
1answer
85 views

Room Booking & Availability Horizontal Scroll

I'm in the process of designing a room booking / availability web application. Some of the application specifics are; there are 30 rooms (across three floors, in the same building) rooms are of ...
1
vote
0answers
52 views

interior page design patterns

Since the advent of the lonnnnnnng scrolling home page, I feel like there's been a surge of sites applying the same type of logic to the interior pages as well... lots of scrolling, no secondary ...
1
vote
0answers
90 views

Suitable UX for diffing data from two diffrent table

I have a requirement to create report merging web application.Users will be able to upload 2 identical budget reports. These users come from 2 different department where each department might have ...
1
vote
2answers
217 views

Using a select for navigation instead of tabs?

Is a select box appropriate to control navigation on a page? For user profiles, I'm considering putting a select box in the header to change views, so a user can select from 'About', 'Calendar', '...
1
vote
0answers
76 views

Tips for my project navigation menu

I am a software developer developing an online rugby union manager game as a side project. I am not that good at design but I've been reading a lot recently on this subject and I'm trying to improve ...
1
vote
2answers
208 views

Favoring consistency over elegance?

This is a bit of a difficult question to explain in the title but hopefully it will make more sense after reading the question. I'm in the process of designing a web app with a basic design ...
1
vote
5answers
679 views

Modular tabs or long page scroll

A content heavy real estate website is deciding whether to switch the navigation to using modular tabs, where content opens in the same pane. Currently, the site uses a long page scroll where all ...
1
vote
0answers
38 views

Minimizing Content on Blog Homepage Feed

When I say blog homepage feed I mean the whole wordpress frontpage where the title and all or just part of the blog articles are displayed. My question is if having a little clickable minimize (or ...
1
vote
0answers
101 views

Survey with many optional questions

I'm planning a website that will have a survey of user preferences for various topics. All of the questions are optional although some of them may be more important to users than others. The questions ...
1
vote
0answers
108 views

Conditional category select (TreeView functionality) alternatives.

I have a bunch of categories that each has its own subcategory that the user can choose. The user first has to decide upon the main category to be shown the dependent subcategories of the selection. ...
1
vote
3answers
183 views

Showing item-level & order-level offers/promotions on Details page (PDP) &/or Cart page?

I have 2 types of offers (promotions) applicable on my eCommerce website: Item level offers (example: Item belongs to Brand XYZ. Buy any 2 items from brand XYZ to get 30% off) Order level offers (...
1
vote
0answers
80 views

Web-Development: to which category do “Tabs” belong?

Browsing this documentation I was surprised to see that Syncfusion have documented their Tab-Control in the "Navigation"-Category. I did not expect to find it there and was looking in "Layout". My ...
1
vote
0answers
72 views

Interface for selecting based on two fields

I have a web application that has several select lists, some of them are plural and some of them are singular and user should select just one item. In both cases users should be able to choose their ...
0
votes
1answer
47 views

Responsive Web design

I am a self taught designer and learning nowadays from IDF. I have a few doubts about responsive design. As a designer, while I am designing screens to give to to developers, for what sizes I should ...
0
votes
1answer
38 views

How to engage user if some API is taking time on website or app

What are the methods using which we can engage the user on website or mobile app page where some backend API take more time to provide the output.
0
votes
2answers
87 views

Best input validation approach for complex and busy screen

I have an extremely busy screen for a single page application that allows people to pick their own components and build a custom printed circuit board (following a template that we provide). Our ...
0
votes
1answer
82 views

How do you make a tab (or menu) less accessible?

We have a pop-up menu with 3 tabs. All three tabs rank in importance. When clicked on an element in a page, you get a pop-up with the first (base) tab active where you see all the information you ...
0
votes
0answers
18 views

Dependencies of Design System on the framework used, to build/create a web app

Are there any dependencies of Design System on the framework used, to build/create a web app? If so please name give highlights of them.
0
votes
0answers
30 views

Where to put a Map on the Contact Us page?

I’m working on a Contact Us page and trying to keep it minimal with only 3 sections (in order): Map Contact Us Form Footer Does it matter if it is: Contact Us Form Map Footer? Edit: I have removed ...
0
votes
0answers
22 views

Thoughts of mobile design, where search input at bottom static navbar?

How do you guys feel maybe taking a slice of how starbucks does their PWA design and applying it to ecommerce? Long story short, I am designing an ecommerce site mobile first; and I've come up with ...
0
votes
0answers
22 views

Designing for Incorporating multiple workspaces into one interface (WYSIWYG) with a live preview

I'm currently working on an editor for an interactive quiz program my mates have worked on. The quiz has interactive questions that require the user to interact with a passage (i.e. the photo below ...
0
votes
0answers
57 views

Drag and drop lists - multiple items with same priority

Initially, I had the following requirements: There are 2 lists with items. The user needs to be able to move the items from one list into the other. Each item needs to have a priority. I've ...
0
votes
0answers
33 views

How to handle browser font size for high resolution screens?

If my laptop is set to a standard high definition resolution, then the default browser font size appears very small on the screen. I know I can Crtl + +, but I'm afraid a lot of users don't know that....
0
votes
0answers
49 views

Need help with restaurant menu customization ui and ux

for the app that I'm working on, a restaurant owner/manager has the option to customize their menu. The flow is that: The system suggests a list of items that can be served by a restaurant. This ...
0
votes
0answers
98 views

How to handle side-nav with multiple items?

I have built a dashboard where the user can handle totals for all it's shops, in a side-navbar over the items like 'settings', 'exit' and refs to other pages there are all shops listed as tree view, ...
0
votes
0answers
61 views

Focus behavior in a modal navigation drawer?

How should focus ideally behave in a modal navigation drawer (much like the one from Material Design)? The modal would appear when I webpage is viewed on a small screen, be opened using a hamburger ...
0
votes
0answers
46 views

web design tool like plunker for your page

I am after a tool to develop my mostly PHP website. I have recently purchased a Chromebook, my main tool in windows is PSPad, as it has a useful FTP upload feature, but as I don't think I can use this ...
0
votes
0answers
63 views

Suggestion in putting nav bar in centred website design

Can anyone suggest where I can add navigation bar in this kind of design. items I want on the nav bar logo (optional) call to action button one more link user/profile/login/signup Can anyone ...
0
votes
0answers
38 views

Minimum steps involved for an effective and efficient website redesign process?

I just started working for a web development agency, we work mainly with government so we want to align ourselves within that market with a professional, creative and functional website. We have a ...
0
votes
0answers
149 views

Best practices for asynchronous user experiences?

Can someone suggest some good examples and resources around designing for async user experiences? I'm working on a Web application that needs to process invoice submissions asynchronously to improve ...
0
votes
1answer
109 views

I'm thinking of a layout like a tree in my webpage. I think that is the only way to go. is there some replacement?

I'm trying to make a layout design for a process. I have 3 types of users one is x , b and c. x does some work then b aproves it then c confirms it. But b can disaprove and open a ticket for x to do ...
0
votes
1answer
140 views

How to handle grid system and layout at different breakpoints when designing wireframes / mockups?

So I've researched this question and I've alluded to an answer, however I'd like some more input. As a developer whenever designing a website I could just code as I go and set breakpoints whenever ...
0
votes
0answers
63 views

How do I use a block UI overlay without losing UI events?

Our application is a web app with a backend server. Each page in the web app has this structure. Header Body Footer The normal use case is User navigates to a page. User edits the fields in the ...
0
votes
1answer
254 views

Hierarchical list for selecting an element

The user is trying to select an element which will be used in a form. So it could be like selecting interests in an app where you can pick the more general case (e.g. sports) or the more specific (e.g....
0
votes
1answer
58 views

How to do information architecture of a UGC based website/app?

What's the best possible way to make a user-generated website classify its content into categories or topics or tags to make the content searchable and discoverable? How does one start redesigning ...
0
votes
0answers
95 views

what is the best way to design a comparison block

I am very new to UX designing and I am trying to build a comparison block using CSS between two companies. I have already built a very basic layout about how it should look but its not looking that ...
0
votes
0answers
99 views

The goods of forcing the user to follow a path

Maybe this is not the best place to ask as this seems to me like a question regarding two fields: marketing and user experience. Hopefully some of my questions could be solved from the user ...