Showing posts with label Interactive Systems Design. Show all posts
Showing posts with label Interactive Systems Design. Show all posts

Monday, March 21, 2016

World Education Services Provides Very Limited Customer Support

World Education Services Provides Very Limited Customer Support
World Education Services (WES) is the one of the organizations to evaluate academic credentials for education/admission purposes. Before actually paying money, end user will always want to know how to send documents. Some evaluation service providers accept email from reputed universities, others only go by sealed envelope in mail. If the perspective customer tries to contact WES for correspondence queries like the one mentioned above, they mark WES Reference Number mandatory as mentioned in Figure 1 below. This Reference Number is generated only after required payment is done. The user may not want to pay, until and unless all his doubts are clear. So, this contact form is useless in practical. Further, there is no phone number mentioned here on this page to contact customer service.


Figure 1. Information to be filled on Contact WES form.

Figure 2. Ugly error message displayed if virtual WES Reference number is given.
As per Krug (2014), hiding information like customer support number and asking information that is not really needed are some of the factors to diminish goodwill. Even if the queries being asked by the end user is hidden somewhere in the site, he is entitled to get help on what he has paid or intend to pay for.
References

Krug, S. (2014). Usability as common courtesy. In Don’t Make Me Think (pp. 152-153). San Francisco, CA: Peachpit.

Bank of America Website is not Responsive

Bank of America Website is not Responsive
If an end user with older screen resolutions try to visit Bank of America website, he will observe a scroll bar in the browser.

Figure 1. Scrollbar in the webpage since content didn’t adjust as per window size.
As per Rumsey, Roth, and Wallace (2013), Responsive web design (RWD) is a way of coding web pages so that they look good on any screen. This concept is not limited to a mobile device, but to all possible screen resolution based on any technology and hardware. As per Breeding (2015), access to Library Technology Guides in February 2015 was 63% desktop, 27% mobile, and 10% tablet and he supports Google decision to decrease page rank of websites with poor mobile usability. Bank of America may have answered Google by giving altogether different content location to mobile users, but desktop users / end users on devices with weird resolution are still suffering.
References
Kumar, H. (2016, March 20). Bank of America Website is not Responsive [Video file]. Retrieved March 20, 2016, from https://youtu.be/bH_4ns6wWP8
Breeding, M. (2015). Going mobile: How I made my own site responsive. Computers in Libraries, 35(4), 23-24,26. Retrieved from http://search.proquest.com/docview/1689887493?accountid=27424

Rumsey, E., Roth, L., & Wallace, W. S., M.S.L.S. (2013). Responsive web design for an academic health sciences library website. Journal of the Medical Library Association, 101(4), 239-240. Retrieved from http://search.proquest.com/docview/1491276028?accountid=27424

MakeMyTrip doesn’t maintain User Flow State across subsites

MakeMyTrip doesn’t maintain User Flow State across subsites
When an end user switch from one region subdomain to another on MakeMyTrip website, he is taken to home page every time. Say, the end user is on search result page on U.S. sub-domain, if he switch to Indian sub-domain, he will have to start again. This is described in Figure 1 below.


Figure 1. MakeMyTrip: Search preferences lost.
Alcántara-Pilar, del Barrio-García, Porcu, and Crespo-Almendros (2015) studied user flow state (hedonic motivation) in depth and found that it has deep impressions on end user’s loyalty and attitude towards a website. Above mentioned experience on MakeMyTrip may leave end user in confusion and he may have the tendency to switch to competitor right away.

References
Alcántara-Pilar, J. M., del Barrio-García, S., Porcu, L., & Crespo-Almendros, E. (2015). Motivational duality in online consumer behaviour: Website usability and flow state as moderating factors. International Journal of Business and Economics,14(1), 79-104. Retrieved from http://search.proquest.com/docview/1706969854?accountid=27424

Kumar, H. (2016, March 20). MakeMyTrip doesn’t maintain User Flow State across subsites [Video file]. Retrieved March 20, 2016, from https://youtu.be/p6sm0ipEC3U

Sunday, March 20, 2016

Fox News Navigation is Broken

