Site Design Wireframes

28 April 2010

Clicking on login will open up this lightbox where a user can login with a Vedamatics ID or even an openID. User has option to register from same window/screen.

Clicking on Register will open up this lightbox where a user can register a Vedamatics ID or even an openID. User has option to login from the same window/ screen.

The Homepage gives a brief intro to Vedic Math and How it works along with an animation about Vedic Math and how to start learning.

The History page will feature a short video about the history of Vedic Math.

The tutorials will have three phases,for the purposes of the thesis I will concentrate only on the Beginner section. The user can see a brief overview about interacting with the tutorial.

The other two sections (Intermediate and Expert) will give users information about when they will be completed.

The Quiz allows a user to select from two main options - Timed and Relaxed. Timed will be a one minute session where a user has to answer as many questions as possible and relaxed is where a user is not restrained by time.

Users will see a question and four options to choose from for the answer. Score will be on the top left corner and hints on the lower left corner. For a timed quiz, users will see a countdown timer on the upper left corner.

Selecting an answer will outline the correct answer with green and rest of the wrong answers with a red border. The next question will automatically appear after 1 second.

7 April 2010

---

---

---

---

 

---

Site Design Sketches

Spring 2010

20 April 2010

Home page will have a "How it works" video that shows the whole concept of the sutras and Vedic Math and how easy it is. The homepage will also consist a short text about What Vedic Math is, Updates and features.

The register / Login link will open a lightbox with options to login OR register with an email id OR an openID. (This needs to be changed based on UX Booth article)

The tutorials page will have a small intro about how to use the tutorials and how to skip ahead within a section and a recommendation to sign in to save progress of tutorials.

The quiz could have a hints option where each 1 minute session will have 3 hints provided. Clicking on a hint button will fill in one digit of the whole answer.

The quiz needs to be motivating and people should want to play it, I am using Bejeweled as an inspiration.

14 April 2010

17 February 2010

WNM 643 - Interactive Design and Concepts

Information Architecture

Download - Original Omnigraffle File containing sitemap

Use Cases

List of Tasks / Features considered.

1. Viewing history.
2. Learning cube rooting of numbers.
3. Viewing last visited tutorial.
4. Comment on tutorials.
5. Play a game.
6. View high scores of game.
7. Share game score.
8. Save game score.
9. Read a sutra.
10. View study progress.
11. Registering at the site.
12. Reset score.
13. Edit password.

 Use Case 1

Goal: View history.
Actors: User, System.
Pages: Two pages to complete task.

Hierarchical Task Analysis:

1. Enter site
2. Click on History
3. View History video

 Use Case 2

Goal: Learn cube rooting of numbers.
Actors: User, System.
Pages: Three pages to complete task.

Hierarchical Task Analysis:

1. Enter site
2. Click on Tutorials
3. Select cube rooting from list of tutorials

 Use Case 3

Goal: View last visited tutorial.
Actors: User, System.
Pages: Two / Three pages to complete task.

Hierarchical Task Analysis:

1. Enter site.
2. Click on tutorials link.
3. Look for tutorial last visited.
4. View tutorial.

 OR

1. Sign in.
2. Click on last visited tutorial.
3. View tutorial.

 Use Case 4

Goal: Comment on a tutorial.
Actors: User, System.
Pages: Two pages to complete task.

Hierarchical Task Analysis:

1. Enter site.
2. Click on tutorials link.
3. View tutorial.
4. Click comments.
5. Sign in / Register.
6. Comment on tutorial.

 OR

1. Sign in.
2. View tutorial.
3. Click comments.
4. Comment on tutorial.

 Use Case 5

Goal: Play a game.
Actors: User, System.
Pages: Two pages to complete task.

Hierarchical Task Analysis:

1. Enter site.
2. Click on games link.
3. Play game.

 Use Case 6

Goal: View high scores.
Actors: User, System.
Pages: Two pages to complete task.

Hierarchical Task Analysis:

1. Enter site.
2. Click on games link.
3. Click High scores.
4. View High scores.

 Use Case 7

Goal: Share game score.
Actors: User, System.
Pages: Two pages to complete task.

Hierarchical Task Analysis:

1. Enter site.
2. Click on games link.
3. Play game.
4. Share score on chosen social network.

 Use Case 8

Goal: Save game score.
Actors: User, System.
Pages: Two pages to complete task.

Hierarchical Task Analysis:

1. Enter site.
2. Click on games link.
3. Play game.
4. Click Save game score.
5. Sign in / Register.

OR

1. Sign in.
2. Click on games link.
3. Play game.
4. Score is auto save.

 Use Case 9

Goal: Read a sutra.
Actors: User, System.
Pages: Two pages to complete task.

Hierarchical Task Analysis:

1. Enter site.
2. Click on Sutras link.
3. View sutras.

Use Case 10

Goal: View study progress.
Actors: User, System.
Pages: Two pages to complete task.

Hierarchical Task Analysis:

1. Sign in.
2. Click on Progress link.
3. View progress by date and tutorial completed.

Use Case 11

Goal: Register.
Actors: User, System.
Pages: One page to complete task.

