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

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
 
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
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
Tomaz Bratanic
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 
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
 
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
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Kumud Singh
 
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.
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
Claudio Di Ciccio
 
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
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
Jason Packer
 
Things to Consider When Choosing a Website Developer for your Website | FODUU
Things to Consider When Choosing a Website Developer for your Website | FODUUThings to Consider When Choosing a Website Developer for your Website | FODUU
Things to Consider When Choosing a Website Developer for your Website | FODUU
FODUU
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
名前 です男
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
Edge AI and Vision Alliance
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
kumardaparthi1024
 
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
 
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
 

Recently uploaded (20)

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
 
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
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 
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
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
 
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
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
 
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
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
 
Things to Consider When Choosing a Website Developer for your Website | FODUU
Things to Consider When Choosing a Website Developer for your Website | FODUUThings to Consider When Choosing a Website Developer for your Website | FODUU
Things to Consider When Choosing a Website Developer for your Website | FODUU
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
 
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
 
OpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - AuthorizationOpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - Authorization
 

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/