Fox News Navigation is Broken
Site Navigation in Fox News is not so smart for the user to navigate back from where it came. In the example in Figure 1 below, end user visited Home > U.S. > Environment. Just in three steps, he is lost. There is no site navigation or breadcrumb here. It seems to be, this website is optimized only for search engines, not for the end user to be a regular visitor.

Figure 1. Navigating three level down in Fox News website
As per Spencer (2008), breadcrumb links refer to a trail of category and subcategory links on a website just beneath the master head (main navigation). Keyword-rich breadcrumb links reinforce website's internal hierarchical linking structure to the search engines, as well as enhance its usability. Leave aside breadcrumb, main navigation is altogether missing on just third level in Fox News website.
References
Kumar, H. (2016, March 20). Fox News Navigation [Video file]. Retrieved March 20, 2016, from https://youtu.be/JiIUZCBm4jA
Spencer, S. (2008). The search is on. Multichannel Merchant, 25(4), 29-n/a. Retrieved from http://search.proquest.com/docview/195854706?accountid=27424


Unnecessary Hype up Apple iphone Features

Unnecessary Hype up Apple iphone Features
On Apple official website, there are lots of features of all versions of iphone mentioned, which if studied in detail, don’t even make sense to perspective buyer. Possible reason behind, they hide proper help at right place, is to let the buyer be in confusion and seller take the advantage of this situation. For example, on the Apple website, where end user compare iPhone features with older models, some terms e.g. local tone mapping make no sense to an average end user, as mentioned in Figure 1. Even if end user search for this term in search box, nothing much helpful is available.


Figure 1. Apple must help end user to understand what a feature means, they claim to be present in a product.
As per Kantner, Shroyer, and Rosenbaum (2002), the way end user is trying to seek help for products is changing drastically. Help and documentation about the product should be done in a way which faces least resistance by the end user to understand. Apple must provide end user with running help for the features in a product. This could either take the negotiations in positive direction for seller or may be, in negative direction if user choose not spend money for a feature claimed. But in any case, some kind of running help as suggested in Figure 1 will definitely lead to better satisfaction as a whole.

References

Kantner, L., Shroyer, R., & Rosenbaum, R. (2002). Structured Heuristic Evaluation of Online Documentation. Retrieved March 19, 2016, from http://teced.com/wp-content/uploads/2011/06/kantner_HE_of_online_doc.pdf 

Saturday, March 19, 2016

People Search Filters Missing in Bing Search

People Search Filters Missing in Bing Search
Biggest problem with Bing search Engine is that, they are busy copying Google features without a thought in head. People search is an example that supports this fact. Search results layout for a person name in Google and Bing is almost the same. Good thing is that by keyword, both search engines know that, end user is searching for a person, at least. But, the most important thing, effectiveness of search results is diminished by missing person filters.  

Figure 1. Bing Search results for a person name.

Figure 2. Google Search results for a person name.

Figure 3. Suggested dynamic filter features for search results page – action: search person name.

As per Thurow and Musica (2009), while studying a search engine, its effectiveness, efficiency, learnability, memorability, error prevention & recovery and satisfaction is taken into account. By copying Google as described in Figure 1 and Figure 2 above, Bing Search Engine is trying to cater learnability only. There should be something more Bing must plan to cater to go above and beyond Google. With dynamic filtering suggestion described in Figure 3 above, Bing could achieve better effectiveness and satisfaction.

References

Thurow, S., & Musica, N. (2009). When Search Meets Web Usability. Retrieved March 19, 2016, from http://deca.cuc.edu.cn/Community/cfs-filesystemfile.ashx/__key/CommunityServer.Components.PostAttachments/00.00.00.11.64/When.Search.Meets.Web.Usability.pdf

Google Calendar Won’t Let You Print All Search Results

This is a very common use case, where you want to print large number of events in Google Calendar. But print view of this tool is not optimized for printing. Suppose, a user has many (33 in current example in Figure 1 below) events upcoming for a search keyword, if he tries to print the results, he may only get few of the events (13 in the Figure 1 example below) in the paper print he takes.
Figure 1. Google Calendar is not optimized for printing.
As per Leavitt and Shneiderman (2013), dimensions of content should be adjusted to fit most common page size while printing. But Google Calendar print style sheet is not smart enough to remove scroll bars while printing.