Hierarchical Task Analysis:

1. Enter site.
2. Click Register link.
3. Fill details.
4. Respond to confirmation email.

Use Case 12

Goal: Reset score.
Actors: User, System.
Pages: Two pages to complete task.

Hierarchical Task Analysis:

1. Sign in.
2. Click on View scores link.
3. View scores.
4. Click on reset scores.
5. Confirm reset.

Use Case 13

Goal: Edit password.
Actors: User, System.
Pages: Two pages to complete task.

Hierarchical Task Analysis:

1. Sign in.
2. Click on Edit profile link.
3. Type in old password.
4. Type in new password.
5. Confirm new password.
6. Save changes.

Fonts considered

Overall fonts will be sans serif

• Verdana
• Arial
• Helvetica

History animation

• Adobe Garamond (serif)

Logo Title

• Adobe Garamond (serif)

Hindi words (sutras)

• Devnagri
• Hand drawn and images uploaded

Content List

Home 

• Logo
• Random tutorials / sutra gallery
• Intro (only few words or sentences)

Tutorials

Expert (Phase III)

Intermediate (Phase II)

Beginner (Phase I) > 

• 4 tutorial sections
• each section has 2-3 examples
• animated tutorials in flash
• reference to Sutra for each tutorial
• progress bar
• comments pop up
• comments view / post
• help link
• ability to add favorites
• ability to share on a social network

History

Motion graphics

• story line
• music
• voice over
• animation

Sutras

• What are sutras (a small note)
• List of sutras
• Explanations of each sutra
• One example for each sutra

Games

• Mode - Timed & Relaxed
• Levels - Beginner, Intermediate and Expert
• Themes - Simple (quiz like), Underwater and space
• Save scores
• Share scores on a social network
• High scores

Profile

• Edit/ change password or email or name
• View scores
• Delete scores
• View progress
• Reset progress (15 mins time to change mind)

View progress

details about tutorials and date on which they were completed.

Also, amount of time taken.

                                              

Mind map

17 March 2010

3 March 2010

Section 4

Multiplying two digit numbers with 99

Let us try 23 x 99

Take the number 23

Subtract 1 from 23 and write down the answer : 22

Take the number 22

Subtract each of these digits from 9

9 - 2 = 7
9 - 2 = 7


Answer: 23 x 99 = 2277

---

Let us try 38 x 99

Take the number 38

Subtract 1 from 37 and write down the answer : 37

Take the number 37

Subtract each of these digits from 9

9 - 3 = 6

9 - 7 = 2

Answer: 38 x 99 = 3762

Section 3

Multiplying digits with 111

Let us try 213 x 111

Take the number 213

Write the right most digit as is : 3

Move to the left to add 3 + 1 = 4

Add all three digits 2 + 1 + 3 =6 (Note: this step works only while multiplying 111 with 3 digit numbers)

Add the first two digits 1 + 2 = 3

Write the first digit as is : 2

Answer: 213 x 111 = 23643

---

Let us try 355 x 111

Take the number 355

Write the right most digit as is : 5

Move to the left to add 5 + 5 = 10

Carry over the 1 from 10 to the next step

Add all three digits 3 + 5 + 5 (+1 carried over)=14 (Note: this step works only while multiplying 111 with 3 digit numbers)

Carry over the 1 from 14 to the next step

Add the first two digits 3 + 5 (+1 carried over)= 9

Write the first digit as is : 3

Answer: 355 x 111 = 39405

---

Section 2

Multiplying digits with 11

Let us try 23 x 11

Take the number 23

Write the right most digit as is : 3

Write the left most digit as is : 2

Add 2 + 3 = 5

Answer: 23 x 11 = 253

---

Let us try 57 x 11

Take the number 57

Write the right most digit as is : 7

Write the left most digit as is : 5

Add 5 + 7 = 12

In this case we will carry over the 1 from 11 and add it to the left most digit.

Answer: 57 x 11 = 627

---

Let us try 663 x 11

Take the number 563

Write down the right most digit as is 3

Add the last two digits 3 + 6 = 9

Add the first two digits 6 + 6 = 12 In this case just write down 2 and carry over 1

Write down the left most digit 5 and add it to the carried over 1 which gives us 6

Answer: 663 x 11 = 6293

---

Section 1

Squaring numbers that end with 5

---

Squaring means multiplying a number by itself.

Let us try 25²

which means 25 x 25

The number other than 5 in 25 is 2

The number after 2 is 3

2 x 3 = 6


We know that 5 x 5 = 25

The answer:

25² = 625   (Here I will show arrows to the earlier calculations)

---

Let us try 45²

which means 45 x 45

The number other than 5 in 45 is 4

The number after 4 is 5

4 x 5 = 20



We know that 5 x 5 = 25

The answer:

45² = 2025   (Here I will show arrows to the earlier calculations)

---

Let us try 115²

which means 115 x 115

The number other than 5 in 115 is 11

The number after 11 is 12

11 x 12 = 132



We know that 5 x 5 = 25

The answer:

