SlideShare a Scribd company logo
1 of 32
IMAGINE CUP 2013
WINDOWS 8 APP CHALLENGE
      App Summary Template




  TEAM FLYING SHIP - BRAZIL
APP SUMMARY
 • What is the goal of your project?
 Nowadays, anytime and anywhere can be a really distracting environment. The constant ringing and
 buzzing of our devices can sometimes disrupt our work, dinners, family time, and even our sleep.
 Our main goal is to enable people to be more focused on their daily activities reducing the number of
 interruptions during their appointments.


 • Name and description of your app
 Our solution to the scenario described is Callvenient, an app that knows the moments you don’t want to
 be interrupted and based on that, handles your incoming calls made by other phones or skype through
 Callvenient, helping people find the best ways and times to contact you.

 To make it possible, you need to login with your Microsoft account, and then, Callvenient will
 automatically sync with your Contacts and your Calendar. This allows the app to fetch your appointment
 informations and keep track of your daily agenda. This way, when people try to reach you at an
 inconvenient moment, Callvenient will act before the call is effectively made, and if you are busy, it’ll send
 a notification to the caller that it isn’t a great time because you’re engaged in an important event, and
 also, will provide your caller with some options to contact you in a better time, or less distracting way.

 It doesn’t simply coldly block your incoming calls during inconvenient moments, but the opposite, it
 handles them in a much more personal way offering options to the connection to happen in the most
 convenient time.
APP SUMMARY (CONTINUED)
 • Windows 8 App design and user experience
 Callvenient was designed with full attention to details, from the background to the custom icons and
 animations. All these little pieces were put together to create our interface and make it look not just
 beautiful, but also digital, fast and enjoyable.

 We used different font sizes and colors in the headers, sub-headers and content to emphasize the visual
 hierarchy of the content and provide what the user needs, being an information or a button to execute an
 action, as fast as possible. This can be noticed in the menu present in the contacts page, where the user
 can access the main features like calling, text, schedule just with one tap.
APP SUMMARY (CONTINUED)
 • Windows 8 platform functionality
 To enhance the user experience and help the user achieve his objectives, we took advantage of a series of
 windows 8 features:
 •    Share contract: When you create a busy moment via the status page, you can share your appointment
      with your contacts. Very useful if you’re entering a meeting and want to suggest participants to be
      unreachable as well.
 •    Toast notification: You get toast notifications for when the time for a scheduled call comes, when you
      are entering on busy mode (if on the app settings you’ve set to be warned before going busy) and
      when someone among your contacts starts using Callvenient. These are some examples of situations
      you’ll be notified by a toast notification.
 •     Live Tile: Since Callvenient missed calls can carry useful informations from the calls, such as the
      subject the missed call intended to discuss and other details, users will want to check them
      frequently. For that matter, Callvenient uses a counter in the tile to display how many lost calls you
      have. The live tile also changes its color according to your current status right in Start Screen.
 •    Semantic zoom: Browse through your contacts from the Home page using semantic zoom.
 •    Animations: The animations are an important characteristic of Callvenient, especially in the screens
      that displays our most original features, like the checking screen and the contact status screen.
APP SUMMARY (CONTINUED)
 • Originality and Innovation
 Hundreds of apps enhances the connection between you and the people you care about. Some of them
 are really smart and personal. But the way we call each other hasn’t changed much since a long time ago.

 Other apps and devices just coldly block your incoming calls and offer few or no options to treat these
 calling attempts like a human would.
 Callvenient can provide you not only a personal but efficient assistance for your connections to happen
 more conveniently. That’s why our app is different.

 Callvenient is also innovative in the way it handles your incoming calls without the need of any call signal
 to be sent, reducing the distractions to zero, as your device won’t even vibrate during incoming
 undesirable calls.
 It’s synchronization with calendar appointments is also an incredible feature that can automate completely
 the recognition of moments you don’t want to be interrupted.




 • Presentation & Polish
 The key points in our video are the moments when the app is being used. The first one, when Alice is at an
 important meeting with her clients shows exactly how our app works and makes clear that our main action
 happens before the call is made, preventing Alice’s phone from ringing and interrupting her appointment.
 Also, this part illustrates the actions available to the caller in that situation, when he will be able to
 schedule the call, text, leave her the subject for the call or call her anyway.
