The paper we have chosen, titled ” Conceptualizing perceived affordances in social media interaction design”, discusses the importance of perceived affordances and sociomateriality when designing social media site. The authors of this paper have defined social media as a “socio-technical systems, websites or applications that build on Web 2.0 technologies to provide space for social interaction, communication, collaboration, and community formation.”

Sociomateriality: refers to the inseparable nature of technology and human interaction.

Perceived affordance: perceived affordances are what determine usability. or the actions the user perceives as being possible based on how an object is presented. For e.g. if your design includes a “button” make that button look pushable (Donald Norman).

Interaction design of social media

The paper has identified 3 major components in interaction design of social media:

• Social media as an IT artifact

Two primary embedded attributes of IT artifacts in interaction design are identified: content and form. In terms of the contents of social media, they mainly consist of types and attributes. In terms of the forms of social media, it mainly consists of presentations and the behaviors. Form presentations refer to the static elements, including place location, banner size, color scheme, and media form, etc., while form behaviors refer to some dynamic elements such as movement, flashing, pop-up, etc.

• User type and role in social media

Designers should attach great importance to carefully consider the types and roles of users when designing the social media and its multi-facet perceived affordances.

• Application domains of social media

The specific domain which social media belongs to will determine the environment for interactions between social media and users, and different domains may host different rules, norms, and culture, etc. E.g. Facebook was used for creating connections with other people but now it is also functioning as an e-commerce platform.

Perceived affordance in social media

The paper also developed an integrative framework to conceptualize perceived affordance in social media. The authors identified 4 types of perceived affordance that should be considered in social media interaction design:

• Perceived physical affordances

Perceived physical affordance consists of the elements that can be sensed by users to do physical actions to access the features of a system. In interaction design of social media, vision, audition, and touch are three physical attributes to be considered. For example, speed-aid can help the amblyopic to access the functionalities of social media in spite of their visual issues.

• Perceived cognitive affordance

Perceived cognitive affordance describes the attributes in social media that can help, support or enable users’ cognitive process. For example, the information provided on social media, such as news, reminders, reinforcement, or suggestions, etc. may influence users’ cognition and thinking process.

• Perceived affective affordance

Perceived affective affordance exists to trigger or stimulate users’ emotional reactions. For example, social media allow their users to show “like” or “dislike” to the content generated by others, and choose to follow someone they like.

• Perceived control affordance

Perceived control affordance gives hints of who should initiate the action or interaction, which support users’ willingness to be in control. For example, social media should have the icons or features to let users know that they are allowed to delete something or customize some settings.

Why we chose this paper?

The paper emphasized that not only specific design elements are important for good design, but the user’s mental transformation process should be considered as well. When social media artifacts are designed, they would usually possess a certain degree of affordance (intended affordance) but this may not always be detected by users. This is an important aspect to keep in mind when designing social media sites. The framework conceptualized by the authors on perceived affordances in social media interaction design can also serve as guidelines for designers to recognize proper perceived affordance aspects when designing social media sites.

Click the link below to access the paper referenced for the post above:

We have found an interesting case study about how a telco software provider evaluated their software and the methods they used. The company is called Telelogic AB and their software is Telelogic Tau.

Telelogic is a provider of software solutions to the telecommunication industry and has more than 8000 customers and operates in 22 countries worldwide. It was completely acquired by IBM in 2008 and exists under the IBM software group.

Telelogic Tau SDL Suite is a tool for designing and implementing real-time software in the telecommunication industry. It consists of a graphical editor and syntax analyzer, a simulator and validator and several optimized code generators for compilation to executable code.

Two evaluation methods were used to test Telelogic Tau for usability. They are:

• Questionnaire – quantitative results
• Heuristics evaluation – qualitative results

Evaluation method 1:

The SUMI questionnaire (Software Usability Measurement Inventory)

• A commercially available questionnaire (created by Dr Jurek Kirakowski) which is a tested and proven method to measure software quality (user experience) from the end user’s perspective
• The results are used to measure five usability aspects
  • Efficiency – the degree to which users feel that the software assists them in their work.
  • Affect – the user’s general emotional reaction to the software.
  • Helpfulness – the degree to which the software is self-explanatory. Adequacy of documentation.
  • Control – the extent to which the users feel in control of the software.
  • Learnability – the ease with which the users feel that they have been able to master the system.

How it was done:

• Questionnaire was shared with 90 selected participants in Europe
• 62 were properly filled out and returned

Results:

• Software did not meet the appropriate standards on several aspects of usability
• Figure below shows that only two of the SUMI scales were above average (Affect and Learnability)

Evaluation method 2

• This is a usability evaluation method used to find usability problems in software which can be then solved as part of an iterative design and development process.
• A set of expert evaluators would examine the interface and assess its compliance with a defined set of heuristics such as Visibility of system status, Error prevention, etc.

How it was done:

• In Telelogic, there weren’t many usability experts therefore, experts on the software from within the organization was picked
• They were given specific scenarios and tasks to perform then, given 1 hour to find specific usability problems

Results:

• 72 usability problems were found (20% highly severe, 65% somewhat severe, 14% less severe)

Key learnings:

• These methods can be used even for companies that do not have a lot of experience in usability and user experience engineering
• Not many resources are required
• The two methods complement each other very well
• Management level support is required to successfully carry out any form of evaluation (to accommodate the time and costs required to conduct them)
• Relatively quick results that are also useful for improvement of the software
• This study was conducted in early 2000’s on an older GUI but the evaluation methods are still applicable for today’s modern interface

Sources

Telelogic Tau: https://www.eit.lth.se/fileadmin/eit/courses/ets150/IntroSDLSuite.pdf

IBM acquisition: https://www-03.ibm.com/press/us/en/pressrelease/23792.wss

About Telelogic AB: https://www.bloomberg.com/profiles/companies/TLOG:SS-telelogic-ab

SUMI Questionnaire: http://sumi.uxp.ie/

Heuristics evaluation: https://www.nngroup.com/articles/ten-usability-heuristics/

Case study used: Johan Natt och Dag, Björn Regnell, Ofelia S. Madsen, Aybüke Aurum. (2001). An Industrial Case Study of Usability Evaluation in Market-Driven Packaged Software Development. Retrieved from: https://www.researchgate.net/publication/228892229_An_industrial_case_study_of_usability_evaluation_in_market-driven_packaged_software_development

Continuing from the first post about an example of a product that met usability goals and provided a good user experience, now we will tackle an example that fails this assessment.

Let’s talk about NTU Mobile – a school service portal mobile application. NTU Mobile should provide information and services for students and school staff to live, study and work in NTU more conveniently.

The same usability and user experience goals from the first post will be re-used (Effectiveness, Efficiency, Safety, Utility, Learnability and Memorability).

Usability goals

Effectiveness

Some of the features of the app are just links to relevant websites or other apps. There are errors that prevent users from doing what the app claims that it can do.

Efficiency

The app always needs updating when new request is made. The app also does not intelligently record user preferences or usage history, so users have to explore from the start every time they open it.

Safety

For library facilities booking, there is no confirmation for submitting applications. There is no function for cancelling applications in the app.  The lack of recovery means if errors are made. For the academic integrity learning, the agree/disagree button has no use since you can go to next page by clicking next directly.

Utility

Insufficient functionalities. There are no functions that allow student to check their grades and tuitions, which are highly related to students’ life. There are no information for various student/school events.

Learnability

It is not easy to learn because the naming of certain function and the logic structure of functions for different layers are confusing.

Memorability

Because the logic is confusing, it is hard to remember where is what.

User experience goals

The layout and design of the app is not pleasurable and engaging. There are no icons for different functions so users have to read the name of a function which is confusing for some functions. Lots of functions are just links to other apps and websites, which is not helpful. Therefore, the whole experience of the using the app is not satisfying. The layout and content is fixed, which is boring. The errors and long loading time is frustrating and annoying

Hello everyone interested in all things user experience and usability! Welcome to our brand new blog where we will be sharing our insights on current issues and research on UX.

We are Hiruni and Jiaqi, the authors of this blog (we have a team name: HL Group). We are both masters student majoring in Information Systems.

Jiaqi’s interest focuses on user behavior research, specifically information seeking behavioral study. She likes to play Pokemon Go (for research!). Jiaqi will be graduating this year and is hoping to land a super awesome job immediately after that! (Let’s pray for her success).

Hiruni is interested in user experience and is currently researching on dark patterns in UX design. She likes to read and watch movies and rarely steps out of the house when she’s immersed in a book (but she has lots of friends, she insists). She hopes to travel the world and experience different cuisines and cultures when she gets the opportunity to do so (soon!).

Stick around to see more, we promise we’ve got some interesting stuff lined up for you!

Thanks for joining me!

Good company in a journey makes the way seem shorter. — Izaak Walton