Showing posts with label web. Show all posts
Showing posts with label web. Show all posts

Monday, 4 January 2021

The Chunking way

Chunking














Have you ever tried to remember a very long number and that still resides in your head? I'm sure that might be a challenge in doing so!. Our brain works really hard to memorize certain things like remembering the huge and long information unless we practice a number of times or try to note down somewhere.

Why our brain is so snoozed at memorizing extensive things? 

Here are a few clarifications about our brain, how it is really going to work. Firstly, our brain consists of Long-Term Memory & Short-Term (Working) Memory. Now let us know, how exactly the human brain going to work on retaining memory. Basically memories are stored as the minute chemical changes at the connection points between neurons in the brain and this connection point is called as Synapses.

These fragments (synapses) responsible for storing and transmitting the information. The parts of the brain that receive these electric impulses are dendrites. Through this information or electrical impulses flow through the neural network of the brain. By this activity of the neurons, which in turn causes these connection points (synapses) to become stronger or weaker in response.


This process of strengthening, and weakening of synapses is how exactly the brain stores the information. And to have an exceptional memory, you may need to go through such flow of connections eminently, which in turn that it could be in that kind of process through neural networks. If the information has processed in this pattern for several times by creating a tracing a mark, that information could dwell permanently in our brain. In fact, in turn doing it, we are actually pushing information further from Short-Term memory to Long-Term memory. By doing so, we are indeed storing information as a memory.

Short-term memory is an essential step toward the next stage of retention for long-term memory. The effort taken to push information from Short-Term memory to Long-Term memory is a procedure, this is how the first information has to be stored in Short-Term memory.

It can only hold a little amount of information (typically around 7 elements or even less than that) in our mind, which is in turn a readily available and in the active mode for a short period of time, ranging between 10 to 15 seconds, or at max of one minute. Now the biggest challenge is how we can achieve it. Chunking is one of the methods which help us to retain the information in the brain.

What's chunking  or chunking psychology then? 

Chunking is the sequence of materials into shorter meaningful groups to make them further manageable. For example, a hyphenated phone number, split into groups of 3 or 4 digits, tends to be easier to remember than a single long number.

The maximum number of chunks that can be efficiently processed by short-term memory is four, more or less. For example, most people can remember a list of five words for 30 seconds, but few can remember only a list of ten words for 30 seconds.


DISCLOSURE: This post may contain affiliate links, meaning when you click the links and make a purchase, we receive a commission.

Top UX Courses at Udemy


Method of Chunking

It is the procedure of making more efficient use of short-term memory by grouping and organizing the pieces of information together. This can be used precisely only on the important information need to be chunked. If the short-term memory is stocked up, the new information will just fade away. 

Method of Chunking

When not to Chunk 

Well, Chunking is often applied as an ordinary technique to simplify method. This is a probable misdeed of the principle. That's the way it can lead to make things tough to scan. If the chunking is applied extensively, since the focus is on the group of items and not the individual items themselves. However, if you apply the concept in combination with other principles it can be used effectively to make more grouping easier to process. The limitations specified by this principle deal specifically with tasks involving memory. Chunk information could be available, when people are required to recall and retain the important information. And also when information is used for problem solving. Do not chunk information that is to be searched or scanned.

So, Designer needs to be smart enough while making decision wisely in chunking information.
 How do you chunk in your designs? Please share your thoughts. 

About Author

Srinivas Ramshetty is Ux evangelist and senior ux consultant at Intergraph. He played multiple roles in the areas of Competency Building, Managing & Leading Ux teams, User Research, User Interface Design, Interaction Design, Information Architecture, Usability Testing and Analysis across multiple business verticals while serving fortune 100 corporations. Srinivas is the certified Usability Analyst from HFI and pursuing Masters in Psychology.

Share:
Continue Reading →

Wednesday, 30 September 2015

15 tips to Improve Usability of Website forms Part 2

