web app ui design templates
the home screen of a website or the loading screen of your mobile app,will be the first impression for users. and you want to make surethat you get this right. here's udacity's homepageas of april 2015. a clear goal headlines the page, andthere's plenty of white space around the headlines, andthe tagline to draw users into them. homepages like this one shouldanswer these questions. what is this? what is being offered?
what can i do here? and how do i start? in udacity's case, the how can i getstarted comes just below the fold with a description ofthe nanodegree program. you want all of thisinformation to be present, but you should also be carefulnot to overwhelm your users. you want users to have a clearunderstanding of what you offer, and then you can link to other pages for users to learn more aboutyour product or services.
many companies put thoselinks in the footer. going back up to the top ofthe homepage, we can see that from here, i could sign up for an account, ori could sign in if i'm an existing user. to learn more about hownanodegrees work in particular i could click on one of these. homepages are tricky inthat they need to do a lot. but you want to be careful aboutadding more and more to that page so sometimes you might have a landing page,like this one. landing pages are for specific productsthat you want to show to your users.
they allow you to focus onone particular product. notice that here,there's a clear call to action. i can get a sense about what thisproduct is from the copy on the page and also from this background image. scrolling down, i can even getmore details about the program. to learn more aboutdesigning homepages and landing pages, check out the articlesthat are linked in the instructor notes. at the very least, you need tostrive for an informative page, and at the best,your homepage should be memorable.
it's important to keep in mind thatyour homepage doesn't have to be static. it should be a work in progress. here's another versionof the udacity homepage. and notice that it's changed slightly. we have different copy and theseimages have been condensed together. your homepage might also be dynamic inthat you might be ab testing certain features of it to see whatdrives users actions. you might also just be trying to refineyour value proposition for your users. and even before that homepage,
this is what udacity's homepagelooked like once upon a time. as you can see,it's not as informative or clear at answering the questions,what is this and what can i do here? at the end of the day, you want tomake a fantastic first impression. it's really up to youto delight users so that way they come to know who youare and what you have to offer. now it's your turn to do a littleinvestigation of your own. i'd like you to find three homepages forrelatively new companies and analyze them.
you want to get a feel forwhat type of information and elements live on their homepages. for each of the homepages youshould ask yourself: what elements comprise the homepage, what arethe main calls to action, what does that homepage say about the company,its users and the value proposition? and what are the most likely flows from the homepage toother places on the site? in other words,what could you do from the homepage? finally, what are someof the similarities and
differences you see acrossthe homepages you looked at? write a post that answersthese questions and share it on the discussions. once you're ready,check this box to continue
Tidak ada komentar:
Posting Komentar