References
Leavitt, M., & Shneiderman, B. (2013). Research-Based Web Design & Usability Guidelines. Retrieved March 19, 2016, from http://www.usability.gov/sites/default/files/documents/guidelines_book.pdf

Author Commentary Options Missing in Blogger

According to research by Salas-Rueda (2016), audio-visual content facilitates the teaching-learning process. Blogger gives the facility to insert a YouTube video, as mentioned in Figure 1. But, the steps involved in attaching a video may be, publishing a video (lengthy process in itself) and then refer it here.  
Figure 1. Option to attach video in Blogger.com with possible improvement.
As per Nielsen (1995), a system should cater both inexperienced and experienced users. Had there been a webcam option in Blogger for videos, it would have been more flexible and efficient to use.

References
Nielson, J. (1995, January 1). 10 Usability Heuristics for User Interface Design. Retrieved March 02, 2016, from https://www.nngroup.com/articles/ten-usability-heuristics/
Salas-Rueda, R. (2016). The impact of usable system for regression analysis in higher education. International Journal of Educational Technology in Higher Education, 13(1), 1-10.

Friday, March 11, 2016

Navigating to Multiple Search Results in Google Search Engine (Usability Heuristics for User Interface Design)


Most of the times, an end user is visiting google.com to search something which he may not be sure of where to find. More often, exact term being searched is not easy to remember. Rather than opening a specific search result in new window, it is designed to be opened in the same window. In case, a user proceed further on a website, which don't allow browser's back button functionality, he may have to remember what exact term he searched for.
This is against two principles for interaction design:
  • User control and freedom: User should be able to close browser window, still be able to see the same web page where he entered the search terms. This may be achieved by opening search result url in new window or browser tab.
  • Recognition rather than recall: Since the specific case we are studying don't allow browser back button, user will have to remember and type the search keywords again.  This may be resolved by opening search result url in new window or browser tab.
References
Nielson, J. (1995, January 1). 10 Usability Heuristics for User Interface Design. Retrieved March 02, 2016, from https://www.nngroup.com/articles/ten-usability-heuristics/

Thursday, March 10, 2016

The Design of Everyday Things by Don Norman

1.      According to Norman, how should we handle all failures within a system? What are the primary causes of most failures and what are the design implications for developers?

How should we handle all failures within a system?
1. Understand cause and design to minimize cause rather than blaming end user. It may include using constraints, proper messaging and confirmations.
2. Do Sensibility checks based on user's profile and previous flows chosen if possible.
3. Keep the option to undo action.
4. Make it very easy to discover error.  
5. Try bringing end user to normal desired flow of action rather than immediately throwing out.
Swiss cheese model beautifully describes how to reduce possibility of errors.


What are the primary causes of most failures?
Most common is requiring end user to operate in unnatural ways.  Interruptions are also major cause of errors, both slips and mistakes.
What are the design implications for developers?
It is not always possible to make errors discoverable or report the error before it has occurred, and undo it when transaction is already complete. Say, end user didn't bother the warning he was given and kept on clicking OK.


2.      Explain the relationship between discoverability, feedback, the conceptual model, affordances, signifiers, mappings, and constraints. Use an item to illustrate your points (Norman discusses these in great deal using several examples. Do not repeat an example from the book. Use your own).

Affordances: is the reason why I am using the machine under consideration, say I will be using shaving kit for cleaning my bread in a while.
Signifiers: Signifiers help determine how I can do shaving bread with this shaving kit lying on my table. 
Mapping: size and shape of the holder matching with the slot is natural mapping for me.
Constraints (may be of type physical, logical, semantic, and cultural): so the holes in blade and the corresponding elevation in the holder work has forced constraint in my example.
Vincent-Old-Fashioned-Safety-Razor
Discoverability: with this it is possible to determine what actions are possible in current state of machine. I can put blade in the holder and clean my face full of shaving cream.
Feedback: Is the way to communicate back, what is happening. I will look in to the mirror while shaving how it’s going on, this is feedback for me.
Conceptual model: This is the rough image in my mind of the system and how it works. I am writing this description above based on conceptual modal in my head.


3.      Summarize Norman's thoughts on standardization. He brings it up at several points in the book. He offers the benefits and the drawbacks but does provide a clear viewpoint.

