Top Messages
Best Ux study with process
https://www.youtube.com/watch?v=Um3BhY0oS2c
6 stages of the Ux design process
Stage1
1)Understanding
User and brand
User what problem are they facing
once you can identify the problems than you can start woking towords the solution
2)Understanding the brand
Understand the brand mission and goal
User - what is their probbem?
Brand - what are the core goals?
Stage 2
As a designer - You need to understand what the user want and dont want in the deign
Do Research
1)1:1 Interviews
2)Focus groups
3)Surveys - u just do 3-5 trget user servey no need millions of people surveiw
4)Usability Testing
Stage 3
Once you done your research take your all data and start working with it
Start with user personas
Take his all information like
Bio - persoanl data
Age
occupations
status
location
type
goal
frustrations
Motivations
Personilty
brands
Pesona is guy who take all your design desicion
If you get stuck u go back to persona map and figer out the uers needs.
If you want to see Big picture journy of user takes
Try a user jouny map
Here you can undrstand how the user going through to use your products
Stage 4
Design - buit the designs creates
1)Site map
2)User Flow
3)Markups
and other visual
Than you start
Wireframe - is a low fetertelity represetation of your products
Some user even use a prototype
Stage 5
1)Launch
After your desinging - working with the developers
2)Alway
check-ins
and take a feedback
Because its collabration jobs
Stage 6
Once product launche its another round of analyze again
You need to ask question to youself
1)Where did our process got right?
2)Where did we struggle?
3)How are the user responing?
4)How we solve their issues and pain points?
The UX process
Unerstanding
Reaserch
Analyze
Design
Launch
Analyze again
Best UX website
https://www.intechnic.com/blog/best-30-ux-websites-and-blogs-to-follow-and-why/
https://alistapart.com/article/the-untapped-power-of-vulnerability-transparency-in-content-strategy/
https://conversionxl.com/blog/first-impressions-matter-the-importance-of-great-visual-design/
https://conversionxl.com/ecommerce-best-practices/
https://conversionxl.com/ecommerce-best-practices/homepage/
https://conversionxl.com/ecommerce-best-practices/homepage/#guideline1
01 - User Experience process
--------------------------------------
Personas
Sketching user interface
Annotated wireframe
Competitive analysis
Storyboard for app
Service design blueprint
Workshop fascilitation
Report research findings
Research in a lab
Use case scenarios
Usability testing
Ethnographic research
Discovery & Research
-------------------------
Collect all documentation
Scheduling ux workshop with your team, interview with stakeholders and collect all requirements as well as ideas
UX designers talk to your current or potential customers to understand their needs and pain points.
audit your existing product to identify opportunities for improvement to user experience.
review competitor products gather visual design references
-------------------------
Digital Strategy & Concepts
-------------------------
Based on the discovery & research results
define a UX approach to drive our design process
information architecture
key screen layouts, and UI design direction
We then validate the resulting concept with users and stakeholders.
Once the feedback is in, we make necessary updates to proceed with designing the rest of the product.
-------------------------
UI/UX Design
-------------------------
after approved concept
conducting user tests
user flow mapping
wire framing
user interface design
interaction design
prototyping
We send design to developer using tools like Zeplin
provide style guide include UI component library, Complete user flows.
Other Pages
- Treeview (New)
- Search Result (New)
- Utility Classes (New)
- Custom Scroll (New)
- Login Page
- Login page v2 (New)
- Animations (New)
- Profile
- Invoice
- FAQ
- Gallery
- Pricing
- Register
- Register V2 (New)
- 3 Step Registration (New)
- Recover Password
- Lock Screen
- Error 400
- Error 403
- Error 404
- Error 500
- Error 503
Swot competitor analysis in hindi
A Comprehensive Measure of the Quality of the Website User Experience
--------------
http://uxpajournal.org/supr-q-a-comprehensive-measure-of-the-quality-of-the-website-user-experience/
Table 1. Questionnaires That Measure Aspects of Software and Website Quality, Especially Usability With Total Number of Items and Reported Reliabilities by Overall and Subscale Constructs
Table 2. Item Loadings and Communalities for the 13 Remaining Items
Table 3. Internal-Consistency Reliability Estimates (Cronbach Alpha) and Minimum Inter-Item Correlations for the Four Factor Solution from the 13 Remaining Items
Table 4. Correlations Between Factors, the Overall Score, and the SUS Score
Table 5. Factor Loadings for the Rotated Factor Solution for the 13 Candidate Items
Table 6. Correlations Between Subscales and the SUS and WAMMI Questionnaires
Table 7. Internal Consistency Reliability Estimates (Cronbach Alpha) and Minimum Inter-Item Correlations for the Four-Factor Solution From the 13 Remaining Items
Table 8. Factor Loadings for the Rotated Factor Solution for the 11 Candidate Items
Table 9. Factor Loadings for the Rotated Factor Solution for the Eight Remaining Items
Table 10. Correlations Between Subscales, Overall Score and the SUS Done at the Individual Response Level
Table 11. Correlations Between Subscales, Overall Score and the SUS Done at the Study Level (Averaged Across Respondent by Website)
Table 12. Internal-Consistency Reliability Estimates (Cronbach Alpha) and Minimum Inter-Item Correlations for the Four Factor Solution From the Eight Remaining Items
Table 13. Mean and Standard Deviations for 2,513 Responses Across 70 Websites by Overall Score and Subscale Scores
Icons
- Font awesome
- Themify Icons
- Simple line Icons
- Linea Icons
- Weather Icons
People give each other seven seconds to make a good first impression.
user give decision in one-tenth of a second that site is good or bad if your content is good
It takes about 50 milliseconds (ms) (that’s 0.05 seconds) for users to form an opinion about your website that determines whether they’ll stay or leave.
This first impression depends on many factors:
structure,
color,
spacing,
symmetry,
amount of text,
fonts, and more.
User-Centered Design डिज़ाइन - आवश्यक तत्त्व
Visibility -
हमें यूजर को स्टार्टिंग से प्रोसेस में लेना होता है
जैसे की वो प्रोडक्ट के साथ क्या करता है, कैसे उसे करता है, के सोचता hai
Accessibility - सरल उपयोग
यूजर को कोई भी इनफार्मेशन आसानीसे मिलनी चाहिए
इसके लिए कई तरीके तरीके है
जैसे की उसे को कॉल तो आक्शन सर्च ऑप्शन मेनू इत्यादि
Legibility
उसमे लिखी हुई सभी चीज़े आसानी से पढ़नी और समाजमे अणि चाहिए
Language
जितना कम से कम लिखो गए उतना पढ़ने में आसान होता है और लोग उसे पसंद करते है
12 guidelines for ecommerce homepage design
==========
- Avoid meaningless, extra design elements that needlessly burden cognitive load.
- The visual hierarchy should follow information hierarchy.
- The transactional menu should be higher up in the visual hierarchy than the content menu.
- The value proposition should be located above the fold.
- Call attention to the navigation menu by making it visible and color contrasted against the rest of the page.
- If you have the space, display pictures or thumbnails next to product categories.
- Make separate content blocks look visually distinct, add enough white-space in between.
- Avoid placing site promotions directly above product lists.
- CTA should be visually prominent.
- CTA buttons are usually better than links.
- If you have a secondary CTA, it should be less noticeable.
- Highlight the CTA with visual cues.
It takes 2.6 seconds for eyes to settle on key areas of a web page.
It takes 2.6 seconds for a user’s eyes to land on the area of a website that most influences their first impression.
The six website sections that drew the most interest from viewers were:
--------------
The institution’s logo. Users spent 6.48 seconds focused on this area before moving on.
The main navigation menu. Almost as popular as the logo, subjects spent an average of 6.44 seconds viewing the menu.
The search box. Users focused for just over 6 seconds.
The site’s main image. Users’ eyes fixated for an average of 5.94 seconds.
The site’s written content. Users spent about 5.59 seconds.
The bottom of a website. Users spent about 5.25 seconds.
01 - User Experience process
--------------------------------------
Personas
Sketching user interface
Annotated wireframe
Competitive analysis
Storyboard for app
Service design blueprint
Workshop fascilitation
Report research findings
Research in a lab
Use case scenarios
Usability testing
Ethnographic research
--------------------
Research
----------------------
Interview questions script
Ethnographic research
Survey for user research
----------------------
Personas
----------------------
Persona for VCA veterinarian
Persona for car buyer
CoCo website user persona
--------------------
Content Analysis
----------------------
Content analysis of enterprise software
Content analysis of website
Recommendations for website redesign
--------------------
User Journeys and Flows
----------------------
Athena Restaurant user flow
Walking Tour App user flows
Wingspan Arts user flow
--------------------
Taxonomy and Information Architecture
----------------------
Website navigation
Remote card sorting
Site map analysis
--------------------
Competitive Analysis
----------------------
Comparative analysis for companies
Competitive matrix of similar websites
Competitive benchmarking
Other Pages
- Treeview (New)
- Search Result (New)
- Utility Classes (New)
- Custom Scroll (New)
- Login Page
- Login page v2 (New)
- Animations (New)
- Profile
- Invoice
- FAQ
- Gallery
- Pricing
- Register
- Register V2 (New)
- 3 Step Registration (New)
- Recover Password
- Lock Screen
- Error 400
- Error 403
- Error 404
- Error 500
- Error 503
Forms
- Forms Input
- Input Groups
- Input Grid
- Checkboxes & Radios
- Bootstrap Touchspin
- Bootstrap Switch
- Select2
- Dual Listbox
- Basic Forms
- Form Horizontal
- Form Actions
- Row Separator
- Form Bordered
- Striped Rows
- Form Detail
- Paginator
- Image Cropper
- Dropzone
- Form Mask
- Form Typehead
- Bootstrap Validation
- Custom Validation
- Form Colorpicker
- Form Datetimepicker
- Form Bootstrap Rangepicker
- Form Bootstrap Datepicker
- Form Material Datepicker
- Ck Editor
- Quill Editor
- Summernote Editor
- Tinymce Edtor
- Form Wizard
- Form Repeater
user testing online
user-centered-design
https://usabilitygeek.com/user-centered-design-introduction/
A Comprehensive Measure of the Quality of the Website User Experience
--------------
http://uxpajournal.org/supr-q-a-comprehensive-measure-of-the-quality-of-the-website-user-experience/
Table 1. Questionnaires That Measure Aspects of Software and Website Quality, Especially Usability With Total Number of Items and Reported Reliabilities by Overall and Subscale Constructs
Table 2. Item Loadings and Communalities for the 13 Remaining Items
Table 3. Internal-Consistency Reliability Estimates (Cronbach Alpha) and Minimum Inter-Item Correlations for the Four Factor Solution from the 13 Remaining Items
Table 4. Correlations Between Factors, the Overall Score, and the SUS Score
Table 5. Factor Loadings for the Rotated Factor Solution for the 13 Candidate Items
Table 6. Correlations Between Subscales and the SUS and WAMMI Questionnaires
Table 7. Internal Consistency Reliability Estimates (Cronbach Alpha) and Minimum Inter-Item Correlations for the Four-Factor Solution From the 13 Remaining Items
Table 8. Factor Loadings for the Rotated Factor Solution for the 11 Candidate Items
Table 9. Factor Loadings for the Rotated Factor Solution for the Eight Remaining Items
Table 10. Correlations Between Subscales, Overall Score and the SUS Done at the Individual Response Level
Table 11. Correlations Between Subscales, Overall Score and the SUS Done at the Study Level (Averaged Across Respondent by Website)
Table 12. Internal-Consistency Reliability Estimates (Cronbach Alpha) and Minimum Inter-Item Correlations for the Four Factor Solution From the Eight Remaining Items
Table 13. Mean and Standard Deviations for 2,513 Responses Across 70 Websites by Overall Score and Subscale Scores
For our purposes, let’s define the user journey as - हमारे उद्देश्यों के लिए, उपयोगकर्ता की यात्रा को इस प्रकार परिभाषित करें:
awareness - जागरूकता;
interest - रुचि
consideration - विचार
conversion - रूपांतरण
retention - प्रतिधारण।
For our purposes, let’s define the user journey as - हमारे उद्देश्यों के लिए, उपयोगकर्ता की यात्रा को इस प्रकार परिभाषित करें:
awareness - जागरूकता;
interest - रुचि
consideration - विचार
conversion - रूपांतरण
retention - प्रतिधारण।
Ethnographic research
Features
- 4+ Different Dashboards
- 5 Different Demos
- 5+ Ready to Use Application Designs
- Amazingly Designed and Carefully Crafted Template
- RTL Version (New)
- Unlimited Color Skins
- Clean and Creative Landing Page Included (Free $18)
- Light and Dark Color Schemes
- 500+ pages
- 500+ Ui Components
- RTL Support
- Lots of widgets
- Bootstrap 4
- 3000+ Fonts Icons
- Fully Responsive pages
- SaSS Base CSS
- Easy to customize
- Many Charts Options
- Multi File upload
- Lots of Table Examples
- Validation Forms
- Data Table Export to CSV, Excel, PDF, Copy and Print
- Megamenu
- Lightbox
- Summernote
A Comprehensive Measure of the Quality of the Website User Experience
--------------
http://uxpajournal.org/supr-q-a-comprehensive-measure-of-the-quality-of-the-website-user-experience/
Table 1. Questionnaires That Measure Aspects of Software and Website Quality, Especially Usability With Total Number of Items and Reported Reliabilities by Overall and Subscale Constructs
Table 2. Item Loadings and Communalities for the 13 Remaining Items
Table 3. Internal-Consistency Reliability Estimates (Cronbach Alpha) and Minimum Inter-Item Correlations for the Four Factor Solution from the 13 Remaining Items
Table 4. Correlations Between Factors, the Overall Score, and the SUS Score
Table 5. Factor Loadings for the Rotated Factor Solution for the 13 Candidate Items
Table 6. Correlations Between Subscales and the SUS and WAMMI Questionnaires
Table 7. Internal Consistency Reliability Estimates (Cronbach Alpha) and Minimum Inter-Item Correlations for the Four-Factor Solution From the 13 Remaining Items
Table 8. Factor Loadings for the Rotated Factor Solution for the 11 Candidate Items
Table 9. Factor Loadings for the Rotated Factor Solution for the Eight Remaining Items
Table 10. Correlations Between Subscales, Overall Score and the SUS Done at the Individual Response Level
Table 11. Correlations Between Subscales, Overall Score and the SUS Done at the Study Level (Averaged Across Respondent by Website)
Table 12. Internal-Consistency Reliability Estimates (Cronbach Alpha) and Minimum Inter-Item Correlations for the Four Factor Solution From the Eight Remaining Items
Table 13. Mean and Standard Deviations for 2,513 Responses Across 70 Websites by Overall Score and Subscale Scores
People give each other seven seconds to make a good first impression.
user give decision in one-tenth of a second that site is good or bad if your content is good
It takes about 50 milliseconds (ms) (that’s 0.05 seconds) for users to form an opinion about your website that determines whether they’ll stay or leave.
This first impression depends on many factors:
structure,
color,
spacing,
symmetry,
amount of text,
fonts, and more.
8 guidelines for ecommerce images
---------------------
Make sure users know what you sell.
Display a wide range of product types to communicate scope of your catalog.
Show products and/or promotions with the widest appeal.
Show products in usage context. Invest in high-quality photography and product images.
Implement bespoke imagery to maximize perceived value and first impressions.
Don’t show more than four products per row.
When using thumbnails with product pictures, sometimes a few products better represent a category than just one.
Design site promotions to resemble the rest of the website.
Best Ux study with process
https://www.behance.net/search?search=healthy%20meals%20ux%20case%20study
swot competitor analysis in hindi
Mobile UX best sites
https://conversionxl.com/wp-content/uploads/2019/05/Mobile-CUX-Ecommerce-Report.pdf
https://www.youtube.com/watch?v=Um3BhY0oS2c
6 stages of the Ux design process
Stage1
1)Understanding
User and brand
User what problem are they facing
once you can identify the problems than you can start woking towords the solution
2)Understanding the brand
Understand the brand mission and goal
User - what is their probbem?
Brand - what are the core goals?
Stage 2
As a designer - You need to understand what the user want and dont want in the deign
Do Research
1)1:1 Interviews
2)Focus groups
3)Surveys - u just do 3-5 trget user servey no need millions of people surveiw
4)Usability Testing
Stage 3
Once you done your research take your all data and start working with it
Start with user personas
Take his all information like
Bio - persoanl data
Age
occupations
status
location
type
goal
frustrations
Motivations
Personilty
brands
Pesona is guy who take all your design desicion
If you get stuck u go back to persona map and figer out the uers needs.
If you want to see Big picture journy of user takes
Try a user jouny map
Here you can undrstand how the user going through to use your products
Stage 4
Design - buit the designs creates
1)Site map
2)User Flow
3)Markups
and other visual
Than you start
Wireframe - is a low fetertelity represetation of your products
Some user even use a prototype
Stage 5
1)Launch
After your desinging - working with the developers
2)Alway
check-ins
and take a feedback
Because its collabration jobs
Stage 6
Once product launche its another round of analyze again
You need to ask question to youself
1)Where did our process got right?
2)Where did we struggle?
3)How are the user responing?
4)How we solve their issues and pain points?
The UX process
Unerstanding
Reaserch
Analyze
Design
Launch
Analyze again
01 - User Experience process
--------------------------------------
Personas
Sketching user interface
Annotated wireframe
Competitive analysis
Storyboard for app
Service design blueprint
Workshop fascilitation
Report research findings
Research in a lab
Use case scenarios
Usability testing
Ethnographic research
https://conversionxl.com/ecommerce-best-practices/homepage/#guideline1
The main page was slightly busy. It seemed to put more emphasis on, “Hey! Look at all the stuff we have!” rather than helping the user navigate to what type of items they may want to purchase.
I like that the pictures of the products were big, and it looks very clean.
I like how everything was laid out and you didn’t have to go around guessing where things were.
The landing site is not at all welcoming or giving any sense of the site’s
“personality.” Instead, it’s just a swarm of ads for a site the user is already on. The banners and boxes are all jam-packed together, and each one is packed to the gills with colors and pictures and text of all different fonts and sizes, some of it blinking or moving, and most of it YELLING AT THE USER IN ALL CAPS.
I liked the Colors and neatness/simplicity. Good layout and design.
It was very cluttered on the homepage and on the Dog main page.
Instead of putting all the categories, like Men’s, Women’s, Children’s at the very bottom of the page it would be easier to see them as tabs at the very top of the page. I don’t like to have to scroll all the way to the bottom of the webpage for that info, it should be right at the top—the first thing you see.
Clean interface, super easy to use” & “its very well organised everything is easy to find.
I liked how easy it was to navigate to the types of items I wanted to see. I liked how the filters were set up. Really made it easy to search for the item I wanted and it really wasn’t overwhelming when I was doing that so I really liked that part of my experience.
I don’t really see any benefits such as low prices, good quality, etc. While that might be true, they should focus more on what makes them stand out from their competitors!
I didn’t see an indication of why I should buy from this website. I don’t at all. There didn’t seem to be a differentiating factor.
I understood that I should buy from this website because of the selection and prices.
I saw a lot of sales on this site and so that made it pretty clear to me as to why I buy from this website instead of other ones.
The sub-headers within the menu really blended in and did not stand out. The sub-headers would have been helpful if I would have realized they were there from the beginning, but since they blended in I didn’t notice them at first.”
I like how everything was laid out and easy to understand. I didn’t have a ton of places to go to look for whey protein. It was clearly labeled.
The site had a cluttered feel to me. I would clean it up a bit.
I was easily able to find and add the specific items that I wanted, based on the pictures.
I liked the overall content, the good number of options and it is very well organized.
Clean, thoughtfully laid out. Easy to hone in on what i’m looking for without being overwhelmed.
It is very well organised everything is easy to find.
Loved the promotions: makes me want to buy from them since I feel like I am saving money!
I saw a lot of sales on this site and so that made it pretty clear to me as to why I buy from this website instead of other ones.
The home page was very long and i know they were showcasing their new boots as a seasonal item i would guess, but there was nothing that was showing me any collection or line of items that may just catch my eye in addition to what i came to the site to purchase.
I liked that the site had a good appearance and it was easy to navigate through and find the items I needed to.
Not distracting at all. The site was well laid out, the items were prominent, not crowded and navigation was user friendly.
I like how the promotions were all displayed at the front page