45² = 13225   (Here I will show arrows to the earlier calculations)

---

Name for Project

Name ideas (personally I like the first one)

Please vote on the left hand side poll.

1. VedaMatics (Vedic + Mathematics)
2. thevedicmathproject
3. ArtOfMath
4. MadMath
5. Vmath

User Personas

Personas

SSNiF Analysis

SSNiF Analysis

	Stakeholder	Situation	Need	Feature/Solution
B	Adult	Interested in learning more about Vedic Math.	to find a self paced learning tool so that he/she can invest time whenever they can.	Self paced Vedic Math tutorials
B	Math teacher	Wants to introduce Vedic Math in the school curriculum.	to show a few examples to the committe members of how Vedic Math works.	Online portal with Vedic Math examples
B	Parent	Has heard about Vedic Math and wants to teach the children.	The children seem to be almost afraid of Math and the parent wants them to see it can be very easy.	E-learning web site for Vedic Math
B	Math teacher	User has students in his/her class who do not like Math and find it very difficult.	Wants ready tutorials which he can show to his class.	E-learning we site for Vedic Math
B	Enthusiastic Parent	User has children studying in school and knows that Vedic Math makes calculations easier.	needs a place to learn and understand before he/she can teach it to their children.	E-learning website for Vedic Math
B	Person who is new to Vedic Math	User has heard about Vedic Math and wants to learn more.	Needs tutorials which are not too complicated or intimidating.	E-learning website with beginner's tutorials
B	Accountant	Uses Math in daily life.	needs to learn Vedic Math so has to find easier and faster ways to calculate mentally.	E-learning web site for Vedic math
B	Store Cashier	The machine broke down once and user had to wait till he/she got a calculator.	needs to be able to calculate mentally and with speed if ever the situation arises again.	Vedic Math tutorials
B	Peron who loves to shop during sales	Is at a Macy's store during their one day sale.	needs to calculate the discounts mentally without having to juggle between the clothes and a calculator.	Vedic Math tutorials
B	Math enthusiast	always looking for new and creative ways to solve math	new ideas or easier fun wyas to solve mah	Vedic Math website
B	Parent	School has intoruduced Vedic Math in the syllabus	needs to be able to help child in completing homework	Vedic Math tutorials
B	Architect	has to calculate specification amounts at the site	needs to learn to calculate mentlly and quickly	Vedic Math tutorials
B	Artist	always sits quietly and avoids any conversations where someone might mentally calculate the total of movie tickets	needs to learn easy mental math	Vedic Math tutorials
B	Grad student	has always disliked math because it feels difficult but now needs it for a class	needs to learn math solving in an easy way	Vedic Math tutorials
B	School principal	heard about Vecic Math during a conversation with someone	needs to find out more about what Vedic Math is	Vedic Math web site
B	School principal	wants to introduce Vedic math because other schools have started to do so but has no idea what it is and how it works.	needs to find easily what the subject is all about	Vedic Math web site
B	Vedic Math pro	flaunts his/her skills at a gathering and is asked if they have a link or something which beginners could look at	needs to know a reliable and free web site that he can pass on to others to try	Vedic Math web site
B	Person who stumbled across a vedic math tutorial on youtube	is very interested to learn more	needs to find a site that teaches Vedic Math	Vedic Math web site

SSNiF Analysis

	Stakeholder	Situation	Need	Feature/Solution
L	Math teacher	curious about the origins of Vedic math	needs to find a source where he/she can read about the history of Vedic Math	History section
L	Parent	wants to learn Vedic math but in his/her own time and in simple easy to remember steps	needs to find tutorials that are self paced and easy to remeber	self paced and tutorials given step by step
L	Person studying Vedic math	has no idea how much he/she has studied as they have logged in after a month	needs to be able to track which tutorial was studied last and how many tutorials are completed	Progress of tutorials for signed up users
L	Person viewing a tutorial	studying the tutorials on the website and wants to discuss it with someone	needs a way to communicate with other learners on the site	A comments/ discussion place
L	student	has studied a few tutorials and is very excited that now he/she can solve quickly and mentally, but now wants to test the knowledge	needs a way to be able to test on the site based on what he/she has learned so far	quiz/ game
L	Math teacher	user has students in class who don't like math and find it very difficult	needs interactive tutorials that he can show to the class	tutorials
L	Person who is new to Vedic math	User has heard about Vedic Math and wants to learn it	needs tutorials for beginners so as to not feel intimidated by math once again	Tutorials are categorized by - Beginner, Intermediate and Expert

Logo Design

Phases

Option 1

Phase 1 - 4 sutras

Phase 2 - next 4 sutras

Phase 3 - next 4 sutras

Phase 4 - last set of 4 sutras

Option 2

Phase 1 - Multiplication

Phase 2 - Division

Phase 3 - Complex Algebra

Option 3 (selected)

Phase 1 - Beginner

Phase 2 - Intermediate

Phase 3 - Expert

Moodboards

17 March 2010

For Midpoint

Moodboard - Project concept

 

Moodboard - Design style 1

Moodboard - Design style 2

Moodboard - Design style 3