Author clearly mentions the importance of affordances and signifiers, discoverability, feedback. But if it is not possible to provide anything or say there is a language barrier or anything unforeseen, he says  standardization always pays and worth following.
When no other solution is possible, design everything the same way so that people have to learn once. Standards simplify life for everyone, but it is difficult to set a standard and bring all the manufacturers and governing agencies on the same page.
He mentions, sometime standards may take so long to develop that they are no more relevant and beneficial, because already in market there are numerous manufacturer specific designs implemented now.
There are always many people who advocate presence of multiple standards.
Sometimes, even if standards are set, they are no followed and vanish with time.


4.      Norman discusses the process of design thinking. What two tools does he provide to support this process and how are they related? According to Norman, are these more theoretical or practical? Why?

He suggests double diamond model for defining problem and then again    double diamond model to reach the best possible solution.
In both cases, we start with something, and expand our scope and finally based on elimination reach to problem statement/ solution.
Start with an idea, and through the initial design research, expand the thinking to explore the fundamental issues. Only then is it time to converge upon the real, underlying problem. Similarly, use design research tools to explore a wide variety of solutions before converging upon one.
These are more theoretical though.
Money, schedule constraints and market pressure may not allow detailed analysis.


5.      Norman asserts that "reliance on technology is a benefit to humanity". What does he mean by this? Do you agree? Why or why not?

Author here means that, if we use more and more advanced technology based solutions, it is not always true that we will be making ourselves dumb. We may not be always losing our abilities, but we will have more mental resources to be used elsewhere.
But he also mentions that, perfect coordination b/w man and machine is the key. If we are not able to utilize our brain to fully deploy machine power, it may be not so beneficial.


6.      Norman's goal with this book was to turn readers into great observers of the absurd, of the poor design that gives rise to so many of the problems of modern life, especially of modern technology while giving them a tool chest of good design principles to address future issues of design. Did Norman accomplish his goal with you? Explain while offering your biggest take-a-ways from this book (positive or negative).

To be true, he is not successful if I consider myself as an end user and reading this book, but yes me being in a designer role, it helped me.
Me as an end User:
1.  Author uses similar examples to illustrate two almost opposite direction concepts. 
2. I think, if I am the end user in this book, I may be a person without common sense and empty skull. That is not the case in 99% cases. 
Yes it gives me some good tactics to argue, but I will prefer to sort out issue myself before actually running to the manufacturer.
Me as a designer/developer:
Yes, this book is something I will keep with me always and keep on reading again and again. This book is the lifetime experience of a brilliant personality and teaches me to be end user centric in my products.
Some things I am going to stop doing:
1. Thinking that, why my client doesn't understand what I am trying to explain.
2. Did she miss the big red message in large font?
3. Why should I worry to roll back transaction, when I gave the big confirmation message.
4. This application works well in Chrome, who cares IE, there are very few user base from IE as per Google analytics.
5. Why didn't the end user not able to see this download button?
6. I won't ever blame customer service guy to forget a step in sequence we handed over to him, rather think of making design more robust.
7. Now I know the importance of text in error messages.




Interactive Systems Design

Interaction design:

Is evolving software and hardware for better user experience.

human-computer interaction:

Is implementing knowledge of computer and human behavior to evolve better user interface between users and computers.

user experience design:

 Is a way to improve a product keeping in mind why the product is used by an end user to deliver more satisfaction.

interactive systems design:

Is the way to design and develop Interactive systems with more focus on user satisfaction implementing concepts in the field of human computer interaction. Interactive system here points towards a system which will be having heavy interaction between human and digital world. 

Wednesday, March 9, 2016

Don't Make Me Think - by Steve Krug


Ch. No. Title Learnings
1 Don’t make me think! Website design should be as much obvious as possible.
2 How we really use the Web Website should be easy to scan through and reach desired content.
3 Billboard Design 101 visual hierarchies
Follow widely accepted conventions
4 Animal, Vegetable, or Mineral? a)It doesn’t matter how many times I have to click, as long as each click is a mindless, unambiguous
- brief timely and unavoidable assistance
5 Omit needless Words Get rid of half the words on each page, then get rid of half of what’s left.
6 Street signs and Breadcrumbs People won’t use your Web site if they can’t find their way around it. where do I start?