APP SUMMARY (CONTINUED)
 • Pre-existing source code
 In Callvenient, we used:
 • Windows Phone toolkit
 • Mobile Service Client Library
 • Live Connect SDK
WINDOWS 8
STYLE
DESIGN
AND USER
EXPERIENCE
TAILORED USER EXPERIENCE
 • What are the specific user goals your app addresses?
 Our app is designed to address these major user goals
 • Don’t be interrupted during my important appointments or personal time
 • Don’t interrupt my contacts during their important appointments and personal time
 • Be more focused and productive in my daily activities


 • Describe the scenarios your users will experience while
   using your app.
 With our app, you will be able to stop your interruptions anytime. For example, if you are
 going to do something that needs your attention using your desktop or tablet and don’t want
 to be interrupted by skype calls or your phone ringing, you can go to Callvenient and with a
 few taps, change your status. The app will automatically handle the calls made to your phone
 or Skype using Callvenient.

 Or, if you synchronized Callvenient with your calendar, it will do all that automatically for you.
 If you are going to a meeting and it`s registered in your calendar, our app will predict that is
 going to change your status and in the right time, will do that for you.
WINDOWS 8 STYLING AND LAYOUT
 The Windows 8 style can be viewed in Callvenient by our
 combination of typography, icons and animations to create
 a content focused interface.
 In the entire app, we organize the content in a grid and
 display it with the Segoe typeface using variations of size,
 color and weight to create the hierarchy that makes it
 readable and easily accessible. Also, between headers,
 titles and text, we applied standardized margins to increase
 the separation of different categories of content.




                               Appointments group in the tablet
WINDOWS 8 STYLING AND LAYOUT




  The app background. Instead of using a solid color or a photo, we
  created a pattern with a light effect to achieve a depth in the interface.
WINDOWS 8 STYLING AND LAYOUT




  The status group, where you can see your current status and change it to busy.
WINDOWS 8 STYLING AND LAYOUT




 The groups headers




 Custom buttons       Custom icons and buttons
WINDOWS 8 STYLING AND LAYOUT




  The status screen in the Windows Store App and Phone App before and
  after the set up of a busy moment. The change of the color to red shows
  the user that he is currently busy.
INTERACTIONS
 Using Callvenient, you will interact directly with the content, always tapping right in the
 information to execute the main actions. Additional actions, the ones that the user won’t
 need frequently, are displayed in the bottom app bar, that is related to the current view or
 page.

                                                                          User accessing
                                                                          contact detail page
                                                                          tapping right on the
                                                                          contact photo.
INTERACTIONS




  The app bar being displayed in the contact details page after a swipe
  gesture.

  The app bar was used to place commands relevant to the context of the
  user, and also navigational commands like the home button.
NAVIGATION
 Callvenient uses the hierarchical system to organize its content. The app’s first page is a Hub
 with different categories of content that maps to the sections and details pages. Especially in
 the Contacts group, the section page is accessed with a semantic zoom in the group of
 photos, and the detail page of a contact can be directly accessed with a tap in his or her
 photo.
 To ease the users navigation, we used the Header with a persistent back button and also the
 home button in the bottom app bar.
NAVIGATION




  Tablet hub page showing different groups of content.
NAVIGATION




  Contacts semantic zoom.
NAVIGATION




  The header with persistent back button and, in the app bar, the
  home button.
FAST & FLUID
 We used animations to make the app more organic and fluid, especially in the screens that
 have our most unique features.
 • Checking: This animation plays while Callvenient is accessing it’s Azure database to check
     if the contact being called is busy or not. When Callvenient gets the answer, it plays the
     transition, that is also custom animated, between the checking and the contact current
     status screen.
 • Status change: When the user configures it’s busy moment and taps the “Get busy”
     button, the page goes from the available to the busy mode, and this is shown with an
     animation of the elements and their colors, changing it from green to red.
FAST & FLUID




  Video displaying checking animation in the tablet.
FAST & FLUID
               Video displaying checking animation in the
               phone.
WINDOWS 8 STYLING AND LAYOUT




  Video displaying status change animation in the phone.
WINDOWS 8
PLATFORM
VIEWS
 Callvenient adapts itself to different screen resolutions and orientations.




 Tablet in landscape mode.
VIEWS




 Tablet in portrait mode.
CONTRACTS
 Callvenient uses the settings and share contracts. In the settings, the user can configure the
 options to make the app fit its own needs. And the share contract can be used to share a busy
 moment created in the status page.

                                           Settings contract
                                           Here, the user can configure Callvenient, read the
                                           privacy policy or configure his synchronized
                                           account.
TILES
 In the Callvenient live tile, we display the current status of the user by the color and, by a
 counter, how many lost calls he has.

                                                            The live tiles from the phone and
                                                            tablet when the user is available.




                                                            When the user is busy, the tile
                                                            changes to red and the Callvenient
                                                            logo display an exclamation.




                                                            When somebody calls you using
                                                            Callvenient but, for some reason, you
                                                            didn`t answer, it`s counted like a
                                                            missed call and you get this
                                                            information in the tile.
NOTIFICATIONS
 Callvenient uses toast notifications in three situations. When the selected time for a
 scheduled call comes, when the user is entering on busy mode and when somebody shares
 an appointment with you. All of them can be tapped, the first to make the call, the second to
 cancel the change to busy mode, and the third to accept the appointment or not.

                                                                            Notification that a
                                                                            user wants to
                                                                            share an
                                                                            appointment with
                                                                            you.
ANYTIME, ANYWHERE
 Callvenient exists in any Windows 8 device, be it your stationary work computer, or your
 personal laptop, tablet, or Windows Phone. It’s there for you, anytime and anywhere.

 You can switch between devices and still have a seamless experience. Schedule calls on the
 phone and be reminded on the tablet. Set a busy status on the PC and not be bothered on the
 phone, and so on!
ROAMING
Callvenient uses Azure`s Mobile Service Client Libraries to synchronize your status and
scheduled calls with all your devices. When handling the calls you are going to make through
Skype or phone, the app firstly checks your agenda on our Azure Mobile Service using an
internet connection and the Mobile Service Client Libraries and, by the time it realizes that it
isn’t a great time because of your busy appointment, it will provide the callers with some
options to contact you in a better time.
And of course, if you are available, the call will be completed directly.
THANK YOU!

