Ogre
- infographic web editor Team:
Tiganas Bianca - Gabriela
Tudosa Razvan - Petru
Ciobanu Madalina - Georgiana
Descriere
Ogre is an application where you can easily
create infographics. The application offers the
possibility of inser...
Who are the users that will use the
application?

More about personas on the blog http://ogrecliw.wordpress.com/
1.Introducing the user to the
application
• Q: How can the user know what they expect from
the application?
• O:
He has an...
Sketch– 1.Introducing the user to the
application
Scenario –1.Introducing the user to
the application
• Event: User is accessing the website.
• Desired result: After seeing the application
slides, the user tries the app.
• H...
Wireframe – 1.Introducing the user to
the application
2. Logging in the application
• Q: How can the user connect to the application?
• O:
He doesn’t create an account.
He regi...
Sketch – 2. Logging in the application
Scenario – 2. Logging in the
application
• Event: User presses “Login / Register” button.
• Desired result: User fills the requiered information
or clicks on eithe...
Wireframe – 2. Logging in the
application
3. Creating the infographic
• Q: How does the user creates the elements from
the infographic?
• O:
Creating each infograph...
Sketch – 3. Creating the infographic
Scenario – 3. Creating the infographic
• Events: The user creates the infographic and
saves / downloads / shares it.
• Desired result: The user finishes the info...
Wireframe – 3. Creating the
infographic
Other ideas – 4. Profile
Other ideas – 5. Collection
Prototype

More about prototype here http://students.info.uaic.ro/~razvan.tudosa/Prototip/
Ogre
Ogre
Ogre
Upcoming SlideShare
Loading in...5
×

Ogre

332

Published on

Ogre - infographic web editor - project

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
332
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ogre

  1. 1. Ogre - infographic web editor Team: Tiganas Bianca - Gabriela Tudosa Razvan - Petru Ciobanu Madalina - Georgiana
  2. 2. Descriere Ogre is an application where you can easily create infographics. The application offers the possibility of inserting images, text and creating diagrams. The infographics can be saved on the user's personal computer or in his/her application account. The ones saved in the application account can be visualized or edited.
  3. 3. Who are the users that will use the application? More about personas on the blog http://ogrecliw.wordpress.com/
  4. 4. 1.Introducing the user to the application • Q: How can the user know what they expect from the application? • O: He has an interactive presentation. He has a video tutorial. He doesn’t have any presentation. • C: We chose the interactive presentation because he will get the most important information effectively
  5. 5. Sketch– 1.Introducing the user to the application
  6. 6. Scenario –1.Introducing the user to the application
  7. 7. • Event: User is accessing the website. • Desired result: After seeing the application slides, the user tries the app. • Home page has a slider containing a presentation of the app. While the user reads the informations, he will also see the final page of the slider that contains a ”’Try it now!” button.
  8. 8. Wireframe – 1.Introducing the user to the application
  9. 9. 2. Logging in the application • Q: How can the user connect to the application? • O: He doesn’t create an account. He registers and creates an account. He logs in with Facebook or Twitter account. • C: We chose all, because: We don’t want to force a user to create an account before he tries to create create an infographic. Creates an account because he is organized and wants to have different accounts depending on his needs. Uses a social network account because he doesn’t want to have too many accounts and it is more accessible.
  10. 10. Sketch – 2. Logging in the application
  11. 11. Scenario – 2. Logging in the application
  12. 12. • Event: User presses “Login / Register” button. • Desired result: User fills the requiered information or clicks on either facebook or twitter icon. • Home page is the same as described above. When the user clicks on the “Login / Register” button, a slider with login options goes down. The slider is devided in two parts: one for login and one for registration. After pressing the “Login” button or the “Register” button, the page where the user can design the infographic appears.
  13. 13. Wireframe – 2. Logging in the application
  14. 14. 3. Creating the infographic • Q: How does the user creates the elements from the infographic? • O: Creating each infographic element separating and afterwards adding them in the page. Creating everything inside the page and visualizing the infographic when the user wants (preview). • C: We chose the second options because the user can have an overview of the infographic at each step so he can decide whether he adds/removes/modifies element.
  15. 15. Sketch – 3. Creating the infographic
  16. 16. Scenario – 3. Creating the infographic
  17. 17. • Events: The user creates the infographic and saves / downloads / shares it. • Desired result: The user finishes the infographic and can choose what to do with it. • The user adds/removes/modifies elements in the infographic. He clicks on a menu item and the menu area slides with the options he has for the selected item. The user saves the infographic in his collection or downloads / shares it.
  18. 18. Wireframe – 3. Creating the infographic
  19. 19. Other ideas – 4. Profile
  20. 20. Other ideas – 5. Collection
  21. 21. Prototype More about prototype here http://students.info.uaic.ro/~razvan.tudosa/Prototip/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×