SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Downloaden Sie, um offline zu lesen
UI Mock-ups with SAP
Splash and BUILD
12.12.2015
Author: Martin Fischer
2BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015
Agenda
UI Mock-ups with SAP Splash and BUILD
1 How I did UI Mock-ups till now
2 Features of Splash and BUILD
3 Live Demo
3BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015
Pros:
• Discussion and interaction with
potential users
Cons:
• Hard to share with not
participating stakeholders
• Big „visual gap“ to real UIs
• Not reusable for implementation
How I did UI Mock-ups till now
Paper Mock-ups
4BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015
Pros:
• Looks similar to real UI
• Interaction and simulation
possible (depending on the tool)
Cons:
• Creation very time consuming
• Not reusable for implementation
How I did UI Mock-ups till now
Tool-based Mock-ups
5BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015
Features of Splash and BUILD
Beta Test Version
Create
Interactive
Prototypes
Create Fiori
like
Prototypes
Share/
Consume
Templates
Get Feedback
from Users
Reuse the
Mock up
in WebIDE
Text
6BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015
• Request Betatest User at contact.build@sap.com
• BUILD on github: https://github.com/SAP/BUILD
• BUILD website http://www.build.me/
• Splash website and access to the cloud version:
https://www.experiencesplash.com/splashapp/
• How to connect BUILD with WebIDE
http://scn.sap.com/community/fiori/blog/2015/12/04/kickstart-your-fiori-web-ide-
project-with-splash-and-build
Some useful links
Wir freuen uns auf Sie!
Standort Mannheim
N7, 5-6
68161 Mannheim
Standort Frankfurt
Solmsstraße 4
60486 Frankfurt
Standort Karlsruhe
Rüppurrer Straße 4
76137 Karlsruhe
Standort Köln
Waidmarkt 11
50676 Köln
Standort München
Riesstraße 12
80992 München
Standort Stuttgart
Königstraße 42
70173 Stuttgart
Standort Zug (Schweiz)
Baarerstraße 14
CH-6300 Zug

Weitere ähnliche Inhalte

Was ist angesagt?

Tony-Burden-Resume-2015
Tony-Burden-Resume-2015Tony-Burden-Resume-2015
Tony-Burden-Resume-2015
Tony Burden II
 

Was ist angesagt? (19)

15 ux designer tools
15 ux designer tools15 ux designer tools
15 ux designer tools
 
What is user experience(ux) & ux designer
What is user experience(ux) & ux designerWhat is user experience(ux) & ux designer
What is user experience(ux) & ux designer
 
How to boost your workflow, or git rebase for designers
How to boost your workflow, or git rebase for designersHow to boost your workflow, or git rebase for designers
How to boost your workflow, or git rebase for designers
 
2230 Fomina Natalia - Memo Ticket - DES509-Magee j-crit-02
2230  Fomina Natalia - Memo Ticket - DES509-Magee j-crit-022230  Fomina Natalia - Memo Ticket - DES509-Magee j-crit-02
2230 Fomina Natalia - Memo Ticket - DES509-Magee j-crit-02
 
Tony-Burden-Resume-2015
Tony-Burden-Resume-2015Tony-Burden-Resume-2015
Tony-Burden-Resume-2015
 
Power of empowered stakeholders Robert Hamburger
Power of empowered stakeholders   Robert HamburgerPower of empowered stakeholders   Robert Hamburger
Power of empowered stakeholders Robert Hamburger
 
XB Software Infographics: 6 Years in Web Development
XB Software Infographics: 6 Years in Web DevelopmentXB Software Infographics: 6 Years in Web Development
XB Software Infographics: 6 Years in Web Development
 
Impact of new technologies
Impact of new technologiesImpact of new technologies
Impact of new technologies
 
The road to faster mock-ups: How we built and shared our design system
The road to faster mock-ups: How we built and  shared our design systemThe road to faster mock-ups: How we built and  shared our design system
The road to faster mock-ups: How we built and shared our design system
 
Belgian Ad School 2014
Belgian Ad School 2014Belgian Ad School 2014
Belgian Ad School 2014
 
MattGillespieResume
MattGillespieResumeMattGillespieResume
MattGillespieResume
 
Plannerly with the Calgary BIM Community cBIMc - BuildingSmart Affiliate
Plannerly with the Calgary BIM Community cBIMc - BuildingSmart AffiliatePlannerly with the Calgary BIM Community cBIMc - BuildingSmart Affiliate
Plannerly with the Calgary BIM Community cBIMc - BuildingSmart Affiliate
 
Top 6 Web Design Trends For 2016
Top 6 Web Design Trends For 2016Top 6 Web Design Trends For 2016
Top 6 Web Design Trends For 2016
 
Jax 2019 TrailheaDX Global Gathering Deck
Jax 2019 TrailheaDX Global Gathering DeckJax 2019 TrailheaDX Global Gathering Deck
Jax 2019 TrailheaDX Global Gathering Deck
 