More Related Content

What's hot

User interface (UI) for mobile applications
User interface (UI) for mobile applicationsUser interface (UI) for mobile applications
User interface (UI) for mobile applicationsAashish Uppal
 
Android ui patterns
Android ui patternsAndroid ui patterns
Android ui patternsvpulec
 
Davidson_Alison_IS30050_IA_Report
Davidson_Alison_IS30050_IA_ReportDavidson_Alison_IS30050_IA_Report
Davidson_Alison_IS30050_IA_ReportAlison Davidson
 
Tizen mobile design_guidelines
Tizen mobile design_guidelinesTizen mobile design_guidelines
Tizen mobile design_guidelinesSaima Ashiq
 
Introduction to j query mobile framework
Introduction to j query mobile frameworkIntroduction to j query mobile framework
Introduction to j query mobile frameworkShreerang Patwardhan
 
Impact Stack update September 2020
Impact Stack update September 2020Impact Stack update September 2020
Impact Stack update September 2020more onion
 
Android Design Guidelines
Android Design GuidelinesAndroid Design Guidelines
Android Design GuidelinesSam Gaddis
 
Introducing BlackBerry Z10
Introducing BlackBerry Z10Introducing BlackBerry Z10
Introducing BlackBerry Z10JJ Wu
 
Windows phone 7_intro
Windows phone 7_introWindows phone 7_intro
Windows phone 7_introsuperlights
 
