SlideShare a Scribd company logo
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 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.
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 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
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.
• 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.
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 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.
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 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.
Wireframe – 2. Logging in the
application
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.
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 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.
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/

More Related Content

Similar to Ogre

Latest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chenLatest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chen
Anxiao Chen
 
reptProblem
reptProblemreptProblem
reptProblem
Nadra Najib
 
Problem
ProblemProblem
Problem
Nadra Najib
 
GetPoll (A Polling Website)
GetPoll (A Polling Website)GetPoll (A Polling Website)
GetPoll (A Polling Website)
IRJET Journal
 
Sketching - DoToday App
Sketching - DoToday AppSketching - DoToday App
Sketching - DoToday App
Pratap R Jujjavarapu
 
FINAL REPORT
FINAL REPORTFINAL REPORT
FINAL REPORT
Tanya Murray
 
Expense_Tracker.pptx
Expense_Tracker.pptxExpense_Tracker.pptx
Expense_Tracker.pptx
RupaliTasnimSamad
 
SahilaMirajkar
SahilaMirajkarSahilaMirajkar
SahilaMirajkar
Sahila Mujawar
 
UCD Assignment 2 – Final Report – Training Everywhere
UCD Assignment 2 – Final Report – Training EverywhereUCD Assignment 2 – Final Report – Training Everywhere
UCD Assignment 2 – Final Report – Training Everywhere
Timothy Adrian Lam
 
Backup Photos- Project Proposal
Backup Photos- Project ProposalBackup Photos- Project Proposal
Backup Photos- Project Proposal
Rajon
 
(MAKAV).pptx
(MAKAV).pptx(MAKAV).pptx
(MAKAV).pptx
ABISHEKK20192023IT
 
Project Management Semester Long Project - Acuity
Project Management Semester Long Project - AcuityProject Management Semester Long Project - Acuity
Project Management Semester Long Project - Acuity
jpupo2018
 
python pre-submission.pdf
python pre-submission.pdfpython pre-submission.pdf
python pre-submission.pdf
AbhishekKumar66407
 
Gamer’s for Life Application .docx
Gamer’s for Life Application .docxGamer’s for Life Application .docx
Gamer’s for Life Application .docx
hanneloremccaffery
 
Phase 3 powerpoint- Final Presentation
Phase 3 powerpoint- Final PresentationPhase 3 powerpoint- Final Presentation
Phase 3 powerpoint- Final Presentation
lozilozi
 
Responsive Design: Let's get Responsive!
Responsive Design: Let's get Responsive!Responsive Design: Let's get Responsive!
Responsive Design: Let's get Responsive!
Courtney Jordan
 
Workflow automation i phone application for a construction company
Workflow automation i phone application for a construction companyWorkflow automation i phone application for a construction company
Workflow automation i phone application for a construction company
Mike Taylor
 
Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...
Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...
Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...
AnandGopalakrishnan8
 
Acl3XsIcb_j22h6.pptx
Acl3XsIcb_j22h6.pptxAcl3XsIcb_j22h6.pptx
Acl3XsIcb_j22h6.pptx
StonyVsstony
 
How to make an iPhone app
How to make an iPhone appHow to make an iPhone app
How to make an iPhone app
VCube Works
 

Similar to Ogre (20)

Latest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chenLatest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chen
 
reptProblem
reptProblemreptProblem
reptProblem
 
Problem
ProblemProblem
Problem
 
GetPoll (A Polling Website)
GetPoll (A Polling Website)GetPoll (A Polling Website)
GetPoll (A Polling Website)
 
Sketching - DoToday App
Sketching - DoToday AppSketching - DoToday App
Sketching - DoToday App
 
FINAL REPORT
FINAL REPORTFINAL REPORT
FINAL REPORT
 
Expense_Tracker.pptx
Expense_Tracker.pptxExpense_Tracker.pptx
Expense_Tracker.pptx
 
SahilaMirajkar
SahilaMirajkarSahilaMirajkar
SahilaMirajkar
 
UCD Assignment 2 – Final Report – Training Everywhere
UCD Assignment 2 – Final Report – Training EverywhereUCD Assignment 2 – Final Report – Training Everywhere
UCD Assignment 2 – Final Report – Training Everywhere
 
Backup Photos- Project Proposal
Backup Photos- Project ProposalBackup Photos- Project Proposal
Backup Photos- Project Proposal
 
(MAKAV).pptx
(MAKAV).pptx(MAKAV).pptx
(MAKAV).pptx
 