Are Enterprise Messaging Platforms à la Slack the Future Collaboration Platfo...
Are Enterprise Messaging Platforms à la Slack the Future Collaboration Platfo...Are Enterprise Messaging Platforms à la Slack the Future Collaboration Platfo...
Are Enterprise Messaging Platforms à la Slack the Future Collaboration Platfo...
 
Best Practices - chapter #3 - Business and developer collaboration with Bonita
Best Practices - chapter #3 - Business and developer collaboration with BonitaBest Practices - chapter #3 - Business and developer collaboration with Bonita
Best Practices - chapter #3 - Business and developer collaboration with Bonita
 
KyleeEgbertPortfolio
KyleeEgbertPortfolioKyleeEgbertPortfolio
KyleeEgbertPortfolio
 
Fusionops sr ux designer 2 2017
Fusionops sr ux designer 2 2017Fusionops sr ux designer 2 2017
Fusionops sr ux designer 2 2017
 
Is future manufacturing open source? (MIT Innovation Lab - Dec 4 2018)
Is future manufacturing open source? (MIT Innovation Lab - Dec 4 2018)Is future manufacturing open source? (MIT Innovation Lab - Dec 4 2018)
Is future manufacturing open source? (MIT Innovation Lab - Dec 4 2018)
 

Ähnlich wie #sitWDF SAP BUILD on Splash

Designing Mobile Interfaces - Goodpatch Workshop SF
Designing Mobile Interfaces - Goodpatch Workshop SFDesigning Mobile Interfaces - Goodpatch Workshop SF
Designing Mobile Interfaces - Goodpatch Workshop SF
Boris Friedrich Milkowski
 

Ähnlich wie #sitWDF SAP BUILD on Splash (20)

Designing and developing products for multiple platforms
Designing and developing products for multiple platformsDesigning and developing products for multiple platforms
Designing and developing products for multiple platforms
 
BIML: BI to the next level
BIML: BI to the next levelBIML: BI to the next level
BIML: BI to the next level
 
User Experience and Product Design Portfolio
User Experience and Product Design PortfolioUser Experience and Product Design Portfolio
User Experience and Product Design Portfolio
 
Dashboard and apps - part 1
Dashboard and apps - part 1Dashboard and apps - part 1
Dashboard and apps - part 1
 
ICON 02 ★ PROJECT HIGHLIGHTS 2015 - 2021 | PORTFOLIO -THE HARDCOVER BY KONSTA...
ICON 02 ★ PROJECT HIGHLIGHTS 2015 - 2021 | PORTFOLIO -THE HARDCOVER BY KONSTA...ICON 02 ★ PROJECT HIGHLIGHTS 2015 - 2021 | PORTFOLIO -THE HARDCOVER BY KONSTA...
ICON 02 ★ PROJECT HIGHLIGHTS 2015 - 2021 | PORTFOLIO -THE HARDCOVER BY KONSTA...
 
Kate-Glushkova_portfolio-2019
Kate-Glushkova_portfolio-2019Kate-Glushkova_portfolio-2019
Kate-Glushkova_portfolio-2019
 
Selling Responsive Webdesign - webtech Conference 2013
Selling Responsive Webdesign - webtech Conference 2013Selling Responsive Webdesign - webtech Conference 2013
Selling Responsive Webdesign - webtech Conference 2013
 
Aurelia Friska Resume
Aurelia Friska ResumeAurelia Friska Resume
Aurelia Friska Resume
 
Ditch Your Desktop! Lead Your Team into Cloud Computing! (presentation slides)
Ditch Your Desktop! Lead Your Team into Cloud Computing! (presentation slides)Ditch Your Desktop! Lead Your Team into Cloud Computing! (presentation slides)
Ditch Your Desktop! Lead Your Team into Cloud Computing! (presentation slides)
 
Design Dynamics: Elevating UiPath Apps with UX Wireframes
Design Dynamics: Elevating UiPath Apps with UX WireframesDesign Dynamics: Elevating UiPath Apps with UX Wireframes
Design Dynamics: Elevating UiPath Apps with UX Wireframes
 
User Centered Design: guarantee that your business process automation project...
User Centered Design: guarantee that your business process automation project...User Centered Design: guarantee that your business process automation project...
User Centered Design: guarantee that your business process automation project...
 
건설산업의 End to-end 협업을 위한 선진 BIM 방법론 (다쏘시스템)
건설산업의 End to-end 협업을 위한 선진 BIM 방법론 (다쏘시스템)건설산업의 End to-end 협업을 위한 선진 BIM 방법론 (다쏘시스템)
건설산업의 End to-end 협업을 위한 선진 BIM 방법론 (다쏘시스템)
 