Work spaceconnect 2.0 user guide
Work spaceconnect 2.0 user guideWork spaceconnect 2.0 user guide
Work spaceconnect 2.0 user guideWilliam McIntosh
 
ObiMobile editor FAQ
ObiMobile editor FAQObiMobile editor FAQ
ObiMobile editor FAQObiMobile
 
Mobile Marketing Techniques
Mobile Marketing TechniquesMobile Marketing Techniques
Mobile Marketing TechniquesJason Ary
 
Tapworthy ch 1,2
Tapworthy ch 1,2Tapworthy ch 1,2
Tapworthy ch 1,2Yu Liang
 
Android Design Guidelines 4.0
Android Design Guidelines 4.0Android Design Guidelines 4.0
Android Design Guidelines 4.0Brandon Nolte
 
Howard University Website Assessment
Howard University Website AssessmentHoward University Website Assessment
Howard University Website AssessmentWes Lewis
 
2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpages2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpagesChafik YAHOU
 

What's hot (19)

User interface (UI) for mobile applications
User interface (UI) for mobile applicationsUser interface (UI) for mobile applications
User interface (UI) for mobile applications
 
Android ui patterns
Android ui patternsAndroid ui patterns
Android ui patterns
 
Davidson_Alison_IS30050_IA_Report
Davidson_Alison_IS30050_IA_ReportDavidson_Alison_IS30050_IA_Report
Davidson_Alison_IS30050_IA_Report
 
WCR Appy Hour
WCR Appy HourWCR Appy Hour
WCR Appy Hour
 
Testing Script
Testing ScriptTesting Script
Testing Script
 
Tizen mobile design_guidelines
Tizen mobile design_guidelinesTizen mobile design_guidelines
Tizen mobile design_guidelines
 
Introduction to j query mobile framework
Introduction to j query mobile frameworkIntroduction to j query mobile framework
Introduction to j query mobile framework
 
Impact Stack update September 2020
Impact Stack update September 2020Impact Stack update September 2020
Impact Stack update September 2020
 
VMWARE_FINAL_July_28_12
VMWARE_FINAL_July_28_12VMWARE_FINAL_July_28_12
VMWARE_FINAL_July_28_12
 
Android Design Guidelines
Android Design GuidelinesAndroid Design Guidelines
Android Design Guidelines
 
Introducing BlackBerry Z10
Introducing BlackBerry Z10Introducing BlackBerry Z10
Introducing BlackBerry Z10
 
Windows phone 7_intro
Windows phone 7_introWindows phone 7_intro
Windows phone 7_intro
 
Work spaceconnect 2.0 user guide
Work spaceconnect 2.0 user guideWork spaceconnect 2.0 user guide
Work spaceconnect 2.0 user guide
 
ObiMobile editor FAQ
ObiMobile editor FAQObiMobile editor FAQ
ObiMobile editor FAQ
 
Mobile Marketing Techniques
Mobile Marketing TechniquesMobile Marketing Techniques
Mobile Marketing Techniques
 
Tapworthy ch 1,2
Tapworthy ch 1,2Tapworthy ch 1,2
Tapworthy ch 1,2
 
Android Design Guidelines 4.0
Android Design Guidelines 4.0Android Design Guidelines 4.0
Android Design Guidelines 4.0
 
Howard University Website Assessment
Howard University Website AssessmentHoward University Website Assessment
Howard University Website Assessment
 
2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpages2013 ion responsive_design_landingpages
2013 ion responsive_design_landingpages
 

Similar to Callvenient - Windows 8 App Summary

Ready-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxReady-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxShakuro
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyDoralin Kelly
 
Whitepaper: Mobile Media Apps 101
Whitepaper: Mobile Media Apps 101Whitepaper: Mobile Media Apps 101
Whitepaper: Mobile Media Apps 101Polar Mobile
 