In the previous article we have seen how Web Forms are important and some tips to improve usability of forms. (Tips #1 to #8 read article part 1 )

Suggestions for Improving Usability of FORMS continued..

#9. Use proper form elements

Proper usage of form elements is really necessary. Minimize the typing and make more use of selection. It will reduces human effort and will lead form to more efficient.

#10. Show the progress indicator for lengthy forms

Visibility of system status is one of the Heuristic Principle, with the use of this principle we can engage user in filling lengthy form. Show progress indicator for lengthy forms, let user know about current status and remaining status of form.


#11. 'Save as draft' or auto save

Apply heuristic principle of 'Error prevention' and provide auto save option when form is lengthy. You should provide flexibility of filling form in chunks by providing 'Save as draft feature'. If accidentally something wrong happens make sure the information a user has filled is saved.



#12. Errors should be shown along with help

Don't show the error only show how a user can remove it (solution or help).

#13. Always show the success message in forms once completed successfully

It is a good practice to show 'Confirmation message' after completion of forms. This improves the visibility of system status.

#14. Form flow using Tab key

Consistent Form flow is very important especially when probability of using forms through keyboard high. When a user uses forms using Tab key it should flow in proper manner.

#15. Don't use technical or business jargon

Form fields should be written in plain and simple language which a normal user can understand. Especially in error messages don't show technical jargon.

Previous article: 15 tips to Improve Usability of Website forms Part 1

Author: Abhishek Jain (@uxdabhi)
Share:
Continue Reading →

Sunday, 13 September 2015

Why Prototypes fail in UX Process?

To start with, there are a lot of confusions among the UX Designers about the Prototype and the Wireframes and their differences. Some say both mean the same but the terminology varies according to the company or the designer. This is pathetic among the designers community about not knowing the difference between the same. This actually set stage for me to write a brief article on the same and throw some light on the subject.

Wireframe

It is basically the foundation of your design. It can be a sketch or a blueprint or a guide. It is usually used as an early discussion point to transfer knowledge and convey your design thoughts to your team or the stakes. It explains the flow of application, which means the navigation/information flow. You can have a wireframe even on a napkin during your discussion, as simple as that!

Wireframes

Prototype

Prototype is a Clickable or interactive design output which the designer can use for testing or even visualizing the end output of the product to the stakes. It can also be called as an Interactive Wireframe. Usability testing could be performed using the prototype and it can also be iterated according to the results. They come in various flavors. They need not be visually complete or a high fidelity one, but they need to satisfy the interactivity needs.

Prototype


So, being that said, there are different kinds of prototypes that serves various purposes. Designers should select the right kind of the prototype that will be suitable for the business goal, budget, project deadline etc.,



Prototype is a loosely defined term as it was drawn from the mechanical or manufacturing industry. People, normally the Stakes, believe that the prototypes are hi-fidelity, functioning, and completely interactive working model of the concept. However, it represents only a small instance in a pool of prototype types. They range in levels of sophistication, cost, aesthetics, needs, project type, timeline etc.,

Prototypes are created to achieve one or more of the following aspects during the design process.
1. Allows easy iteration of the Design
2. Test and discover flaws and inconsistencies
3. Help in Knowledge transfer
4. Understandable by Business and Development
5. Capture and demonstrate entire flow and working of the project idea

Types of Prototypes

1. Paper Prototypes

This is not so widely used prototype in the industry as we all know. But this is the very powerful and simplistic prototype using which you can invest less time and collaborate more and iterate rapidly. They can also be used in initial testings and feedback phases to improve your concept and design. The visual fidelity of these prototypes are low and the relative cost and time are equally low.

Paper prototype

2. Animated Wireframes

These kind of prototypes concentrate more on Story or concept of the design. They also focus on the wireframes more than the design. The advantage of these prototypes are that they are quick to build. They are mostly in Video format and they are a bridge between the storyboards and production process.

Top UX Courses at Udemy



3. Visual Prototypes

A visual prototype resembles the actual product in look, feel, material, and dimensions. Like a form study prototype it is not intended for actual use, but does highly visually correlate to the final component. This kind of prototype is often used in marketing, sales pitches, photo-shoots, and packaging mock-ups. Product reviews  can also be conducted using a visual prototype.

Visual design

4. Functional/Click through Prototypes

They are a combination of static artifacts and interactive features. This gives the feel of a click through experience to measure the User Experience involved in it. They are developed by stitching static images together. These images can be simple wireframes to test the UX or visual design products to test the look and feel of the product.

Functional/Click through Prototypes


Top UX Courses at Coursera


5. Interaction Prototypes

They are used for testing the motion, interaction, timing and transitions in the design. You can test complex interactions accurately without the need of expensive coding. The Visual fidelity can be low to medium. They are becoming increasingly important as newer web technologies are tilting towards Micro-interactions and motion designs. These interaction prototypes are also used to transfer knowledge to the developers.

Interaction Prototypes


6. Proof of Concept (PoC)

A Proof of Concept/Principle is done when there is a critical feature to be tested or developed. They identify the feasibility and effectiveness of the critical or challenging part of the concept or the project. They are created in isolation during the design phase and then they can be integrated to the complete system after successful execution.

Apple's pull to refresh interaction could have been an POC before development as it is a new/critical interaction.

Proof of Concept (PoC)


Choosing the type wisely :

As already mentioned in the beginning, Prototype is a very loosely defined term that contains a lot of flavors and kinds. It differs according to Project, Scope, Concept, Time, Stakes, Development, Functionality and so on. Always choose the simplest prototype that will help you to accomplish the goal.

Points to Consider :

1. Business Goal
2. Timeline
3. Budget
4. Complexity of Interactions and Functionality
5. Device and Browser support
6. User Testing
7. Delivery of the Prototype

Understanding the types of prototypes will make your design work efficient, simpler and clear which would ultimately contribute to the success of the product. Choosing the wrong type of prototype makes the whole design process tedious and time consuming in turn affecting the whole UX Process.
Feel free to add your thoughts and additional points in the comments below.


Share:
Continue Reading →

Tuesday, 14 July 2015

9 best Wireframing Tools for prototyping


Wireframing is one of the important stages in Design process. Designers use wireframing to express & visualize idea, concept and solutions. Especially in Human computer interaction (HCI) wireframing helps in understanding the solution and making iterations in design. Presenting some wireframing tools to which you can use for designing websites, webapps, tablet, mobile apps etc.

List of wireframing tools

1. Axure


Remarks: Low-Hi fidelity, export html, interactions, cloud capability


2. Balsamiq

Remarks: Low fidelity, export html-pdf, interactions.


3. Mockingbird

Remarks: Low-Hi fidelity, interactions, cloud capability


4. UXpin

Remarks: Low-Hi fidelity, export html, interactions, cloud capability, PS integration, Usability testing


5. Mockflow

Remarks:  Low-Hi fidelity, export html, interactions, cloud capability, sharing, readymade components


6. Gliffy

Remarks:  Low-Hi fidelity, export html, interactions, cloud capability


7. JustinMind

Remarks:  Low-Hi fidelity, export html, interactions, cloud capability


8. Omnigraffle

Remarks:  Low-Hi fidelity, export html, interactions, cloud capability


9. MS office Power Point

Remarks:  Low fidelity, presentation, animations



Share:
Continue Reading →

Monday, 8 June 2015

What is Usability Testing

“Usability testing is a technique used in user-centered interaction design to evaluate a product by testing it on real users.” Lets understand it in simple language, “It is a way or method by which we test our product with real end users and find out problems, insights, inferences to improve our product design.”
Usability Testing is different from functionality testing. In functionality testing it is being tested-“That functionality is working or not properly”, but in Usability Testing we test that a real user is able to use it or not.

Objectives

  • Validate how well the design worked
  • Look for opportunities to improve the design
  • Look for insights into user experience (UX)

The Purpose of Usability Testing is "Feedback"

  • Feedback is fundamental to survival.
  • Goal-Directed behavior depends on feedback.
  • Dynamic systems use feedback to adapt.
  • Usability Testing enables design improvements/corrections.

Usability Testing of  What?

Usability Testing can evaluate any dimension of a UI design.
Depending on the prototype’s phase and its needs, Usability Testing can evaluate:


Types of Usability Testing

Don’t wait until the end. Find usability problems throughout the
design process.
  • Formative testing
    Formative Usability Testing happens at the start of the design phase, testing with paper-prototypes, wireframes, visual designs. Do this to discover insights and shape the design direction.
  • Summative testing
    Summative Usability Testing happens with actual working prototypes. Do this to determine metrics (time on task, success rates), which you would then compare test results from improved versions against.


Why 'Early Prototype Testing' is required

Early prototypes of any application includes below mentioned things
  • Paper prototypes
  • Low fidelity wireframes
  • Visual design
This graph represent the 'Resistance to change design' vs. 'Efforts invested'. When we move in application development cycle from 'Hand sketches' to 'wireframes' and so on, the efforts in iterating design gets increase. It is recommended to conduct Usability testing from early prototypes.


Evaluating Early Prototypes - Testing Methods


In the upcoming articles we will be looking each testing method in detail. 
Share:
Continue Reading →

Monday, 4 May 2015

How Web log analysis helps in Revamping an application


For a User Experience Design Team, there is a lot of work to revamp the different kind of 'Websites, web apps, mobile apps' like 'e-commerce, Enterprise apps, service based apps' etc.
Before getting hands dirty in designing a new app, UX team should always start the work with UX strategy and research work. Always identify the prime goals, objectives and User's pain area.
For identifying the User's pain points and insights there are several methods, like User Interview, studies and web log analysis. In this article we are learning about 'Web Log analysis' and how it helps in revamping application.

Web Log 

Web logs are data recorded based upon activity of user on any website or app. Some of the data are given below,
Number of visits and number of unique visitors
Visit duration and last visits
Days of week and rush hours
Number of page views
Most viewed, entry, and exit pages etc.

How Web log analysis helps in Revamping an application

With the help of web log data analysis UX design team can get lot of insights about the application.

1. Hit count log analysis

This data will be helpful in analyzing the usage of  different sections of application. By this we will be able to understand what are our primary functions.

2. Location wise usage analysis

This will help in understand the global usage of application. 

3. Tickets raised against application

This is very imp data because it tells about exact problems which users are facing in application. Analyses of  this data will help in understand the areas of opportunity.

4. Feedback received from user's

From this data we can take the insights and inferences for new application. 

5. Entry and exit pages

This will help in analysis navigation and from where users are dropping off.
Share:
Continue Reading →

Wednesday, 15 April 2015