Scribd
Upload
43 views8 pages

Week 7 & 8

The document discusses topics related to website design including sketching a site before building, usability testing techniques, site maps, wireframes, and search engine optimization. It also covers programming basics such as using HTML, CSS, and JavaScript and how JavaScript code can be added to web pages.

Uploaded by

ah
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
43 views8 pages

Week 7 & 8

The document discusses topics related to website design including sketching a site before building, usability testing techniques, site maps, wireframes, and search engine optimization. It also covers programming basics such as using HTML, CSS, and JavaScript and how JavaScript code can be added to web pages.

Uploaded by

ah
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Week 7 & 8

Tuesday, November 10, 2020 2:58 AM

• Why is better to draw a skitch before building a website..


○ Quick
○ Streamlines thinking process
○ Helps convey ideas and promotes discussion
○ Useful for Usability Testing
○ Cost Effective
• Template
○ Task (Steps are optional)
○ Measuring Method
○ Now Level
○ Planned Level
• Usability Inspection and Testing
○ Hallway Testing
○ Card Sorting
○ Heuristic Evaluation or Expert View
○ Remote Testing (Synchronous and Async…)
• Benefits of Usability
○ Higher Revenues through increased sale
○ Increased user efficiency and satisfaction
○ Reduced development costs
○ Reduced Support Costs

Week 8:

• Site Maps
○ Keeps the structure of the website
○ Card Sorting is used to create the site map
Eg:
Home
§ Contact Product Services
○ Card Sorting is used to create the site map
Eg:
Home
§ Contact Product Services

• WireFrames
○ Decorations are not included
○ Only elements are draw in the size that you want
§ Overall, It is used a lot bc it is less messy as compared to paper prototy
§ However, make changes take longer time vs Paper Prototype
• Search Engine Optimization
○ Terms that people are likely to search
○ Placing the terms appropriately
○ How many relevant sites link to your site
○ SEO is a repetitive activity
§ On-Page Techniques
□ Used to improve your website rating on search engine
□ Keyword research and adding keywords in text and HTML
□ Use Alt text and caption for the images
□ Descriptive Page Title
□ Descriptive HTML page names as they are part of the URL
□ Headings are important keywords
□ Repetition of the keywords in the text
® Refrain from overdoing
® Space them out
® Use words similar meanings
□ Use descriptive words rather that "click here" <a>…</a>
□ Use <meta> tag inside the <head> element to describe the conte
® Meta is made for the user, it won't be shown in ur webpage
□ Keyword Research
® Brainstorm for the keywords and phrases that a user might
◊ Competition for common words can be high
® Find do relative keywords/phrases search via websites eg go
® Cost and Benefits analysis for each term
® Keywords can be specific to a page do not need to be gener
□ Google Analytics
® Provides data about the user
◊ Important Stats
} Visits
– How many visits / from where?
ype

ents of your webpage


e

search

oogle

ral or the website.


□ Google Analytics
® Provides data about the user
◊ Important Stats
} Visits
– How many visits / from where?
} Unique Visits
– How many unique visits
} Page Views
– Which page has higher views
} Pages Per Visit
– How many pages they saw before leaving/
} Average Time
– Avg time they spent on your website/ each
} Top Landing Pages
– Which page is users always entered in your
} Top Exit Page
– How users exiting your webpage, ad? Close
} Bounce Rate (Users that exit on the same page t
– If leaving from the same page that they ent
keywords aren't related!!
◊ User Access:
} How users end up on your website
– Directly entering the URL
– Referrers: User coming through another sit
– Search terms in search engines
§ Off-Page Techniques
□ Search engines determines rank by counting at the other RELEVA
website
® Link from YouTube
® Link from Social Media
® Get in touch with sites that can be useful. Link back with we
® Be active in Quora
• Programming Started:
• How Do I Write A Script For A Web Page?
○ Content .html
○ Presentation .css
○ Behaviour .js
• JavaScript is written in plain text, just like CSS & HTML
Document.write( 'welcome!' );
○ (Document is an Object)
time per page

h page

r website

e Browser?
that they landed on)
tered from, means,

te by clicking on a link

ANT sites that like to your

ebsite and grow together


○ Presentation .css
○ Behaviour .js
• JavaScript is written in plain text, just like CSS & HTML
Document.write( 'welcome!' );
○ (Document is an Object)
○ (The Dot . is a member moderator) -> Used to access "the method"
○ (write ( 'welcome!' ) is method)
§ Resulted in a screen page of " Welcome! "
• Example: Calc.add (2,3)
○ -> 5 will be returned
• Js is sensed to typos such as, sens instead of sense
• We can use the tag of <script> for HTML element. Its src attribute tells the browse
er where he js file is located

You might also like