Site Id, obvious Logo and Tagline
Utilities
Sections and sub sections -(where am I also)
Page name
  Areas on this page
  Items on this page
Breadcrumb
Local navigation
   up to nth level
Footer navigation
7 The Big Bang Theory of Web Design Home page design-
      Analyze why  and where people may visit the most.
clear and informative tagline, Welcome blurb, short sweet description
8 The Farmer and the Cowman Should Be Friends how to do usability tests and why
9 Usability testing on 10 cents a day promoting next book and how to do usability test
10 Mobile: It’s not just a city in Alabama anymore responsive design
Mobile Site/Full Site toggle
asynchronous calls to make the page load fast
choose important stuff of the so much
learning curve  for user
11 Usability as common courtesy save your goodwill - honors user's time
dynamic FAQ's - no marketing here
customer care access
error handling
printer friendly pages
12 Accessibility and you alt text
headings
main menu skip
only keyboard
screen contrast
using predefined templates and variable size text fonts
13 Guide for the perplexed no phishing
no small, low-contrast type
no labels inside form fields
distinction between visited and unvisited text links.
No float headings between paragraphs


Website url www.walmart.com
Video URL https://youtu.be/qHfDiOMAZwU?list=PLf8gXAJY10GEx5r_KvBIeTbaHnIMhMlQ_
Task You want to buy  a Laptop with below mentioned specifications:
  a. Lenovo
  b. Screen size not more than 14""
  c. RAM minimum 8 GB
  d. Processor minimum i5 5th generation
  e. hard drive minimum 500GB
  f. Weight maximum 5 Lb.
  g. price should be minimum possible.
1 Don’t make me think! OK
2 How we really use the Web OK
3 Billboard Design 101 OK
4 Animal, Vegetable, or Mineral? OK
5 Omit needless Words OK
6 Street signs and Breadcrumbs Rest is ok, local navigation needs improvements
7 The Big Bang Theory of Web Design No tagline
Changes products based on cookies of various searches I did at multiple sites - good.
Promotions at right place - good.
10 Mobile: It’s not just a city in Alabama anymore good responsive design.
Mentioned app link in the bottom.
 no link to full site since design is responsive.
11 Usability as common courtesy a.)wait time is too high for customer care.
b.)Chat link is down in help where user has lost the product. Chat option or customer care phone number should be prompt at the product itself
c.) Generation of i5 processor not mentioned, there is a model number which I don't understand
d.) good that they have a reference number on page to help the user to retrieve current sessions, but this text is in very light color.
12 Accessibility and you does not seem to be handling accessibility issues
13 Guide for the perplexed a). It is tracking my interests and location, but no cookies consent popup I saw yet.
b.) No distinction to identify visited links.