Mobile App Development Proposal Template PowerPoint Presentation Slides
Mobile App Development Proposal Template PowerPoint Presentation SlidesMobile App Development Proposal Template PowerPoint Presentation Slides
Mobile App Development Proposal Template PowerPoint Presentation SlidesSlideTeam
 
How to: A starters guide for app development on Apple Watch
How to: A starters guide for app development on Apple WatchHow to: A starters guide for app development on Apple Watch
How to: A starters guide for app development on Apple WatchSoftTeco
 
Ux design mistakes to avoid mobile app development guide
Ux design mistakes to avoid mobile app development guideUx design mistakes to avoid mobile app development guide
Ux design mistakes to avoid mobile app development guideWebGuru Infosystems Pvt. Ltd.
 
All about Apple Watchkit
All about Apple WatchkitAll about Apple Watchkit
All about Apple WatchkitKetan Raval
 
Web Animation using JavaScript: Develop & Design (Develop and Design)
Web Animation using JavaScript: Develop & Design (Develop and Design)Web Animation using JavaScript: Develop & Design (Develop and Design)
Web Animation using JavaScript: Develop & Design (Develop and Design)Tan Le
 
Developing a Unique Wallpaper App for Android with Flutter
Developing a Unique Wallpaper App for Android with FlutterDeveloping a Unique Wallpaper App for Android with Flutter
Developing a Unique Wallpaper App for Android with Fluttergearallnews1
 
Make better apps - Guide for Better UX
Make better apps - Guide for Better UXMake better apps - Guide for Better UX
Make better apps - Guide for Better UXDhaval Jani
 
MOBILE-APP-DEVELOPMENT.for college students
MOBILE-APP-DEVELOPMENT.for college studentsMOBILE-APP-DEVELOPMENT.for college students
MOBILE-APP-DEVELOPMENT.for college studentsAprilJasminePacis
 
Designing apps for Android
Designing apps for AndroidDesigning apps for Android
Designing apps for AndroidLorica Claesson
 
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design 13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design BugRaptors
 
15 Must-Have Productivity Tools for Salespeople
15 Must-Have Productivity Tools for Salespeople15 Must-Have Productivity Tools for Salespeople
15 Must-Have Productivity Tools for SalespeopleBarbora Piatrová
 
Top 11 Mobile App Design Best Practices.pdf
Top 11 Mobile App Design Best Practices.pdfTop 11 Mobile App Design Best Practices.pdf
Top 11 Mobile App Design Best Practices.pdfMarie Weaver
 
Tips To Create An App Like Splitwise.pdf
Tips To Create An App Like Splitwise.pdfTips To Create An App Like Splitwise.pdf
Tips To Create An App Like Splitwise.pdfRahimMakhani2
 

Similar to Callvenient - Windows 8 App Summary (20)

Ready-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docxReady-Made UI Components to Enhance Your Apps.docx
Ready-Made UI Components to Enhance Your Apps.docx
 
Mobile Application Development Process
Mobile Application Development ProcessMobile Application Development Process
Mobile Application Development Process
 
spec
specspec
spec
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General Assembly
 
Applico mobile company
Applico mobile companyApplico mobile company
Applico mobile company
 
My first presentation
My first presentationMy first presentation
My first presentation
 
Whitepaper: Mobile Media Apps 101
Whitepaper: Mobile Media Apps 101Whitepaper: Mobile Media Apps 101
Whitepaper: Mobile Media Apps 101
 
Mobile App Development Proposal Template PowerPoint Presentation Slides
Mobile App Development Proposal Template PowerPoint Presentation SlidesMobile App Development Proposal Template PowerPoint Presentation Slides
Mobile App Development Proposal Template PowerPoint Presentation Slides
 
How to: A starters guide for app development on Apple Watch
How to: A starters guide for app development on Apple WatchHow to: A starters guide for app development on Apple Watch
How to: A starters guide for app development on Apple Watch
 
