#1 Reviewing Your Website Designs Live - with Gary Simon
video description
- [8:45] -call to action- make it obvious-
- [11:46] Viewport widths and whitespace. Target all resolutions-
- [19:29] use a two column layout when designing desktop versions. Make it possible to expand to a three column layout-
- [24:10] have a primary call to action -
- [25:10] use cards -- I have this down!-
- [25:00] -visual hierarchy- place emphasis on the most importat elements and to seperate elements from one another. Ex. Seperation between the title. can use bold, size, color to seperate items.-
- [27:30] -floating labels- never rely on just placeholder values. People forget what the text input is about. solve this with dedicated labels or floating labels-
- [31:30] Carosels on hero sections are bad. (oof) -
- [34:26] Make animations the right speed.-
- [37:41] Don't put progress bars on skills (DUH)-
- [38:54] -Borders- Don't use borders to break up sections like ------, its an artifact of ye old web. :( ok.-
- [41:21] Form width, don't make your forms uber wide in desktop mode-
- [49:40] Theming consistency-
- [57:30] -Information Architecture- what does it make sense for the primary call to action to do?-
- [57:69] How to give cards seperation. change the --HUE-- not the actual color. -
- [1:04:00] -drop shadow- make it very subtle. Hardly noticable. People don't really care about your shadows. -
- [1:10:10] make buttons, particularly call to action have solid fill
Date: 2022-03-14
Related videos
Comments and reviews: 2
Osama
Hi Gary! First of all, thank you for your review, I'll keep what you said in mind the next time I work on a new version. That said, I would like to comment about it. I created this website 3 years ago while I was studying architecture at university, and back then I didn't really have enough time to code but I loved it so much and tried to hack something together anyway. Only now, I've realized it looks terrible on a 4K screen, I must admit I felt ashamed. About the CTA button, I agree 100% and it was left out intentionally because I wasn't ready to actually turn customers in, but I will soon add one. And about the email thing, I also agree, but once again, I chose to keep it that way as a measure against spam. But after listening to your critiques, and realizing how I sacrificed the UX aspect, I seriously consider following your advice. I wished you'd have reviewed one of the other pages as well, but I highly appreciate your critiques and I will try to update the site accordingly. Once again, thank you!
reply
Hi Gary! First of all, thank you for your review, I'll keep what you said in mind the next time I work on a new version. That said, I would like to comment about it. I created this website 3 years ago while I was studying architecture at university, and back then I didn't really have enough time to code but I loved it so much and tried to hack something together anyway. Only now, I've realized it looks terrible on a 4K screen, I must admit I felt ashamed. About the CTA button, I agree 100% and it was left out intentionally because I wasn't ready to actually turn customers in, but I will soon add one. And about the email thing, I also agree, but once again, I chose to keep it that way as a measure against spam. But after listening to your critiques, and realizing how I sacrificed the UX aspect, I seriously consider following your advice. I wished you'd have reviewed one of the other pages as well, but I highly appreciate your critiques and I will try to update the site accordingly. Once again, thank you!
reply
Kymberly
Loves watching this. Wish I had a project -. I'm just new learning..watching in middle of the night I fell sleep but it was almost to the end. Hehehe
reply
Loves watching this. Wish I had a project -. I'm just new learning..watching in middle of the night I fell sleep but it was almost to the end. Hehehe
reply
Add a review, comment
Other channel videos