Product and UX - are the roles blurring?
Product and UX - are the roles blurring?Product and UX - are the roles blurring?
Product and UX - are the roles blurring?
 
UX Within Design Agencies - UX Cambridge 2017
UX Within Design Agencies - UX Cambridge 2017UX Within Design Agencies - UX Cambridge 2017
UX Within Design Agencies - UX Cambridge 2017
 
Evolving the Creative Process
Evolving the Creative ProcessEvolving the Creative Process
Evolving the Creative Process
 
Scaling Shiny Apps - EARL 2017 San Francisco
Scaling Shiny Apps - EARL 2017 San Francisco Scaling Shiny Apps - EARL 2017 San Francisco
Scaling Shiny Apps - EARL 2017 San Francisco
 
Rapid design prototyping
Rapid design prototypingRapid design prototyping
Rapid design prototyping
 
20151112 CITA BIM Gathering Keynote Dublin
20151112 CITA BIM Gathering Keynote Dublin20151112 CITA BIM Gathering Keynote Dublin
20151112 CITA BIM Gathering Keynote Dublin
 
Agile Ucd
Agile UcdAgile Ucd
Agile Ucd
 
Designing Mobile Interfaces - Goodpatch Workshop SF
Designing Mobile Interfaces - Goodpatch Workshop SFDesigning Mobile Interfaces - Goodpatch Workshop SF
Designing Mobile Interfaces - Goodpatch Workshop SF
 

Kürzlich hochgeladen

+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
Health
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
mohitmore19
 

Kürzlich hochgeladen (20)

How To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected WorkerHow To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
 
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplateAI & Machine Learning Presentation Template
AI & Machine Learning Presentation Template
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
Vip Call Girls Noida ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live
Vip Call Girls Noida ➡️ Delhi ➡️ 9999965857 No Advance 24HRS LiveVip Call Girls Noida ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live
Vip Call Girls Noida ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live
 
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension AidDirect Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
 
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdfAzure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf
 
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
 
Optimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTVOptimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTV
 
VTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learnVTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learn
 
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
 
8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students8257 interfacing 2 in microprocessor for btech students
8257 interfacing 2 in microprocessor for btech students
 
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
 
How to Choose the Right Laravel Development Partner in New York City_compress...
How to Choose the Right Laravel Development Partner in New York City_compress...How to Choose the Right Laravel Development Partner in New York City_compress...
How to Choose the Right Laravel Development Partner in New York City_compress...
 
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) SolutionIntroducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
 
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
 
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
 
10 Trends Likely to Shape Enterprise Technology in 2024
10 Trends Likely to Shape Enterprise Technology in 202410 Trends Likely to Shape Enterprise Technology in 2024
10 Trends Likely to Shape Enterprise Technology in 2024
 
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
 
Microsoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdfMicrosoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdf
 

#sitWDF SAP BUILD on Splash

  • 1. UI Mock-ups with SAP Splash and BUILD 12.12.2015 Author: Martin Fischer
  • 2. 2BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015 Agenda UI Mock-ups with SAP Splash and BUILD 1 How I did UI Mock-ups till now 2 Features of Splash and BUILD 3 Live Demo
  • 3. 3BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015 Pros: • Discussion and interaction with potential users Cons: • Hard to share with not participating stakeholders • Big „visual gap“ to real UIs • Not reusable for implementation How I did UI Mock-ups till now Paper Mock-ups
  • 4. 4BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015 Pros: • Looks similar to real UI • Interaction and simulation possible (depending on the tool) Cons: • Creation very time consuming • Not reusable for implementation How I did UI Mock-ups till now Tool-based Mock-ups
  • 5. 5BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015 Features of Splash and BUILD Beta Test Version Create Interactive Prototypes Create Fiori like Prototypes Share/ Consume Templates Get Feedback from Users Reuse the Mock up in WebIDE Text
  • 6. 6BridgingIT GmbH | SAP BUILD on Splash #sitWDF | Author: Martin Fischer | 12.12.2015 • Request Betatest User at contact.build@sap.com • BUILD on github: https://github.com/SAP/BUILD • BUILD website http://www.build.me/ • Splash website and access to the cloud version: https://www.experiencesplash.com/splashapp/ • How to connect BUILD with WebIDE http://scn.sap.com/community/fiori/blog/2015/12/04/kickstart-your-fiori-web-ide- project-with-splash-and-build Some useful links
  • 7. Wir freuen uns auf Sie! Standort Mannheim N7, 5-6 68161 Mannheim Standort Frankfurt Solmsstraße 4 60486 Frankfurt Standort Karlsruhe Rüppurrer Straße 4 76137 Karlsruhe Standort Köln Waidmarkt 11 50676 Köln Standort München Riesstraße 12 80992 München Standort Stuttgart Königstraße 42 70173 Stuttgart Standort Zug (Schweiz) Baarerstraße 14 CH-6300 Zug