Ux design mistakes to avoid mobile app development guide
Ux design mistakes to avoid mobile app development guideUx design mistakes to avoid mobile app development guide
Ux design mistakes to avoid mobile app development guide
 
All about Apple Watchkit
All about Apple WatchkitAll about Apple Watchkit
All about Apple Watchkit
 
Web Animation using JavaScript: Develop & Design (Develop and Design)
Web Animation using JavaScript: Develop & Design (Develop and Design)Web Animation using JavaScript: Develop & Design (Develop and Design)
Web Animation using JavaScript: Develop & Design (Develop and Design)
 
Developing a Unique Wallpaper App for Android with Flutter
Developing a Unique Wallpaper App for Android with FlutterDeveloping a Unique Wallpaper App for Android with Flutter
Developing a Unique Wallpaper App for Android with Flutter
 
Make better apps - Guide for Better UX
Make better apps - Guide for Better UXMake better apps - Guide for Better UX
Make better apps - Guide for Better UX
 
MOBILE-APP-DEVELOPMENT.for college students
MOBILE-APP-DEVELOPMENT.for college studentsMOBILE-APP-DEVELOPMENT.for college students
MOBILE-APP-DEVELOPMENT.for college students
 
Designing apps for Android
Designing apps for AndroidDesigning apps for Android
Designing apps for Android
 
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design 13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
 
15 Must-Have Productivity Tools for Salespeople
15 Must-Have Productivity Tools for Salespeople15 Must-Have Productivity Tools for Salespeople
15 Must-Have Productivity Tools for Salespeople
 
Top 11 Mobile App Design Best Practices.pdf
Top 11 Mobile App Design Best Practices.pdfTop 11 Mobile App Design Best Practices.pdf
Top 11 Mobile App Design Best Practices.pdf
 
Tips To Create An App Like Splitwise.pdf
Tips To Create An App Like Splitwise.pdfTips To Create An App Like Splitwise.pdf
Tips To Create An App Like Splitwise.pdf
 

Recently uploaded

Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfjimielynbastida
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfngoud9212
 

Recently uploaded (20)

Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdf
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdf
 