Project Management Semester Long Project - Acuity
Project Management Semester Long Project - AcuityProject Management Semester Long Project - Acuity
Project Management Semester Long Project - Acuity
 
python pre-submission.pdf
python pre-submission.pdfpython pre-submission.pdf
python pre-submission.pdf
 
Gamer’s for Life Application .docx
Gamer’s for Life Application .docxGamer’s for Life Application .docx
Gamer’s for Life Application .docx
 
Phase 3 powerpoint- Final Presentation
Phase 3 powerpoint- Final PresentationPhase 3 powerpoint- Final Presentation
Phase 3 powerpoint- Final Presentation
 
Responsive Design: Let's get Responsive!
Responsive Design: Let's get Responsive!Responsive Design: Let's get Responsive!
Responsive Design: Let's get Responsive!
 
Workflow automation i phone application for a construction company
Workflow automation i phone application for a construction companyWorkflow automation i phone application for a construction company
Workflow automation i phone application for a construction company
 
Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...
Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...
Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...
 
Acl3XsIcb_j22h6.pptx
Acl3XsIcb_j22h6.pptxAcl3XsIcb_j22h6.pptx
Acl3XsIcb_j22h6.pptx
 
How to make an iPhone app
How to make an iPhone appHow to make an iPhone app
How to make an iPhone app
 

Recently uploaded

TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
Wouter Lemaire
 
Infrastructure Challenges in Scaling RAG with Custom AI models
Infrastructure Challenges in Scaling RAG with Custom AI modelsInfrastructure Challenges in Scaling RAG with Custom AI models
Infrastructure Challenges in Scaling RAG with Custom AI models
Zilliz
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
Brandon Minnick, MBA
 
AI-Powered Food Delivery Transforming App Development in Saudi Arabia.pdf
AI-Powered Food Delivery Transforming App Development in Saudi Arabia.pdfAI-Powered Food Delivery Transforming App Development in Saudi Arabia.pdf
AI-Powered Food Delivery Transforming App Development in Saudi Arabia.pdf
Techgropse Pvt.Ltd.
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
Aftab Hussain
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Zilliz
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
panagenda
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
DianaGray10
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
kumardaparthi1024
 
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial IntelligenceAI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
IndexBug
 
Mariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceXMariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceX
Mariano Tinti
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Speck&Tech
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems S.M.S.A.
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Matthew Sinclair
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Zilliz
 
OpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - AuthorizationOpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - Authorization
David Brossard
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
Alpen-Adria-Universität
 

Recently uploaded (20)

TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
 
Infrastructure Challenges in Scaling RAG with Custom AI models
Infrastructure Challenges in Scaling RAG with Custom AI modelsInfrastructure Challenges in Scaling RAG with Custom AI models
Infrastructure Challenges in Scaling RAG with Custom AI models
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
 
AI-Powered Food Delivery Transforming App Development in Saudi Arabia.pdf
AI-Powered Food Delivery Transforming App Development in Saudi Arabia.pdfAI-Powered Food Delivery Transforming App Development in Saudi Arabia.pdf
AI-Powered Food Delivery Transforming App Development in Saudi Arabia.pdf
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
 
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial IntelligenceAI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
 
Mariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceXMariano G Tinti - Decoding SpaceX
Mariano G Tinti - Decoding SpaceX
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
 
OpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - AuthorizationOpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - Authorization
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
 

Ogre

  • 1. Ogre - infographic web editor Team: Tiganas Bianca - Gabriela Tudosa Razvan - Petru Ciobanu Madalina - Georgiana
  • 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. Who are the users that will use the application? More about personas on the blog http://ogrecliw.wordpress.com/
  • 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. Sketch– 1.Introducing the user to the application
  • 6. Scenario –1.Introducing the user to the application
  • 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. Wireframe – 1.Introducing the user to the application
  • 9.
  • 10. 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.
  • 11. Sketch – 2. Logging in the application
  • 12. Scenario – 2. Logging in the application
  • 13. • 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.
  • 14. Wireframe – 2. Logging in the application
  • 15.
  • 16. 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.
  • 17. Sketch – 3. Creating the infographic
  • 18. Scenario – 3. Creating the infographic
  • 19. • 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.
  • 20. Wireframe – 3. Creating the infographic
  • 21.
  • 22. Other ideas – 4. Profile
  • 23. Other ideas – 5. Collection
  • 24. Prototype More about prototype here http://students.info.uaic.ro/~razvan.tudosa/Prototip/