Web Application – What's a good tutorial for designing UI / UX web applications?

I am creating a web application, but I am not a designer. So I'm basing myself on a lightweight CSS framework to provide the basic style and structure of different elements of the user interface. However, I often have trouble structuring the web application to provide a good UX.

I've googled "ux web application design" (and "user interface design"), but most of the results speak to the design of a "web site" and not to A "web application". For example, the main objective seems to be the design principles, for example: color / contrast, visual hierarchy, spacing, etc. What I need, for example, is the general layout of the applications, the star pattern, the navigation, the sidebars / menus, the relationship between the conceptual / data model and the pages / screens, role-based features, save details vs. lists / tables, page sections / layout, maps, page actions, form design for easy page manipulation vs. complex data entry (multi-step wizards ), etc.

Where can I find such a tutorial or guide? I am willing to pay for an online course if there is one.

Main difference between Lean UX and Agile

What is the main difference (s) between Lean UX and the Agile approach?

ux field – Best book to learn the user experience as a basis for starting research

Battery Exchange Network

The Stack Exchange network includes 176 question and answer communities, including Stack Overflow, the largest and most reliable online community on which developers can learn, share knowledge and build their careers.

Visit Stack Exchange

interaction design – Tips and Resources for Mobile UX Designer from Web UX

I've recently designed an interface design for an Android application. I am not an expert, a learner .. here are some experiences that I've had .. thought it would be useful for me to share them

The screen space is NOT LARGE, so you must use this space wisely.

Make sure that the buttons and other clickable elements are large enough to trigger the particular action.

Make sure to leave room for each element such as field, submit .. so that the user does not find it difficult to click on what he wants.

use the HTML5 and CSS3 properties .. reduce images to speed up application loading.

usability – UX Benchmarking: How much detail does it take to collect from a user within a business product?

It is very helpful to collect baseline data on a user's experience over time. The problem we face is the amount of information we should ask our user to help us make informed decisions from the data collected. We are working on a business product with many different personalities, in many different areas of the product. So I can not know how much data, beyond our few KPIs, should we ask our users when "Would you like to send comments?" modal survey displays for multiple types of users who use the many different areas of the system. Is it useful to obtain a system-wide reference point without entering or using the area in which the user is most often located, since we will always collect reference data from a user's database? more granular level in each product feature?

The problem is what do we do with the data collected if it comes from a user we do not know much – the user can use multiple areas of the system and we can extract analyzes but there would be a lot of Assumptions to apply place. Does anyone who works on a business product have collected baseline data that might share some information?

How to boost marketing campaigns with UX design

Our website, our content, our design, are all related to our marketing campaigns. What are the steps to create a user-friendly website?

Should UX researchers write?

What do you think of writing in UX, and is this skill important for a researcher?

Thank you

Field ux – Is this design exercise reasonable for a job interview?

So, after a phone interview, a company that interests me sends a design exercise that seems really excessive for the suggested two hours. Do they try to throw me a curve or do they have a poor understanding of what is reasonable? Have other people encountered similar exercises?

They paired 15 low-fidelity wireframes with the email they wanted to turn into high fidelity, which conflicted with their demand for designing my own wired structure. The exercise is below:


Bark design challenge

Context: You are a product designer working on a mobile app called Bark. The app connects dog owners and walkers to ensure dogs have the opportunity to exercise when their owners are not at home. Right now, owners must open the app every day they want their dog to walk around and plan a walk for their dog. Research has revealed that dog owners love using the app, but wish to easily schedule a week of walks in advance. Today, a product manager has just sent you wired structures explaining how this feature should work and what he / she thinks he can look like.

The challenge: modify the wired structures provided in high fidelity and provide all the necessary materials for engineering to start working on this feature.

Requirements: – Provide detailed annotations on each action / screen / report so that the technical team can easily understand the operation of the new feature. – Pixel-Perfect components based on a coherent theme (colors, font, shadows, etc.) – Descriptions / examples of how all micro-interactions within components and screens behave (eg activated radio button )

Deliverables: 1. All design files (for the engineering team) – Clear and concise descriptions of what is happening on each screen – We prefer the Sketch or Figma files in your submission.

Final polished PDF (for presentation purposes)
Your process (iteration + exploration) between the wired structures and the final high fidelity screens
High fidelity screens covering all the states needed to add a walk in each stream
In the text, indicate your approach and your process of thinking about the problem, as well as any research you have done to inform your decision making. You can also go into details about how you would initially collect feedback to prove that this feature or issue requires your attention. In addition, what parameters, if any, must be measured to prove that the iteration was successful.
Important points to consider: – Suppose the next person to view your submitted files is an engineer. – Do not consider wired structures as such, question the design choices of the PM and determine what is best for dog owners (the user) and the product as a whole. that is, explore different solutions to this feature request. – If you plan to add motion anywhere, make sure that it is well indicated where and how it should work (gif / mp4 are encouraged). – Do not forget chronology. Advanced animations and additional features can significantly lengthen the development process. – The use of symbols / components in your design file will help you stay consistent (and will really impress us!). A PDF file and a Sketch file are attached below (15 screens).

Do not hesitate to ask questions or clarify anything that could lead to confusion. The team and I are looking forward to receiving your application! "

usability tests – UX search for B2B2C

I am a new product designer isolated in a technology start-up that is a B2B2C that does not seem to have a process in place to recruit users.

Tips on how to recruit end users?

Also, how often should I research commercial customers and end users?

Do you keep typing on the same group of users?

learning – How can I find out more about the current status of UX on Android?

How can I learn more about design best practices for modern applications, templates such as guided tours for new users, good browsing methods, and current libraries to implement them? Do you have a favorite book that covers UX on Android or UX app in general?