Callvenient - Windows 8 App Summary

  • 1. IMAGINE CUP 2013 WINDOWS 8 APP CHALLENGE App Summary Template TEAM FLYING SHIP - BRAZIL
  • 2. APP SUMMARY • What is the goal of your project? Nowadays, anytime and anywhere can be a really distracting environment. The constant ringing and buzzing of our devices can sometimes disrupt our work, dinners, family time, and even our sleep. Our main goal is to enable people to be more focused on their daily activities reducing the number of interruptions during their appointments. • Name and description of your app Our solution to the scenario described is Callvenient, an app that knows the moments you don’t want to be interrupted and based on that, handles your incoming calls made by other phones or skype through Callvenient, helping people find the best ways and times to contact you. To make it possible, you need to login with your Microsoft account, and then, Callvenient will automatically sync with your Contacts and your Calendar. This allows the app to fetch your appointment informations and keep track of your daily agenda. This way, when people try to reach you at an inconvenient moment, Callvenient will act before the call is effectively made, and if you are busy, it’ll send a notification to the caller that it isn’t a great time because you’re engaged in an important event, and also, will provide your caller with some options to contact you in a better time, or less distracting way. It doesn’t simply coldly block your incoming calls during inconvenient moments, but the opposite, it handles them in a much more personal way offering options to the connection to happen in the most convenient time.
  • 3. APP SUMMARY (CONTINUED) • Windows 8 App design and user experience Callvenient was designed with full attention to details, from the background to the custom icons and animations. All these little pieces were put together to create our interface and make it look not just beautiful, but also digital, fast and enjoyable. We used different font sizes and colors in the headers, sub-headers and content to emphasize the visual hierarchy of the content and provide what the user needs, being an information or a button to execute an action, as fast as possible. This can be noticed in the menu present in the contacts page, where the user can access the main features like calling, text, schedule just with one tap.
  • 4. APP SUMMARY (CONTINUED) • Windows 8 platform functionality To enhance the user experience and help the user achieve his objectives, we took advantage of a series of windows 8 features: • Share contract: When you create a busy moment via the status page, you can share your appointment with your contacts. Very useful if you’re entering a meeting and want to suggest participants to be unreachable as well. • Toast notification: You get toast notifications for when the time for a scheduled call comes, when you are entering on busy mode (if on the app settings you’ve set to be warned before going busy) and when someone among your contacts starts using Callvenient. These are some examples of situations you’ll be notified by a toast notification. • Live Tile: Since Callvenient missed calls can carry useful informations from the calls, such as the subject the missed call intended to discuss and other details, users will want to check them frequently. For that matter, Callvenient uses a counter in the tile to display how many lost calls you have. The live tile also changes its color according to your current status right in Start Screen. • Semantic zoom: Browse through your contacts from the Home page using semantic zoom. • Animations: The animations are an important characteristic of Callvenient, especially in the screens that displays our most original features, like the checking screen and the contact status screen.
  • 5. APP SUMMARY (CONTINUED) • Originality and Innovation Hundreds of apps enhances the connection between you and the people you care about. Some of them are really smart and personal. But the way we call each other hasn’t changed much since a long time ago. Other apps and devices just coldly block your incoming calls and offer few or no options to treat these calling attempts like a human would. Callvenient can provide you not only a personal but efficient assistance for your connections to happen more conveniently. That’s why our app is different. Callvenient is also innovative in the way it handles your incoming calls without the need of any call signal to be sent, reducing the distractions to zero, as your device won’t even vibrate during incoming undesirable calls. It’s synchronization with calendar appointments is also an incredible feature that can automate completely the recognition of moments you don’t want to be interrupted. • Presentation & Polish The key points in our video are the moments when the app is being used. The first one, when Alice is at an important meeting with her clients shows exactly how our app works and makes clear that our main action happens before the call is made, preventing Alice’s phone from ringing and interrupting her appointment. Also, this part illustrates the actions available to the caller in that situation, when he will be able to schedule the call, text, leave her the subject for the call or call her anyway.
  • 6. APP SUMMARY (CONTINUED) • Pre-existing source code In Callvenient, we used: • Windows Phone toolkit • Mobile Service Client Library • Live Connect SDK
  • 8. TAILORED USER EXPERIENCE • What are the specific user goals your app addresses? Our app is designed to address these major user goals • Don’t be interrupted during my important appointments or personal time • Don’t interrupt my contacts during their important appointments and personal time • Be more focused and productive in my daily activities • Describe the scenarios your users will experience while using your app. With our app, you will be able to stop your interruptions anytime. For example, if you are going to do something that needs your attention using your desktop or tablet and don’t want to be interrupted by skype calls or your phone ringing, you can go to Callvenient and with a few taps, change your status. The app will automatically handle the calls made to your phone or Skype using Callvenient. Or, if you synchronized Callvenient with your calendar, it will do all that automatically for you. If you are going to a meeting and it`s registered in your calendar, our app will predict that is going to change your status and in the right time, will do that for you.
  • 9. WINDOWS 8 STYLING AND LAYOUT The Windows 8 style can be viewed in Callvenient by our combination of typography, icons and animations to create a content focused interface. In the entire app, we organize the content in a grid and display it with the Segoe typeface using variations of size, color and weight to create the hierarchy that makes it readable and easily accessible. Also, between headers, titles and text, we applied standardized margins to increase the separation of different categories of content. Appointments group in the tablet
  • 10. WINDOWS 8 STYLING AND LAYOUT The app background. Instead of using a solid color or a photo, we created a pattern with a light effect to achieve a depth in the interface.
  • 11. WINDOWS 8 STYLING AND LAYOUT The status group, where you can see your current status and change it to busy.
  • 12. WINDOWS 8 STYLING AND LAYOUT The groups headers Custom buttons Custom icons and buttons
  • 13. WINDOWS 8 STYLING AND LAYOUT The status screen in the Windows Store App and Phone App before and after the set up of a busy moment. The change of the color to red shows the user that he is currently busy.
  • 14. INTERACTIONS Using Callvenient, you will interact directly with the content, always tapping right in the information to execute the main actions. Additional actions, the ones that the user won’t need frequently, are displayed in the bottom app bar, that is related to the current view or page. User accessing contact detail page tapping right on the contact photo.
  • 15. INTERACTIONS The app bar being displayed in the contact details page after a swipe gesture. The app bar was used to place commands relevant to the context of the user, and also navigational commands like the home button.
  • 16. NAVIGATION Callvenient uses the hierarchical system to organize its content. The app’s first page is a Hub with different categories of content that maps to the sections and details pages. Especially in the Contacts group, the section page is accessed with a semantic zoom in the group of photos, and the detail page of a contact can be directly accessed with a tap in his or her photo. To ease the users navigation, we used the Header with a persistent back button and also the home button in the bottom app bar.
  • 17. NAVIGATION Tablet hub page showing different groups of content.
  • 18. NAVIGATION Contacts semantic zoom.
  • 19. NAVIGATION The header with persistent back button and, in the app bar, the home button.
  • 20. FAST & FLUID We used animations to make the app more organic and fluid, especially in the screens that have our most unique features. • Checking: This animation plays while Callvenient is accessing it’s Azure database to check if the contact being called is busy or not. When Callvenient gets the answer, it plays the transition, that is also custom animated, between the checking and the contact current status screen. • Status change: When the user configures it’s busy moment and taps the “Get busy” button, the page goes from the available to the busy mode, and this is shown with an animation of the elements and their colors, changing it from green to red.
  • 21. FAST & FLUID Video displaying checking animation in the tablet.
  • 22. FAST & FLUID Video displaying checking animation in the phone.
  • 23. WINDOWS 8 STYLING AND LAYOUT Video displaying status change animation in the phone.
  • 25. VIEWS Callvenient adapts itself to different screen resolutions and orientations. Tablet in landscape mode.
  • 26. VIEWS Tablet in portrait mode.
  • 27. CONTRACTS Callvenient uses the settings and share contracts. In the settings, the user can configure the options to make the app fit its own needs. And the share contract can be used to share a busy moment created in the status page. Settings contract Here, the user can configure Callvenient, read the privacy policy or configure his synchronized account.
  • 28. TILES In the Callvenient live tile, we display the current status of the user by the color and, by a counter, how many lost calls he has. The live tiles from the phone and tablet when the user is available. When the user is busy, the tile changes to red and the Callvenient logo display an exclamation. When somebody calls you using Callvenient but, for some reason, you didn`t answer, it`s counted like a missed call and you get this information in the tile.
  • 29. NOTIFICATIONS Callvenient uses toast notifications in three situations. When the selected time for a scheduled call comes, when the user is entering on busy mode and when somebody shares an appointment with you. All of them can be tapped, the first to make the call, the second to cancel the change to busy mode, and the third to accept the appointment or not. Notification that a user wants to share an appointment with you.
  • 30. ANYTIME, ANYWHERE Callvenient exists in any Windows 8 device, be it your stationary work computer, or your personal laptop, tablet, or Windows Phone. It’s there for you, anytime and anywhere. You can switch between devices and still have a seamless experience. Schedule calls on the phone and be reminded on the tablet. Set a busy status on the PC and not be bothered on the phone, and so on!
  • 31. ROAMING Callvenient uses Azure`s Mobile Service Client Libraries to synchronize your status and scheduled calls with all your devices. When handling the calls you are going to make through Skype or phone, the app firstly checks your agenda on our Azure Mobile Service using an internet connection and the Mobile Service Client Libraries and, by the time it realizes that it isn’t a great time because of your busy appointment, it will provide the callers with some options to contact you in a better time. And of course, if you are available, the call will be completed directly.

Editor's Notes

  1. To update the background, right click and select “Format background”.