Website urlbypoo.com
Video URL https://youtu.be/SM2fbGbda7I?list=PLf8gXAJY10GEx5r_KvBIeTbaHnIMhMlQ_
Task Check WhoIs information for domain name "fhsu.edu" along with the location of server where it is deployed.
1 Don’t make me think! The first row of page content of website is enough to puzzle me. I am not here to visit GoDaddy, Sedo or get the worth.
2 How we really use the Web I scanned the whole page to figure out what to do. Not even a single instruction.
3 Billboard Design 101 It seems to be a lot of information is literally poured on a single page. At least I figured out I need to type "fhsu.org"  in the search box in left navigation. But what does tld means, I don't know . Enter keypress should have done same action as that clicking on the magnifier icon.
Also, there are too many h1 tags, no h2, h3 or something like that.
Further big value by statsie indicate like shouting, buy this domain, but I am here only to get WhoIs information.
4 Animal, Vegetable, or Mineral? Even though, I clicked only once to reach WhoIs information page, I had to think quite few seconds. This is not good.
5 Omit needless Words Under whoIs Information, there is so much content which is useless to me. I only need address, email and phone number. Rest is crap.
6 Street signs and Breadcrumbs A.)On the name of site ID, there is the website url
B.) On the name of utilities there is only about us and Facebook share. No login or site map or something like that. One thing here, if there is no login, how previously searched in left navigation calculated ?
C.) On the whole page there are various H1 tags no subsections or similar hierarchy .
D.) There is no page name at all, leave about areas or breadcrumb.
E.) Local navigation is very limited, which only tells about how many visitors came here or are currently online, I think this is wrong place to mention such info.
F.) No footer navigation is present.
G.) If you visit previously searched, grid is not good, not even a back page button, only next is there. further there must be page numbers to jump far off page in the grid.
H.) There is no filters for TLD's
7 The Big Bang Theory of Web Design A.)No Site Id here, leave aside the tagline.
B.) There is no description or introduction at all.
C.)It seems to be godaddy/sedo are there for promotion ( not sure, because when we travel third party website, I don't see any cookies or identifier transferred).
D.) Too much information on home page, it's worth dividing into multiple pages.
10 Mobile: It’s not just a city in Alabama anymore A.)good responsive design, but the navigation doesn't look good on smaller resolutions.
B.)In Mobile view(smaller resolution), few grids like location information are giving horizontal scroll which is against standards.
C.) I observe many asynchronous content loads which is good for mobile and slow internet connects.
11 Usability as common courtesy a.)There is no contact us section.
b.)If I click on about us, it gives entirely different design - loss of confidence.
c.) Try to search invalid domain. Proper error handling is missing.
12 Accessibility and you does not seem to be handling accessibility issues
13 Guide for the perplexed a). It is tracking my interests and location, but no cookies consent popup I saw yet.
b.) No distinction to identify visited links.

Website url www.hp.com
Video URL https://youtu.be/xVDYuS-Q-wo?list=PLf8gXAJY10GEx5r_KvBIeTbaHnIMhMlQ_
Task You want to buy  a Laptop with below mentioned specifications:
  a. hp
  b. Screen size not more than 14""
  c. RAM minimum 8 GB
  d. Processor minimum i5 5th generation
  e. hard drive minimum 500GB
  f. Weight maximum 5 Lb.
  g. price should be minimum possible.
1 Don’t make me think! Ok
2 How we really use the Web bad. No laptops in view all.  Test stops here . Such a big name and fails the basic test!!
3 Billboard Design 101 N/A
4 Animal, Vegetable, or Mineral? N/A
5 Omit needless Words N/A
6 Street signs and Breadcrumbs N/A
7 The Big Bang Theory of Web Design N/A
10 Mobile: It’s not just a city in Alabama anymore N/A
11 Usability as common courtesy N/A
12 Accessibility and you N/A
13 Guide for the perplexed N/A

Website urlwww.dell.com
Video URL https://youtu.be/m_lQff5IjC8?list=PLf8gXAJY10GEx5r_KvBIeTbaHnIMhMlQ_ 

https://youtu.be/FHSwxTdQJtQ?list=PLf8gXAJY10GEx5r_KvBIeTbaHnIMhMlQ_
Task You want to buy  a Laptop with below mentioned specifications:
  a. Dell
  b. Screen size not more than 14"
  c. RAM minimum 8 GB
  d. Processor minimum i5 5th generation
  e. hard drive minimum 500GB
  f. Weight maximum 5 Lb.
  g. price should be minimum possible.
1 Don’t make me think! website design is simple yet meaningful so OK
2 How we really use the Web OK
3 Billboard Design 101 OK
4 Animal, Vegetable, or Mineral? OK
5 Omit needless Words OK
6 Street signs and Breadcrumbs Rest is ok, main navigation need improvement for laptop category
7 The Big Bang Theory of Web Design There is no tagline but carousel heading covers it.
10 Mobile: It’s not just a city in Alabama anymore good responsive design.
 no link to full site since design is responsive.
11 Usability as common courtesy a.)wait time is too high for customer care if connected by phone, but chat wait time is low.
b.)Chat link is spread across everywhere, I like that.
c.) Even minute details of the laptop configuration is mentioned, I like that
d.)Exact laptop weight is not clear.
E.) everything including price match and refund policy link are clearly visible.
f.) After login I am thrown back to home page of site - to do all the selections again. This is heart breaking.
12 Accessibility and you does not seem to be handling accessibility issues fully.
13 Guide for the perplexed a). No tracking until I login with my account.
b.) No distinction to identify visited links.