The document describes the initial setup process for signing up and logging into a dual screen tablet application. It involves:
1) Skipping the basic device setup, then watching a demo video about the application's social content platform (SCP) and creating an SCP account by entering username, password and email.
2) The option to log in with an existing SCP account is also provided.
3) After creating the account, the user is prompted to log in or create accounts with social networks like Facebook and Twitter to connect them to their SCP account. Permission must be granted for the SCP application to access the social network accounts.
4) Finally, the user can browse and follow different "
Brief Lecture on Text Mining and Social Network Analysis with R, by Deolu Ade...Deolu Adeleye
I wrote this brief lecture with the aim of enlightening the reader on the simplicity of using R and its packages, (such as 'twitteR') in performing powerful datamining exercises and analyses, as in this text mining example.
Have you ever sat down to write a headline, trying to think of that one ‘big idea’? The critical selling point that will get your customer’s attention?
And was it a struggle?
If so, you might find this brand new free tool useful. I call it the Headline Shaker Maker.
What is it?
The Headline Shaker Maker is a simple tool to help you see at-a-glance the benefits you have to make an eye-catching headline. It helps you ‘shake’ out all the selling points of your product so you can pick up the pieces you need to ‘make’ your headline!
This document provides a quick guide for users of the 3DXplorer V5 virtual meeting software. It summarizes how to enter a 3DXplorer space as a guest or create a customized avatar, and provides an overview of the basic controls and features for meeting attendees, presenters, and visitors within 3DXplorer virtual spaces. These include how to move your avatar, change cameras, use voice/chat functions, interact with other users, and find help options. The guide is intended for those invited to virtual meetings, events, or 3D websites hosted using 3DXplorer.
The document discusses atomic design principles and best practices for CSS architecture and code. It explains the different levels of atomic design including atoms, molecules, organisms, templates and pages. It provides examples of how to implement atomic design using CSS extensions, mixins, variables and imports. It also outlines recommendations for CSS practices such as managing specificity, using semantic selectors, separating concerns of paint and layout, avoiding magic numbers, and more.
031-free-animal-kingdom-google-slides-themes-ppt-template.pptxMartha c
This free PowerPoint template provides instructions for editing and customizing the template in Google Slides or PowerPoint. It includes multiple slides with placeholder text and images that can be replaced with information on the desired topic. The document describes how to edit slides, add or remove slides, and change themes and fonts to describe a topic using the template.
https://getnobullshit.com/
Nous savons tous développer une API mais avons-nous bien intégré toutes les problématiques?
Son aspect organisationnel et humain, sa gouvernance, ses contraintes business et d'opérabilité (SLA, SLO, SLI), son release management, ses méthodes de requêtage, sa sécurité (ses performances, sa mise à l'échelle), ses différents types de test, sa documentation, son versioning (compatibilité, changelog), son monitoring — et bien plus encore — de cette API une fois en production ?
Durant ce talk, c'est plus de 30 points d'attentions rarement évoqué que je vous propose d'aborder, à la lumière de retours d'expériences provenant de tech-leader comme Uber, Stripe, Facebook et Google mais aussi d'entreprise française de la petite startup à la PME.
Brief Lecture on Text Mining and Social Network Analysis with R, by Deolu Ade...Deolu Adeleye
I wrote this brief lecture with the aim of enlightening the reader on the simplicity of using R and its packages, (such as 'twitteR') in performing powerful datamining exercises and analyses, as in this text mining example.
Have you ever sat down to write a headline, trying to think of that one ‘big idea’? The critical selling point that will get your customer’s attention?
And was it a struggle?
If so, you might find this brand new free tool useful. I call it the Headline Shaker Maker.
What is it?
The Headline Shaker Maker is a simple tool to help you see at-a-glance the benefits you have to make an eye-catching headline. It helps you ‘shake’ out all the selling points of your product so you can pick up the pieces you need to ‘make’ your headline!
This document provides a quick guide for users of the 3DXplorer V5 virtual meeting software. It summarizes how to enter a 3DXplorer space as a guest or create a customized avatar, and provides an overview of the basic controls and features for meeting attendees, presenters, and visitors within 3DXplorer virtual spaces. These include how to move your avatar, change cameras, use voice/chat functions, interact with other users, and find help options. The guide is intended for those invited to virtual meetings, events, or 3D websites hosted using 3DXplorer.
The document discusses atomic design principles and best practices for CSS architecture and code. It explains the different levels of atomic design including atoms, molecules, organisms, templates and pages. It provides examples of how to implement atomic design using CSS extensions, mixins, variables and imports. It also outlines recommendations for CSS practices such as managing specificity, using semantic selectors, separating concerns of paint and layout, avoiding magic numbers, and more.
031-free-animal-kingdom-google-slides-themes-ppt-template.pptxMartha c
This free PowerPoint template provides instructions for editing and customizing the template in Google Slides or PowerPoint. It includes multiple slides with placeholder text and images that can be replaced with information on the desired topic. The document describes how to edit slides, add or remove slides, and change themes and fonts to describe a topic using the template.
https://getnobullshit.com/
Nous savons tous développer une API mais avons-nous bien intégré toutes les problématiques?
Son aspect organisationnel et humain, sa gouvernance, ses contraintes business et d'opérabilité (SLA, SLO, SLI), son release management, ses méthodes de requêtage, sa sécurité (ses performances, sa mise à l'échelle), ses différents types de test, sa documentation, son versioning (compatibilité, changelog), son monitoring — et bien plus encore — de cette API une fois en production ?
Durant ce talk, c'est plus de 30 points d'attentions rarement évoqué que je vous propose d'aborder, à la lumière de retours d'expériences provenant de tech-leader comme Uber, Stripe, Facebook et Google mais aussi d'entreprise française de la petite startup à la PME.
The document provides instructions for interacting with and submitting jobs to a high performance computing (HPC) system. It begins by demonstrating how to log in to the system using SSH and describes the information displayed upon login. It then shows how to create and edit files using nano, run code interactively on a node using idev, and submit batch jobs using SLURM. The user creates Python scripts to print "Hello World" sequentially and in parallel, runs them interactively, and submits the parallel version as a batch job to demonstrate these workflows. Monitoring and management commands like squeue and scancel are also introduced.
Javaland 2017: "You´ll do microservices now". Now what?André Goliath
The slides for my talk at JavaLand 2017. Note: The slides are in english, only the title is german. The talk is all about do's and dont's in microservice landscapes.
This document outlines a training presentation on OWASP Top 10 risks. It includes slides on defining threats against USPS, identifying the top three OWASP risks, recalling the remaining 2017 risks, and explaining each risk through definitions and video simulations. The training aims to help PCI employees prevent security breaches by understanding common attacks like injection, broken authentication, and sensitive data exposure. It provides countermeasures for each risk and concludes with an assessment to test understanding.
This document provides instructions for various computer-related tasks, some of which could enable harmful behavior. It discusses bypassing security measures, hiding and deleting drives, creating viruses, and cracking software, among other topics. The document warns users not to attempt certain instructions on their own computers due to risk of damage. It also contains links promoting harmful content.
YGLF 2015 - Boom Performance | Eran Zinman (daPulse)Eran Zinman
Client performance is what shapes your product and determines the satisfaction of your users. Users don't expect things to happen fast, they expect things to happen immediately. In the presentation we will cover some real-life examples of how to greatly improve performance in web products and share a lot of tricks and cool stuff we've learned along the way.
Presented in the YGLF conference in Israel by Eran Zinman (dapulse.com)
Why speed is something developers should be in charge of? Product people rarely know what to ask “Can you make this faster?” Invest in speed, It’s one of the best things to spend your time on.
(De)serial Killers - BSides Las Vegas & AppSec IL 2018Dor Tumarkin
This document provides an overview of serialization and deserialization, including potential exploitation. It begins by defining serialization as the process of translating data structures into a transmittable format. It then discusses common serialization formats and deserialization as reconstructing objects from serialized data. The document demonstrates deserialization in code and outlines real-world use cases. It also explores how untrusted deserialization can enable remote code execution attacks in languages like Java, .NET, Python, and PHP. Specific exploitation techniques are demonstrated, including using message queues and distributed systems. The document concludes by discussing additional risks of deserialization and how it has become a significant industry security issue.
(De)serial Killers - BSides Las Vegas & AppSec IL 2018Checkmarx
Presented by Dor Tumarkin, Application Security Researcher and Team Leader at Checkmarx
Take the plunge into deserialization attacks - from understanding the fundamentals of serialization to vulnerability breakdown, through RCE demos in various technologies (Java, C#, Python). Includes research and exploit demo of never-before-seen vulnerabilities in Microsoft’s Message Queue.
Originally presented at BSidesLV 2018 and AppSecIL 2018. Slides have been altered to remove animations.
Introduction of ShinoBOT (Black Hat USA 2013 Arsenal)Shota Shinogi
ShinoBOT is a penetration testing tool that simulates a remote access tool (RAT) to measure an organization's defenses against advanced persistent threats. It connects to the ShinoC2 command and control server every 10 seconds to receive and execute jobs. ShinoC2 allows penetration testers to create jobs that are then assigned to compromised systems running ShinoBOT. The tools aim to help security teams understand what would happen if a real APT successfully installed a RAT on their network by testing incident response and log monitoring capabilities. Upcoming features for ShinoBOT include taking webcam snapshots, encrypting its communications and hiding using a kernel driver to simulate more advanced adversary techniques.
Hackers and developers are compared in the document. Hackers are described as skillful with deep technical understanding but often unsocial and focused on breaking systems. Developers are portrayed as true professionals who work with people to build applications and believe they can change the world. The document then provides examples of how hacking can look simple, such as cross-site scripting attacks on websites. It offers suggestions for prevention including input sanitization and access control. Later it discusses hacking in Node.js and risks of SQL and NoSQL injection. Finally it addresses how hacking and development skills could be applied for social good or security testing.
Secure Software: Action, Comedy or Drama? (2017 edition)Peter Sabev
If they made movies about the most important software security issues, they could be put into five titles: Insecure Interface, Insufficient Authentication, Security Misconfiguration, Lack of Transport Encryption and Privacy Concerns. What are the action, comedy and drama parts in software security nowadays? A talk presented on IT-Weekend event in Ruse, Bulgaria (2017)
The document discusses a presentation given at Cluecon 2009 about simplifying communication application development. It promotes using Tropo.com's script-based approach to build applications that integrate voice and telephony capabilities using common programming languages like JavaScript, Ruby, Python, and Groovy. Examples are provided demonstrating how to perform tasks like answering calls, speaking prompts, handling input, and transferring calls using just a few lines of code in different languages. The presentation argues this type of simplified development model is needed as phone usage changes and more "communication applications" that bring together voice, text, and other channels are created.
[Latest] Samsung Galaxy S3 Clone (SP8810 S930) How to root merun na! check itChristian Earl Magpayo
This document discusses rooting a Samsung Galaxy S3 clone phone (model SP8810 S930). It provides step-by-step instructions for downloading and installing device drivers, running a rooting application called root.bat, and checking if root was successfully obtained. Screenshots are included and common error messages and solutions are addressed. The phone specifications obtained through an Antutu benchmark test are also listed.
The Dirty Little Secrets They Didn’t Teach You In Pentesting ClassRob Fuller
This talk is about methodologies and tools that we use or have coded that make our lives and pentest schedule a little easier, and why we do things the way we do. Of course, there will be a healthy dose of Metasploit in the mix.
Puppet Camp Charlotte 2015: Introduction to SIMP: An Open Source Infrastructu...Puppet
This document provides an overview of the Security Infrastructure Management Platform (SIMP). SIMP is an open source framework that aims to simplify security compliance and operations across heterogeneous environments through automation. The document discusses SIMP's goals of flexible compliance over time, design tenets like environment agnosticism and module independence. It also outlines SIMP's workflow from bootstrapping infrastructure to expanding environments. The future section proposes additional features. The community section encourages participation through code contributions and issue reporting. A demo section shows SIMP setting up a server and client.
Von JavaEE auf Microservice in 6 Monaten - The Good, the Bad, and the wtfs...André Goliath
This document summarizes a talk about transitioning from JavaEE monoliths to microservices architecture in 6 months. It discusses the reasons for moving to microservices (faster development and deployment, lower costs), and the challenges including organizing configuration, communication between services, and deployment. It then outlines the steps taken to implement microservices at a company, including setting up continuous integration, using Spring Boot and Cloud, and establishing vertical feature teams to overcome organizational barriers. The key lessons are that the transition does not require a "big bang", can start with a single service, and works best by automating the development and deployment process from development to production.
Search application development can start the moment you download Solr. As you ingest your data, or a sample thereof, you can easily see the search results in a familiar search user interface. Want to facet on a field? Done. Want to full-text search on a field? Change some configuration, restart, reindex, and voila! Done right, the iterative process of development and discovery will help you better match users to the data they need and deliver a quality search experience.
The document discusses recent trends in cyber security. It begins with threat statistics showing a rapid expansion of the cyber security landscape, with the number of data breaches and records exposed increasing significantly each year. It then provides a technical overview of the top threats such as mobile application vulnerabilities, XML entity expansion attacks, SQL injection, and improper use of HTTP headers. The document also covers education and certification opportunities in cyber security, individual research areas, the local job market, and communities like Colombo White Hat Security.
Codeception Testing Framework -- English #phpkansaiFlorent Batard
The document discusses introducing Codeception, a PHP testing framework. It begins with an agenda that includes a presentation on Codeception, different test types, a demonstration, and best practices. It then introduces the speaker, Florent Batard, who is a security engineer and web developer from France. He explains why testing is important for reducing assumptions and validating that code runs as expected. The bulk of the document then focuses on Codeception, explaining what it is, how it works, the different types of tests it supports including acceptance, functional, and unit tests, and how to install and use it. Code examples are provided and it concludes with referencing materials and opening the floor for questions.
The document discusses continuous deployment practices at Outbrain, an online content recommendation company. It emphasizes the importance of short feedback loops between code changes and user exposure through practices like deploying new code multiple times daily and testing code changes automatically before deployment. Infrastructure is codified and deployment is automated using tools like Chef to further streamline the process.
1. The document provides best practices for launching and operating community services across different platforms and business models. It covers the key areas of regulation, business models, advertising, moderation, loyalty/CRM programs, and traffic stimulation.
2. For each area, it identifies responsible teams, tasks to perform, tools to use, and draws from experience operating existing services to provide documentation on approaches that have worked well in the past.
3. The goal is to help teams launching new services understand requirements and make choices for their specific service and market based on past successes in similar contexts.
SDC is developing a Smartstream application to help users manage information overload from social media. The Smartstream will intelligently sort updates from networks like Facebook and Twitter to display the most relevant content first based on either passive analysis of a user's social graph or proactive input from the user. As the data tree understands more about a user's behavior and interests over time, it will improve at scoring each update to create a personalized stream of important information for the user. The Smartstream will operate as a filter to simplify accessing updates across multiple networks and prioritize the most relevant content.
More Related Content
Similar to Buongiorno tat dual_screen_tablet_concept_and_use_cases_final_delivery_t1_appendix_updated
The document provides instructions for interacting with and submitting jobs to a high performance computing (HPC) system. It begins by demonstrating how to log in to the system using SSH and describes the information displayed upon login. It then shows how to create and edit files using nano, run code interactively on a node using idev, and submit batch jobs using SLURM. The user creates Python scripts to print "Hello World" sequentially and in parallel, runs them interactively, and submits the parallel version as a batch job to demonstrate these workflows. Monitoring and management commands like squeue and scancel are also introduced.
Javaland 2017: "You´ll do microservices now". Now what?André Goliath
The slides for my talk at JavaLand 2017. Note: The slides are in english, only the title is german. The talk is all about do's and dont's in microservice landscapes.
This document outlines a training presentation on OWASP Top 10 risks. It includes slides on defining threats against USPS, identifying the top three OWASP risks, recalling the remaining 2017 risks, and explaining each risk through definitions and video simulations. The training aims to help PCI employees prevent security breaches by understanding common attacks like injection, broken authentication, and sensitive data exposure. It provides countermeasures for each risk and concludes with an assessment to test understanding.
This document provides instructions for various computer-related tasks, some of which could enable harmful behavior. It discusses bypassing security measures, hiding and deleting drives, creating viruses, and cracking software, among other topics. The document warns users not to attempt certain instructions on their own computers due to risk of damage. It also contains links promoting harmful content.
YGLF 2015 - Boom Performance | Eran Zinman (daPulse)Eran Zinman
Client performance is what shapes your product and determines the satisfaction of your users. Users don't expect things to happen fast, they expect things to happen immediately. In the presentation we will cover some real-life examples of how to greatly improve performance in web products and share a lot of tricks and cool stuff we've learned along the way.
Presented in the YGLF conference in Israel by Eran Zinman (dapulse.com)
Why speed is something developers should be in charge of? Product people rarely know what to ask “Can you make this faster?” Invest in speed, It’s one of the best things to spend your time on.
(De)serial Killers - BSides Las Vegas & AppSec IL 2018Dor Tumarkin
This document provides an overview of serialization and deserialization, including potential exploitation. It begins by defining serialization as the process of translating data structures into a transmittable format. It then discusses common serialization formats and deserialization as reconstructing objects from serialized data. The document demonstrates deserialization in code and outlines real-world use cases. It also explores how untrusted deserialization can enable remote code execution attacks in languages like Java, .NET, Python, and PHP. Specific exploitation techniques are demonstrated, including using message queues and distributed systems. The document concludes by discussing additional risks of deserialization and how it has become a significant industry security issue.
(De)serial Killers - BSides Las Vegas & AppSec IL 2018Checkmarx
Presented by Dor Tumarkin, Application Security Researcher and Team Leader at Checkmarx
Take the plunge into deserialization attacks - from understanding the fundamentals of serialization to vulnerability breakdown, through RCE demos in various technologies (Java, C#, Python). Includes research and exploit demo of never-before-seen vulnerabilities in Microsoft’s Message Queue.
Originally presented at BSidesLV 2018 and AppSecIL 2018. Slides have been altered to remove animations.
Introduction of ShinoBOT (Black Hat USA 2013 Arsenal)Shota Shinogi
ShinoBOT is a penetration testing tool that simulates a remote access tool (RAT) to measure an organization's defenses against advanced persistent threats. It connects to the ShinoC2 command and control server every 10 seconds to receive and execute jobs. ShinoC2 allows penetration testers to create jobs that are then assigned to compromised systems running ShinoBOT. The tools aim to help security teams understand what would happen if a real APT successfully installed a RAT on their network by testing incident response and log monitoring capabilities. Upcoming features for ShinoBOT include taking webcam snapshots, encrypting its communications and hiding using a kernel driver to simulate more advanced adversary techniques.
Hackers and developers are compared in the document. Hackers are described as skillful with deep technical understanding but often unsocial and focused on breaking systems. Developers are portrayed as true professionals who work with people to build applications and believe they can change the world. The document then provides examples of how hacking can look simple, such as cross-site scripting attacks on websites. It offers suggestions for prevention including input sanitization and access control. Later it discusses hacking in Node.js and risks of SQL and NoSQL injection. Finally it addresses how hacking and development skills could be applied for social good or security testing.
Secure Software: Action, Comedy or Drama? (2017 edition)Peter Sabev
If they made movies about the most important software security issues, they could be put into five titles: Insecure Interface, Insufficient Authentication, Security Misconfiguration, Lack of Transport Encryption and Privacy Concerns. What are the action, comedy and drama parts in software security nowadays? A talk presented on IT-Weekend event in Ruse, Bulgaria (2017)
The document discusses a presentation given at Cluecon 2009 about simplifying communication application development. It promotes using Tropo.com's script-based approach to build applications that integrate voice and telephony capabilities using common programming languages like JavaScript, Ruby, Python, and Groovy. Examples are provided demonstrating how to perform tasks like answering calls, speaking prompts, handling input, and transferring calls using just a few lines of code in different languages. The presentation argues this type of simplified development model is needed as phone usage changes and more "communication applications" that bring together voice, text, and other channels are created.
[Latest] Samsung Galaxy S3 Clone (SP8810 S930) How to root merun na! check itChristian Earl Magpayo
This document discusses rooting a Samsung Galaxy S3 clone phone (model SP8810 S930). It provides step-by-step instructions for downloading and installing device drivers, running a rooting application called root.bat, and checking if root was successfully obtained. Screenshots are included and common error messages and solutions are addressed. The phone specifications obtained through an Antutu benchmark test are also listed.
The Dirty Little Secrets They Didn’t Teach You In Pentesting ClassRob Fuller
This talk is about methodologies and tools that we use or have coded that make our lives and pentest schedule a little easier, and why we do things the way we do. Of course, there will be a healthy dose of Metasploit in the mix.
Puppet Camp Charlotte 2015: Introduction to SIMP: An Open Source Infrastructu...Puppet
This document provides an overview of the Security Infrastructure Management Platform (SIMP). SIMP is an open source framework that aims to simplify security compliance and operations across heterogeneous environments through automation. The document discusses SIMP's goals of flexible compliance over time, design tenets like environment agnosticism and module independence. It also outlines SIMP's workflow from bootstrapping infrastructure to expanding environments. The future section proposes additional features. The community section encourages participation through code contributions and issue reporting. A demo section shows SIMP setting up a server and client.
Von JavaEE auf Microservice in 6 Monaten - The Good, the Bad, and the wtfs...André Goliath
This document summarizes a talk about transitioning from JavaEE monoliths to microservices architecture in 6 months. It discusses the reasons for moving to microservices (faster development and deployment, lower costs), and the challenges including organizing configuration, communication between services, and deployment. It then outlines the steps taken to implement microservices at a company, including setting up continuous integration, using Spring Boot and Cloud, and establishing vertical feature teams to overcome organizational barriers. The key lessons are that the transition does not require a "big bang", can start with a single service, and works best by automating the development and deployment process from development to production.
Search application development can start the moment you download Solr. As you ingest your data, or a sample thereof, you can easily see the search results in a familiar search user interface. Want to facet on a field? Done. Want to full-text search on a field? Change some configuration, restart, reindex, and voila! Done right, the iterative process of development and discovery will help you better match users to the data they need and deliver a quality search experience.
The document discusses recent trends in cyber security. It begins with threat statistics showing a rapid expansion of the cyber security landscape, with the number of data breaches and records exposed increasing significantly each year. It then provides a technical overview of the top threats such as mobile application vulnerabilities, XML entity expansion attacks, SQL injection, and improper use of HTTP headers. The document also covers education and certification opportunities in cyber security, individual research areas, the local job market, and communities like Colombo White Hat Security.
Codeception Testing Framework -- English #phpkansaiFlorent Batard
The document discusses introducing Codeception, a PHP testing framework. It begins with an agenda that includes a presentation on Codeception, different test types, a demonstration, and best practices. It then introduces the speaker, Florent Batard, who is a security engineer and web developer from France. He explains why testing is important for reducing assumptions and validating that code runs as expected. The bulk of the document then focuses on Codeception, explaining what it is, how it works, the different types of tests it supports including acceptance, functional, and unit tests, and how to install and use it. Code examples are provided and it concludes with referencing materials and opening the floor for questions.
The document discusses continuous deployment practices at Outbrain, an online content recommendation company. It emphasizes the importance of short feedback loops between code changes and user exposure through practices like deploying new code multiple times daily and testing code changes automatically before deployment. Infrastructure is codified and deployment is automated using tools like Chef to further streamline the process.
Similar to Buongiorno tat dual_screen_tablet_concept_and_use_cases_final_delivery_t1_appendix_updated (20)
1. The document provides best practices for launching and operating community services across different platforms and business models. It covers the key areas of regulation, business models, advertising, moderation, loyalty/CRM programs, and traffic stimulation.
2. For each area, it identifies responsible teams, tasks to perform, tools to use, and draws from experience operating existing services to provide documentation on approaches that have worked well in the past.
3. The goal is to help teams launching new services understand requirements and make choices for their specific service and market based on past successes in similar contexts.
SDC is developing a Smartstream application to help users manage information overload from social media. The Smartstream will intelligently sort updates from networks like Facebook and Twitter to display the most relevant content first based on either passive analysis of a user's social graph or proactive input from the user. As the data tree understands more about a user's behavior and interests over time, it will improve at scoring each update to create a personalized stream of important information for the user. The Smartstream will operate as a filter to simplify accessing updates across multiple networks and prioritize the most relevant content.
The document provides information about an SMS chat community product. It discusses the history and mission of the company that created the product, Buongiorno, which focuses on maximizing operators' revenue through managed community services. The document then outlines key elements of the product, including traffic and user statistics, moderation process, and technical details. It also describes features available to users like profiling, peer-to-peer chat, searching for other users, and safety features moderated by community assistants.
HelloTV is a connected TV platform that provides personalized programming and recommendations across TV and web-based video content. It utilizes a relevance engine called SmartStream to learn users' preferences and provide customized programming, discovery, and recommendations. HelloTV also allows sharing and social interactions across multiple devices."
The mobile SDK provides developers with tools to integrate recommendation and suggestion features into their mobile apps. The SDK is available as a .framework file and supports customization of fonts, colors, and text. Recommendations are generated server-side and pushed to apps, while the SDK handles displaying the suggestions and interacting with the user's address book. Onboarding a new client involves providing an API key, integrating the framework, and customizing styles. The SDK currently only supports logged-in users and is limited to English.
The document discusses a face-to-face meeting that took place in Tokyo on April 21, 2011. It provides two detailed views related to the Tokyo meeting on that date. The document gives an overview of a meeting that was held in Tokyo, Japan on April 21, 2011 and contains two sections of details related to that meeting.
This document summarizes Buongiorno's CRM toolkit and services. It discusses their expertise in customer lifecycle management and identifying customer groups based on behaviors. It also outlines their tools for campaign implementation across channels, data analysis for segmentation, dynamic pricing, and opt-in loyalty programs. The goal is to help clients build and maintain long-term customer relationships through targeted communications at each stage of the lifecycle.
Acer social media workshop deck compressed 16.11.10xJebacilon
The document outlines an agenda for an Alive social media workshop. The agenda includes an Alive overview, discussing Acer's audience and social media, brainstorming social media tactics, and prioritizing tactics. It then provides details on Acer's current and intended audience, including that they are students and 35-49 year olds with children who are not highly tech savvy but seek others' opinions. Nine potential social media options are outlined, including social promotion, network presence, and product development. Examples of each tactic used by other companies are also provided.
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
Revolutionizing the Digital Landscape: Web Development Companies in Indiaamrsoftec1
Discover unparalleled creativity and technical prowess with India's leading web development companies. From custom solutions to e-commerce platforms, harness the expertise of skilled developers at competitive prices. Transform your digital presence, enhance the user experience, and propel your business to new heights with innovative solutions tailored to your needs, all from the heart of India's tech industry.
Practical eLearning Makeovers for EveryoneBianca Woods
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
PDF SubmissionDigital Marketing Institute in NoidaPoojaSaini954651
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
Technoblade The Legacy of a Minecraft Legend.Techno Merch
Technoblade, born Alex on June 1, 1999, was a legendary Minecraft YouTuber known for his sharp wit and exceptional PvP skills. Starting his channel in 2013, he gained nearly 11 million subscribers. His private battle with metastatic sarcoma ended in June 2022, but his enduring legacy continues to inspire millions.
International Upcycling Research Network advisory board meeting 4Kyungeun Sung
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
Decormart Studio is widely recognized as one of the best interior designers in Bangalore, known for their exceptional design expertise and ability to create stunning, functional spaces. With a strong focus on client preferences and timely project delivery, Decormart Studio has built a solid reputation for their innovative and personalized approach to interior design.
Buongiorno tat dual_screen_tablet_concept_and_use_cases_final_delivery_t1_appendix_updated
1. Page 1Description of available navigation methods and layout elements
Project Name-Company internal use onlyFinal Delivery (incl. Appendix for the T1 device)
Buongiorno
Dual screen tablet - Primary use cases
Interaction design wireframe document
- including appendix for the T1 device -
22-11-2010
2. Page 2Two Paths - Use Case 1 - Sign up to SCP
Buongiorno Dual screen tablet concept
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
SCP Demo movie (Start)
Takes the user through the setup process,
what the SCP is and why it’s needed to
register for the service...
Skip
Initial Setup Process - Sign up to SCP service and Login to social networks (Twitter and Facebook) (pt. 1)
Screen ID
02 01
Setup process - Android Setup Wizard
(Skip through setup)
The user has turned on his device and he is presented with the“Android
Setup Wizard”. He can skip through it without the need for setting up a
gmail account etc.
9:52 PM
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis
quis eros consequat suscipit. Donec adipiscing vestibulum dolor dapibus
tempus. Vivamus a quam ligula, at aliquet nibh. Integer egestas, tellus in
mollis rutrum.
Vivamus egestas iaculis sapien, ac dapibus dui volutpat a. In
commodo ligula at dolor interdum eget convallis nunc
imperdiet. Nullam at mattis eros.
Aenean quis tellus purus, vitae commodo augue. Cum sociis
natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus.
Integer malesuada massa a nunc varius congue. Suspendisse
felis velit, placerat at convallis vel, cursus non libero. In
consequat, massa a fermentum.
Customize your phone
Next
9:52 PM
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis
quis eros consequat suscipit. Donec adipiscing vestibulum dolor dapibus
tempus. Vivamus a quam ligula, at aliquet nibh. Integer egestas, tellus in
mollis rutrum.
Vivamus egestas iaculis sapien, ac dapibus dui volutpat a. In commodo
ligula at dolor interdum eget convallis nunc imperdiet. Nullam at mattis
eros.
Aenean quis tellus purus, vitae commodo augue. Cum sociis
natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus.
Integer malesuada massa a nunc varius congue. Suspendisse
felis velit, placerat at convallis vel, cursus non libero. In
consequat, massa a fermentum.
Use Google location
NextBack
Screen ID
02 02
Setup process - SCP Setup Wizard (Demo
movie of SCP setup + Create SCP account)
When the user has skipped through the“Android Setup Wizard”he is
presented with a short demo movie (Splash) explaining what the SCP is
and why it will be necessary to register for an SCP account.
When it has finished, the user will be on the“Create SCP account”screen,
where the user will need to enter his details (Username, Password, Email) in
order to create a new account. When this screen is presented to the user,
the QWERTY-keyboard will slide up from the bottom and the first
(Username) field will already be highlighted (with cursor in it).
When finished with entering his details he taps on the“Create”-button
The user has the possibility to login with an existing account from this
screen as well, by tapping on the [Login with existing account]-button.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Q
1 2 3 4 5 6 7 8 9
! @ # $ % & * ? /
_ “ ‘ ( )
123#
-
; :
+
0
E R T Y UW I O P
A D F G H JS K L
X C V B N
, .
Z M
Screen ID
02 03
Setup process - SCP Setup Wizard (Login
with existing account)
On the SCP Login screen, the user can login with an existing account (We
take into consideration that the user might already have an SCP account
and that this is not his first SCP device so he must have the possibility to
login with an existing account or that a user has reset his device and now
wants to login with the existing account).
Logging in from this screen will take the user to his SCP start screen.
After X amount
of seconds
(No user input)
After X amount
of seconds SCP Demo movie (End)
(No user input or skip)Tap on [Next]-button
(Skip customization)
Tap on [Next]-button
(Skip Google location)
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Q
1 2 3 4 5 6 7 8 9
! @ # $ % & * ? /
_ “ ‘ ( )
123#
-
; :
+
0
E R T Y UW I O P
A D F G H JS K L
X C V B N
, .
Z M
Login
CreateBack Login with existing account
Tap on [Login with
existing account]-button
Back
Types in details
on QWERTY keyboard
then
Tap on [Create]-button
Goes to
Screen ID
02 01
Create SCP account
Username:
FredrikA_84
Password:
Email:
fredrik_android@gmail.co
Recieve promotional material from services
Enter your details to sign up for an SCP account
SCP Login:
Username:
Password:
Keep me logged in to SPC
3. Page 3Two Paths - Use Case 1 - Sign up to SCP
Buongiorno Dual screen tablet concept
Initial Setup Process - Sign up to SCP service and Login to social networks (Twitter and Facebook) (pt. 2)
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Screen ID
03 01
Setup process - SCP Setup Wizard (Creation of
SCP account successfull - Add social networks)
If all goes well and the setup of the new account is successfull, this will be
what the user is presented with (Potentially there could be steps in
between this and the previous screen presented in this scenario).
The user will here be prompted to login or create an account to one of the
available social networks (facebook, twitter etc.).
This step can be skipped by the user but if one account to a social network
is added, the“Skip”-button seen on the bottom right will state“Continue”
instead.
The user taps on the“Facebook”-icon in order to login to that social
network.
SCP account successfully created
Skip
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Login to Facebook
Login to use your Facebook account with SCP.
E-mail address: fredrik_android@gmail.com
Password:
Keep me logged in
Join Facebook
Q
1 2 3 4 5 6 7 8 9
! @ # $ % & * ? /
_ “ ‘ ( )
123#
-
; :
+
0
E R T Y UW I O P
A D F G H JS K L
X C V B N
, .
Z M
Login Cancel
Screen ID
03 02
Setup process - SCP Setup Wizard (Login
to Social network accounts)
This is the facebook login screen where the user can login to his facebook
account or join Facebook (Create a new one).
The user enters his details using the QWERTY-keyboard and taps on the
“Login”-button (He can also cancel by tapping on the“Back”-button).
Facebook Twitter YouTube
Thank you for registering to the SCP!
Now please take a moment and connect to your social networks to
ensure you have the best experience with the SCP
Login or create an account for a social network by tapping on its icon Tap on
[Social network]-icon RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Request for Permission
SCP is requesting permission to do the following:
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Ut nec turpis quis eros consequat
suscipit. Donec adipiscing vestibulum dolor
dapibus tempus.
Vivamus egestas iaculis sapien, ac dapibus dui
volutpat a. In commodo ligula at dolor interdum
penatibus et magnis.
Aenean quis tellus purus, vitae commodo augue.
Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus
mus.Vivamus egestas iaculis sapien, ac dapibus
dui volutpat a.
In commodo ligula at dolor interdum eget
convallis nunc imperdiet. Nullam at mattis eros.
Aenean quis tellus purus, vitae commodo augue.
Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus.
Integer malesuada massa a nunc varius congue.
Suspendisse felis velit, placerat at convallis vel,
cursus non libero. In consequat, massa a
fermentum. Aenean quis tellus purus, vitae
commodo augue.
SCP
Logged in as Fredrik Andreasson (Not You?) Allow Don’t Allow
Screen ID
03 03
Setup process - SCP Setup Wizard (Logged in
- Connect to or grant permission (OAUTH))
When the user has logged in to his facebook account, he will be asked to
grant the SCP application the needed permissions in order to properly
connect his facebook account with his SCP account.
The user allows the request for permission by pressing on the
“Allow”-button (if he doesn’t allow the permission, he will be logged out
and returned to the previous login screen with his entered details intact).
Types in details
on QWERTY keyboard
then
Tap on [Login]-button
Tap on [Allow]-button
Goes to
Screen ID
04 01
Tap on [Create]-button
Goes to
Screen ID
04 02
Report Application
4. Page 4Two Paths - Use Case 1 - Sign up to SCP
Buongiorno Dual screen tablet concept
Initial Setup Process - Sign up to SCP service and Login to social networks (Twitter and Facebook) (pt. 3)
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Screen ID
04 01
Setup process - SCP Setup Wizard (Creation of
SCP account successfull - Add social networks)
When the user has connected the facebook account he decides that he
doesn’t want to connect any more accounts at this moment so he taps on
the“Continue”-button.
Only one account can be added per social network.
SCP account successfully created
Continue
Facebook
(Fredrik Andreasson)
Twitter YouTube
Thank you for registering to the SCP!
Now please take a moment and connect to your social networks to
ensure you have the best experience with the SCP
Login or create an account for a social network by tapping on its icon
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Screen ID
04 02
Setup process - SCP Setup Wizard (Creation of
SCP account successfull - Add trend packages)
When the user is finished with connecting his social network accounts, he
will be presented with Trend Packages offered by the SCP.
The user can tap on anyone of the Trend Packages in order to view a
preview of what they contain.
The user taps on the News Package.
SCP account successfully created
We would now like to introduce you to Trend Packages.
Trend Packages contain Official feeds from some of the major players
in the fields of News, Sports, Fashion and Media.
Whatever you are interested in - the chances are big that you will find
a Trend Package suitable for you.
Tap on the icon of a Trend Package to view a preview of it and recieve
the possibility to follow it instantly
Music Sports News Finance
Travel Games Fashion Furniture
Skip
Tap on [Continue]-button
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Screen ID
04 03
Setup process - SCP Setup Wizard (Creation of SCP
account successfull - Preview trend packages)
When the user taps on the News Package, he will be presented with the
preview of that Package on the top screen.
From there he will be able to recieve some information about what the
Package contains and which the default Official feeds he will follow if he
decides to Subscribe. The user will have the possibility to select or deselect
the default Official feeds and then Subscribe.
He does not make any changes to the default featured feeds but instead
decides to Subscribe to what the SCP offers.
SCP account successfully created
We would now like to introduce you to Service Packages.
Service Packages contain Official feeds from some of the major players
in the fields of News, Sports, Fashion and Media.
Whatever you are interested in - the chances are big that you will find
a Service Package suitable for you.
Tap on the icon of a Trend Package to view a preview of it and recieve
the possibility to follow it instantly
Music Sports News Finance
Travel Games Fashion Furniture
Skip
Tap on [News]-icon
<Name>
<Name><Name> <Name> <Name> <Name><Name> <Name> <Name>
Example services in package <Name>
Info about Service
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis quis eros
consequat suscipit.
Donec adipiscing vestibulum dolor dapibus tempus. Vivamus a quam ligula, at
aliquet nibh. Integer egestas, tellus in mollis rutrum.
Vivamus egestas iaculis sapien, ac dapibus dui volutpat a. In commodo ligula at
dolor interdum eget convallis nunc imperdiet. Nullam at mattis eros.
Subscribe to
Trend Package
Tap on [Subscribe]-button
Goes to
Screen ID
05 01
Back Back
5. Page 5Two Paths - Use Case 1 - Sign up to SCP
Buongiorno Dual screen tablet concept
Initial Setup Process - Sign up to SCP service and Login to social networks (Twitter and Facebook) (pt. 4)
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Screen ID
05 01
Setup process - SCP Setup Wizard (Creation of SCP
account successfull - Follow service package)
The user will recieve instant visual feedback that he is now subscribing to
the News Package (tick mark icon over Package icon).
The user taps on the“Continue”-button to move the process forward.
SCP account successfully created
We would now like to introduce you to Service Packages.
Service Packages contain Official feeds from some of the major players
in the fields of News, Sports, Fashion and Media.
Whatever you are interested in - the chances are big that you will find
a Service Package suitable for you.
Tap on the icon of a Trend Package to view a preview of it and recieve
the possibility to follow it instantly
Music Sports News Finance
Travel Games Fashion Furniture
<Name><Name> <Name> <Name> <Name><Name> <Name> <Name>
Example services in package <Name>
Info about Service
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis quis eros
consequat suscipit.
Donec adipiscing vestibulum dolor dapibus tempus. Vivamus a quam ligula, at
aliquet nibh. Integer egestas, tellus in mollis rutrum.
Vivamus egestas iaculis sapien, ac dapibus dui volutpat a. In commodo ligula at
dolor interdum eget convallis nunc imperdiet. Nullam at mattis eros.
End
Subscription
ContinueBack
Tap on [End Subscription]
-button
Goes to
Screen ID
04 03 RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Screen ID
05 02
Setup process - SCP Setup Wizard (SCP account
finalization - Manage “My Edition” or “Finalize account”)
This is the last screen of the SCP account creation and the user has two
choices - To learn more about how to manage“My Edition”or to begin
exploring the SCP.
The user taps on the Finalize account icon and is presented with the SCP
Start screen populated with his followed official feeds and posts from his
connected social network accounts.
SCP account finalization
Thank you for spending some time to personalize your SCP account!
Do you wish to learn how to make
your SCP experience even better?
Tap on the “My edition” icon...
Would you rather begin exploring
the SCP right now?
Tap on the “Finalize account” icon...
Back
Tap on [Continue]-button
My edition
Finalize
account
SCP
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Facebook headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Facebook headline
shared by <Name>
Screen ID
05 03
SCP Application - Start screen
The user is on the SCP Start screen.
Tap on [My Edition]
-icon
Goes to
Screen ID
09 01
Tap on [Finalize]-button
6. Page 6Two Paths - Use Case 1 - Sign up to SCP
Buongiorno Dual screen tablet concept
Discover headline
<Source (link)>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My online edition
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
Screen ID
06 02
Discover mode (Featured)
The maximized Discover stream is shown with related content to it. The
Personal feed is accessible on the far left side (or right - if set in settings to
right handed use or device is rotated 180°)
Browsing of official feeds and social network feeds
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Screen ID
06 01
SCP Application - Start screen (Selecting
one of the two available paths)
This is the SCP Start screen. It’s divided into the Discover stream and the
Personal feed list. Discover is navigated horizontally and Personal vertically.
Access to stored content (tab in top right corner in the personal feed list)
and to the edition manager (piechart icon on the top left corner in the
personal feed list).
Indicators in the Discover stream to indicate that there is more. Slight
movement in the stream in right-to-left direction enhances the“stream”
feeling.
Tap on “Discover” item takes
the user to Discover mode
Tap on “Personal feed” list takes
the user to Discover mode
Discover headline
<Source (link)>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My onlinedition
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
Transition: Personal feed list slides to the
left but not completely. Entire Discover
article/ad/stumble upon content is
revealed.
Transition:
My feed headline
<First line>
My edition
Related
content
Related
content
Related
content
Related
content
The highlighted Facebook headline
shared by <Name>
8 hours ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, cursus ut eleifend ut, venenatis non
arcu. Mauris at enim magna, eu volutpat ligula. Praesent
pulvinar auctor congue. Nunc pulvinar nisi vitae quam
tempor a pharetra turpis auctor.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Comment
Share
Store it
Like
Screen ID
06 03
Personal mode (Selected post in list)
The personal mode displays the entire article in relation to the highlighted
item in the feed list. This is placed ontop of the discover mode, so a simple
drag and swipe to the left goes back to the SCP Start screen, or using the HW
back key.
Discover headline
<Source (link)>
Transition: Personal feed full article slides in
behind the list and above the Discover
stream.
The highlighted feed headline
Related
content
Related
content
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My Edition
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
Transition:
Comment
Share
Store it
Like
Featured
Friend activities
Popular
Personalized
Screen ID
06 04
SCP Application - Layers (overview)
This layered overview tries to explain how the separate parts of the SCP
application relate to eachother. The SCP Start screen features the“Personal
feed”-list and the“Discovery mode”. All other parts can be displayed if
needed.
SCP Start screen
7. Page 7Two Paths - Use Case 1 - Sign up to SCP
Buongiorno Dual screen tablet concept
Browse default SCP Start screen (When user has not Subscribed to Official feeds)
Screen ID
07 01
Setup process - SCP Setup Wizard
(Skipping vital parts of the SCP Setup)
The user has skipped through all vital parts of the SCP Setup Wizard
meaning that he has not connected any social network accounts or
Subscribed to any Service packages (containing Official feeds).
Screen ID
07 02
SCP Application - Start screen (default without
any user added social networks/feeds)
His SCP Start screen will be very un-personal only displaying posts from the
default Official feed from SCP in his Personal feeds list.
The Discover mode will still be able to display Info about Official feeds that
the user can follow and a shortcut to connecting his social network
accounts will be the topmost item in the personal feed until the user
connects atleast one account.
SCP edition feed can be deleted through the Customizer, SCP feed can't.
SCP edition is composed of major official feeds chosen by service manager
(according country and language).
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Q
1 2 3 4 5 6 7 8 9
! @ # $ % & * ? /
_ “ ‘ ( )
123#
-
; :
+
0
E R T Y UW I O P
A D F G H JS K L
X C V B N
, .
Z M
Create SCP account
Enter your details to sign up for an SCP account
Username:
FredrikA_84
Password:
Email:
fredrik_android@gmail.co
Recieve promotional material from services
CreateBack
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
SCP account successfully created
Skip
Facebook Twitter YouTube
Thank you for registering to the SCP!
Now please take a moment and connect to your social networks to
ensure you have the best experience with the SCP
Login or create an account for a social network by tapping on its icon
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
SCP account successfully created
We would now like to introduce you to Service Packages.
Service Packages contain Official feeds from some of the major players
in the fields of News, Sports, Fashion and Media.
Whatever you are interested in - the chances are big that you will find
a Service Package suitable for you.
Tap on the icon of a Service Package to view a preview of it and recieve
the possibility to follow it instantly
Music Sports News Finance
Travel Games Fashion Furniture
SkipBack
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
SCP account finalization
Thank you for spending some time to personalize your SCP account!
Do you wish to learn how to make
your SCP experience even better?
Tap on the “My edition” icon...
Would you rather begin exploring
the SCP right now?
Tap on the “Finalize account” icon...
Back
My edition
Finalize
account
SCP
Skip connecting
Social networks
Skip following
Service Packages
Sucessfully create
SCP account
Tap on [Finalize]-button
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Connect to a social network account
in order to get the full experience
8. Page 8Two Paths - Use Case 1 - Sign up to SCP
Buongiorno Dual screen tablet concept
Logout and Login to SCP
Screen ID
08 01
SCP Application - Start screen (Launching the
application menu)
The user is on the SCP Start screen and he presses the hardware
[Menu]-button in order to view the application menu.
Screen ID
08 03
SCP Application - Start screen (Login screen
when logged out from SCP)
The SCP Login screen that is only visible when the user has logged out
manually (default is to keep the user logged in even if the device is turned
off and then turned on again).
Logging in from this screen will take the user to his SCP start screen (with
all the users stored items intact, if another account is logged in, any
previously stored items will be cleared upon login).
The user has the possibility to create a new account from this screen by
tapping on the [Create new account]-button.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
RSS headline
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Q
1 2 3 4 5 6 7 8 9
! @ # $ % & * ? /
_ “ ‘ ( )
123#
-
; :
+
0
E R T Y UW I O P
A D F G H JS K L
X C V B N
, .
Z M
SCP Login:
Username:
Keep me logged in to SPC
If a new account is logged in, any previously stored items will be cleared
Password:
LoginCreate new account
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Facebook headline
shared by <Name>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Screen ID
08 02
SCP Application - Start screen (Application
menu opened)
When the menu is displayed, the user taps on the“Logout”-icon after which
he is presented with a Confirmation dialog. Selecting to Logout again will
log the user out from the SCP application and the device itself because it
can’t be used without SCP running in the background.
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Facebook headline
shared by <Name>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Search Discovery
Directory
Manage
Account
General
Settings
Help Logout
Tap on [Menu]-
hardware button
Goes to
Screen ID
14 01
Discovery
directory
Search
Goes to
Screen ID
12 02
Tap on [Create new
account]-button
Goes to
Screen ID
02 02
Logging out from the SCP will require
you to login again next time you want
to use the device
Proceed with logout?
LogoutCancel
Confirmation dialog
This dialog is not traditional in the
sense that it will pop-up, instead
it will replace the are used for the
menu itself. Selecting logout will
log the user out of the SCP app.
Tap on [Logout]-icon
Logout after
confirmation dialog
9. Page 9Two Paths - Use Case 1 - Sign up to SCP
Buongiorno Dual screen tablet concept
Setting up My Edition
Screen ID
09 02
SCP Application - Start screen (Edition
manager hint animation)
The user is presented with the SCP Start screen populated with his followed
official feeds and posts from his connected social network accounts as well
as with an animation that will provide the user with a hint to where he can
find the Edition manager.
Screen ID
09 01
Setup process - SCP Setup Wizard
(Manage “My Edition” information)
The“My Edition”manager information. The user should have a way to
familiarize himself with the way“My Edition”(his personal feed) works so
this screen will feature an Interactive Demo movie which will try to explain
to the user how the manager works. This step will try to provide the user
with some guidance with how the different parts (Social networks and
Service packages) are related to eachother.
When the user taps on the“Finalize”-button he will be in his SCP Start
screen but he should be guided visually that the piechart icon is where he
can manage his Edition.
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
Available offline
My online edition
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
Related
content
Related
content
The highlighted feed headline
Available contacts Social network <name>
Top contacts
<Name> <Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name> FinalizeBack
My Edition manager information
The key to making your SCP experience great is in managing and
customizing your “Edition” to suit you and your lifestyle perfectly!
Tap on Finalize to finalize your account and jump straight into trying
out the Edition manager.
Social networks
Service packages
My Edition
Goes to
Screen ID
05 02
Tap on [Back]-button
to go back to SCP
account finalization
Tap on [Finalize]-button
Goes to
Screen ID
17 03
Interactive Demo movie
Consider “My Edition” the whole sum of your
connected social network accounts and the
Service packages you subscribe to.
The pieces that make up the pie will need
some maintanence by you because who other
than yourself knows what you are interested
in or who you usually communicate with
Tap on ”My Edition” to continue
Screen ID
09 03
SCP Application - My Edition management
(Social networks)
This is the“Edition manager”where the user can manage his“Edition”for
his content. It is split in to two parts - Social networks and Service
packages. The visual representation is different for each of the two parts of
which the Edition is comprised.
This is the Social networks part and from here the user can manage which
social networks he is connected to and which his top contacts are for each
connected account.
The user can also opt in for letting the Smartstream service display ranking
of the users contacts (Not available at first, but at a later stage when the
Smartstream service knows more about the user).
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
Available offline
My online edition
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
Related
content
Related
content
The highlighted feed headline
Available contacts
Facebook
Social networks
To add one - drag in to your edition
Twitter
Youtube
Smartstream
Social network <name>
Top contacts
<Name> <Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
Servicepackages
The worlds most
famous video
sharing site.
Join now and
begin sharing
videos with the
rest of the world
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name>
Tap on [Service packages]
to manage them
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Tap on Edition manager
item (Perform
selection)
My Edition ON
10. Page 10Two Paths - Use Case 2 - Discovering new content
Buongiorno Dual screen tablet concept
Entering the Discover Mode and a brief introduction to the 4 types of Discovery
Friends activities
The“Friends activities”category
are typically used to find Services
that other frineds have found intersting
(and follows) - potentially this service
could be intersting for you (the user) as
well.
Featured
The“featured”category provides
the user with Editorial services
that are promoted by Buongiorno.
Personalized
As the user consume content
through the SCP user habits and
intrest areas are recorded and stored in a
database. This information is then used to
inteligently provide the user with
probably matching Services according to
collected preferences.
Popular
The“Popular”category provides
the user with currently“hot”topics
based on ranking algorithms and know
traffic to curtain Services.
Parameters that could be taken into
account are both the users own network
as well as global activities through the
Buongiorno service and general internet
traffic.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Service tagline
Service name
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Friends activitiesPopular
Personalized
Featured
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Subscribe to Engadget
engadget
Engadget is a web magazine with obsessive daily
coverage of everything new in gadgets and
consumer electronics.
Engadget was launched in March of 2004 in
partnership with the Weblogs, Inc. Network (WIN).
Lovefilm movie streaming now live on UK PlayStation 3 consoles
Samsung Galaxy Tab fulfills its destiny
SlingPlayer arrives in Windows Phone 7
TAT's Dimension S3D is a user interface
for stereoscopic TVs (video)
Palm Pre 2 swims across the English Channel
...more headlines
Persons you know, who are following this Service...
Mike, Martin, Cédric, Simon, Helena, Migge, Oscar + 10 more
Featured
Friend activities
Popular
Personalized
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
BBCThe BBC is the largest broadcasting
organisation in the world. Its mission is to
enrich people's lives with programmes that
inform, educate and entertain.
Haider retires following threats
Pro-military poll 'win' in Burma
Cameron's China visit 'fruitful'
Haiti tests capital for cholera
Bush defends White House record
...more headlines
Subscribe to BBC
Screen ID
10 01
SCP Start screen - accessing the
Discover Mode
This is the SCP Start screen. It’s divided into the Discover Mode and the Personal feed
list. The Discover Mode is navigated horizontally and has to be initiated by the user to
enable direct end user interaction.
When not activated The Discover mode provides a stream of smoothly presented news
feed“portals”(services) in the background, enabling the user to get interested and
eventually choose to follow the content published by the Publisher (Service provider).
The stream is moving smoothly and discreetly from right-to-left in a transition manner,
enhances the“stream”feeling.
Tap anywhere on
the discovery area
to enter the discover
mode
Press [Home] to return
to the Start screen
Screen ID
10 02
Discover Mode - an introduction
Screen ID
10 04
Discovery types a brief introduction...
Featured, Friends activities, Personalized, Popular
Screen ID
10 03
Changing Discovery type
The user has entered the Discovery Mode. The Stream is put to a hold for approx. 2
minutes - allowing the user to interact without disturbing undesired movment on the
screen. At the bottom of the screen a navigation indicator shows the users current
position. Previous Services (official feeds) are shown as indicators to the left. Upcoming
(other non-visited) Services are shown to the right.
The latest visited Discovery type is still seclected (in this case:“Frinds activities”).
For more information regarding the content of the Discover Mode see next page.
The user has changed Discover Mode to“Featured”which is the default type shown when
the user starts the device.
The personal feed
is minimized and
stays at the right side
of the screen.
The user changes
Discovery Type
R
L
R
L
R
<
R
L
T
L
a
T
F
F
11. Page 11Two Paths - Use Case 2 - Discovering new content
Buongiorno Dual screen tablet concept
Browse the service, peek preview it’s content and start a subscription (follow the service)
Featured
Friend activities
Popular
Personalized
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
BBCThe BBC is the largest broadcasting
organisation in the world. Its mission is to
enrich people's lives with programmes that
inform, educate and entertain.
You are subscribing to...
Haider retires following threats
Pro-military poll 'win' in Burma
Cameron's China visit 'fruitful'
Haiti tests capital for cholera
Bush defends White House record
...more headlines
Unsubscribe to BBC
Screen ID
11 03
A service beeing subscribied to (followed)
The user has just started to subscribe to the Service provider (BBC) and the
“Subscribe to BBC”-button (right lower corner) has changed to
“Unsubscribe to BBC”an Subscribtion indicator has been added to the
Service as well (above the Service name).
Featured
Friend activities
Popular
Personalized
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
BBCThe BBC is the largest broadcasting
organisation in the world. Its mission is to
enrich people's lives with programmes that
inform, educate and entertain.
Haider retires following threats
Pro-military poll 'win' in Burma
Cameron's China visit 'fruitful'
Haiti tests capital for cholera
Bush defends White House record
...more headlines
Subscribe to BBC
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
BBCThe BBC is the largest broadcasting
organisation in the world. Its mission is to
enrich people's lives with programmes that
inform, educate and entertain.
Tap on a headline or
“...more headlines”
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Ut nec
turpis quis eros consequat
suscipit. Donec adipiscing
vestibulum dolor dapibus
tempus. Vivamus a quam ligula,
at aliquet nibh. Integer egestas,
tellus in mollis rutrum, magna
turpis adipiscing ante, sit amet
consequat orci nisi vel est.
Vivamus egestas iaculis sapien, ac dapibus dui a. In
commodo ligula at dolor interdum eget convallis nunc
imperdiet. Nullam at mattis eros.
Aenean quis tellus purus, vitae commodo augue. Cum
sociis natoque
penatibus et magnis dis parturient montes, nascetur
ridiculus mus.
Phasellus egestas nunc eget eros laoreet sollicitudin. Duis
non augue eu tellus viverra ornare quis eget justo. Vivamus
a hendrerit nibh. Aenean nec urna neque.
nascetur ridiculus mus. Nam et blandit velit. Integer
veturpis.
Haider retires following threats
2 minutes ago
Pro-military poll 'win' in Burma
18 minutes ago
Cameron's China visit 'fruitful'
52 minutes ago
Haiti tests capital for cholera
11:14
Bush defends White House record
10:48
Leaks precede Myanmar vote results
10:22
In memoirs, Bush backs waterboarding
09:15
Zulqarnain Haider quits Pakistan amid death
threats
BBC - International - Breaking, World, Business, Sports, Entertainment and Video News
Subscribe to BBC
Subscription started
Close the preview/reader
Screen ID
11 01
Interacting with a Service (portal) Screen ID
11 02
Sneak peek of available posts (articles)
The user has show interest in a Service (in this case BBC) and has tapped on a
news headline. An overlay screen is presented and allows the user to read
the latest news articles. If more then one headline (article) has been
published the user will be able to read another article by tapping in the
headline overview (upper left area).
The user could also choose to initiate a subscription of the Service and there
by recieve new publications (posts) directly into the“Personal feed”.
The user is at the Discover Mode (Type: Featured). The screen above shows a Service
“portal”in this case“BBC”. The user is presented with a brief description of the Service as
well as the latest headlines from the Service provider.
Just as described previously - the user will be able to navigate (browse) through the
Services by flicking left/right.
The user can also navigate rapidly between the different services
by holding the finger and dragging left/right (or tapping) at the
bottom of the the lower screen (on the navigator indicators):
The user has been transported to the 8th Service“portal”...
If the user starts a subscription to a service a
pop-up dialoge is displayed in the upper right
corner informing the user of the matter.
A subscription indicator is displayed on the
Service“portal”that indicates that it is beeing
subscripbed to. All feeds (posts) from the
Service will now be made available in the
“Personal feed”as they are published.
You have started to subscribe to BBC news You have started to subscribe to BBC news
The user manually goes back to the Discover Mode
RSS
Lorem
RSS
Lorem
RSS
<First
RSS
Lorem
Twee
share
Lorem
adipis
Twee
share
Face
share
Face
share
12. Page 12Two Paths - Use Case 2 - Discovering new content
Buongiorno Dual screen tablet concept
Discovering new and manage Services through a“Discovery Directory”
Featured
Friend activities
Popular
Personalized
headline
m ipsum dolor sit amet, consectetur.
headline
m ipsum dolor sit amet, consectetur.
headline
t line>
My edition
headline
m ipsum dolor sit amet, consectetur.
et headline
ed by <Name>
m ipsum dolor sit amet, consectetur
scing elit. Curabitur ac ligula id sem...
et headline
ed by <Name>
ebook headline
ed by <Name>
ebook headline
ed by <Name>
BBCThe BBC is the largest broadcasting
organisation in the world. Its mission is to
enrich people's lives with programmes that
inform, educate and entertain.
Haider retires following threats
Pro-military poll 'win' in Burma
Cameron's China visit 'fruitful'
Haiti tests capital for cholera
Bush defends White House record
...more headlines
Subscribe to BBC
Featured
Friend activities
Popular
Personalized
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
BBCThe BBC is the largest broadcasting
organisation in the world. Its mission is to
enrich people's lives with programmes that
inform, educate and entertain.
Haider retires following threats
Pro-military poll 'win' in Burma
Cameron's China visit 'fruitful'
Haiti tests capital for cholera
Bush defends White House record
...more headlines
Subscribe to BBC
Screen ID
12 01
Accessing the Discovery Directory Screen ID
12 02
Navigating within the Discovery Directory Screen ID
12 03
Unsubscribe to a Service through the
Discovery Directory
The user is at the Discover Mode and would like to get an overview of
available Services as well as manage his/her subscriptions.
The user presses the [menu]-button, and is presented with the following
menu options (displayed at the bottom of the screen):
The user is presented with a similar layout as to the one presented in the
setup procedure where the user could choose Service packages.
In this scenario the user is viewing the Music trend.
In the Discover Directory the user will be able to tap on one of the trends
provided at the top screen - at the same time the lower screen will be utilized
to show Available Services (subscribed and not subscribed to). In indicator
shows if the user is currently subscribing to a specific Service (in this case a
checkbox).
Services are presented in alphabethic order.
By tapping on a <serviceName> on the lower screen the user will be
provided with a brief description of the currently highlighted Service.
Pressing the [Back]-button will exit the Discovery Directory
Once an unsubscription has been initiated the user has to confirm the action.
Stored articles are keept as the user obviously once had some kind of interest
in the article.
Discovery Directory
Search Discovery
Directory
Manage
account
General
Settings
Help Logout
Tap on one of the Service trends below, to manage your subscriptions.
Music Sports News Finance
Travel Games Fashion Furniture
Featured
Friend activities
Popular
Personalized
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
BBCThe BBC is the largest broadcasting
organisation in the world. Its mission is to
enrich people's lives with programmes that
inform, educate and entertain.
Haider retires following threats
Pro-military poll 'win' in Burma
Cameron's China visit 'fruitful'
Haiti tests capital for cholera
Bush defends White House record
...more headlines
Subscribe to BBC
Music Sports News Finance
Travel Games Fashion Furniture
By unsubscribing to <serviceName> you will not recieve any post from this source in the future.
Articles from <serviceName> will still be available in your storage.
You will be able to subscribe to <serviceName> again when you so desire.
<serviceName>
Start date: <subscriptionStartDate>
No. of stored articles: <number>
CancelUnsubscribe
Close Discovery Directory
Tap on one of the Service trends below, to manage your subscriptions.
Discovery DirectoryDiscovery Directory
Goes to
Screen ID
13 01
Search
Goes to
Screen ID
14 01
Description/Information about the currently
highligted service...
Donec adipiscing vestibulum dolor dapibus
tempus. Vivamus a quam ligula, at aliquet
nibh. Integer egestas, tellus in mollis rutrum.
Vivamus egestas iaculis sapien, ac dapibus dui
volutpat a. In commodo ligula at dolor
interdum eget convallis nunc imperdiet.
Nullam at mattis eros.
Unsubscribe to
Service
<serviceName>
Start date: <subscriptionStartDate>
No. of stored articles: <number>
<serviceName>
Start date: <subscriptionStartDate>
No. of stored articles: <number>
<serviceName>
Start date: <subscriptionStartDate>
No. of stored articles: <number>
<serviceName>
Start date: <subscriptionStartDate>
No. of stored articles: <number>
<serviceName>
Start date: <subscriptionStartDate>
No. of stored articles: <number>
Tap on
Service
Unsubscribe
Menu
Cancel
13. Page 13Two Paths - Use Case 2 - Discovering new content
Buongiorno Dual screen tablet concept
Browsing available Services and and make a new subscription
Featured
Friend activities
Popular
Personalized
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
BBCThe BBC is the largest broadcasting
organisation in the world. Its mission is to
enrich people's lives with programmes that
inform, educate and entertain.
Haider retires following threats
Pro-military poll 'win' in Burma
Cameron's China visit 'fruitful'
Haiti tests capital for cholera
Bush defends White House record
...more headlines
Subscribe to BBC
Screen ID
13 01
Discovery Directory - Subscribing to a new
service
Subscribing to a Service through the Discovery Directory is very similar to
unsubscribing to a Service.
In addition to the subscription button the user is also able to peak preview
the currently highlighted Service“portal”in the“ordinary”Discovery mode.
Tap on one of the Service trends below, to manage your subscriptions.
Music Sports News Finance
Travel Games Fashion Furniture
Discovery DirectoryComes from
Screen ID
12 02
Description/Information about the currently
highligted service...
Donec adipiscing vestibulum dolor dapibus
tempus. Vivamus a quam ligula, at aliquet
nibh. Integer egestas, tellus in mollis rutrum.
Vivamus egestas iaculis sapien, ac dapibus dui
volutpat a. In commodo ligula at dolor
interdum eget convallis nunc imperdiet.
Nullam at mattis eros.
Subscribe to
Service
<serviceName>
Start date: <subscriptionStartDate>
No. of stored articles: <number>
<serviceName>
Start date: <subscriptionStartDate>
No. of stored articles: <number>
<serviceName>
Start date: <subscriptionStartDate>
No. of stored articles: <number>
<serviceName>
Start date: <subscriptionStartDate>
No. of stored articles: <number>
<serviceName>
Start date: <subscriptionStartDate>
No. of stored articles: <number>
Goes to
Screen ID
11 02
View example
headlines
Go to Service “portal”
14. Page 14Two Paths - Use Case 2 - Discovering new content
Buongiorno Dual screen tablet concept
Searching for content within the SCP
Comes from
Screen ID
12 01
Featured
Friend activities
Popular
Personalized
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
BBCThe BBC is the largest broadcasting
organisation in the world. Its mission is to
enrich people's lives with programmes that
inform, educate and entertain.
Haider retires following threats
Pro-military poll 'win' in Burma
Cameron's China visit 'fruitful'
Haiti tests capital for cholera
Bush defends White House record
...more headlines
Subscribe to BBC
Screen ID
14 01
Searching for content within the SCP
When the user initiates a search he/she is instantly provided with a text field
and a QWERTY-keyboard which alows him/her to rapidly input a search
string.
Once the user starts to type he/she is provided with a auto-complete
suggestions (predictive text) where proposed matching strings are displayed
(Android style).
The user can then tap on one of the strings to auto complete the word.
Q
1 2 3 4 5 6 7 8 9
! @ # $ % & * ? /
_ “ ‘ ( )
123#
-
; :
+
0
E R T Y UW I O P
A D F G H JS K L
X C V B N
, .
Z M
Type to search
Search
Stoc
Search
Stock marketStoc Stocks Stock photos Stockholm
Featured
Friend activities
Popular
Personalized
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
BBCThe BBC is the largest broadcasting
organisation in the world. Its mission is to
enrich people's lives with programmes that
inform, educate and entertain.
Haider retires following threats
Pro-military poll 'win' in Burma
Cameron's China visit 'fruitful'
Haiti tests capital for cholera
Bush defends White House record
...more headlines
Subscribe to BBC
Screen ID
14 02
Matching search results are shown
instantly
As the user has to type matching search criterias are shown instantly
according to each of the SCP“domains”. (the user does not have to tap a
search-button. The search results are dynamically updated.
The user has typed“Stockholm”and is presented with an indication of
matching posts in each of the“domains”.
Q
1 2 3 4 5 6 7 8 9
! @ # $ % & * ? /
_ “ ‘ ( )
123#
-
; :
+
0
E R T Y UW I O P
A D F G H JS K L
X C V B N
, .
Z M
Stored posts 3 matching
My Edition (personal feed) 5 matching
Discover Services 6 matching
Featured
Friend activities
Popular
Personalized
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
BBCThe BBC is the largest broadcasting
organisation in the world. Its mission is to
enrich people's lives with programmes that
inform, educate and entertain.
Haider retires following threats
Pro-military poll 'win' in Burma
Cameron's China visit 'fruitful'
Haiti tests capital for cholera
Bush defends White House record
...more headlines
Subscribe to BBC
Screen ID
14 03
Extracted domain (browsing search results)
The user has expanded the“Stored posts”domain and the QWERTY has been
dismissed.
If the user finds what he/she is looking for - a single tap on the matching
element will automatically transport the user to the feed/article in it’s
corresponding context.
Tapping on the search field will bring up the QWERTY again and all domains
will automatically be returned to its previous“imploded”state (see previous
screen.
Stored posts (and My Edition) will provide matching posts, based on
the content within the post.
Stockholm
Search
6 matchingDiscover Services
<serviceDescription>
<serviceProviderName>
<serviceDescription>
<serviceProviderName>
<serviceDescription>
<serviceProviderName>
<serviceDescription>
<serviceProviderName>
<serviceDescription>
<serviceProviderName>
<serviceDescription>
<serviceProviderName>
3 matchingStored posts
Tap the search field
Extract the domain
Goes to
Screen ID
14 02
Tap to implode
The domain will be
cotracted to it’s original
state.
(no QWERTY keyboard
will be extracted)
Tapon“Stockholm”
Extractthedomain
Stockholm
Search
Stored posts
<matchingPostContent>
<matchingPostSource (e.g. name of contact)>
<date>
<matchingPostContent>
<matchingPostSource (e.g. name of contact)>
<date>
<matchingPostContent>
<matchingPostSource (e.g. name of service)>
<date>
Tap matching post Transports the user
to the matching post
in it’s corresponding
context.
Tap matching post Transports the user
to the matching
Service
15. Page 15Two Paths - Use Case 3 - Browsing through content/feeds
Buongiorno Dual screen tablet concept
Always being able to browse followed official feeds (Offline version of My Edition)
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
Discover headline
<Source (link)>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
My feed headline
<First line>
My edition
Related
content
Related
content
Related
content
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Reply
Retweet Store it
13 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. http://www.youtube.com/watch?v=acOIAP0gkxE
The highlighted Tweet headline
shared by <Name>
Related
content
Related
content
Screen ID
15 01
SCP Application - Start screen (Select
Personal feed)
The user is on the SCP Start screen and he taps on one of the items in the
“Personal feed”list to select it (in example a Twitter post).
When the post is opened the strength of the WI-Fi network has dropped
and his connection has been lost.
If connection drops, some items in the list that the device has catched in
memory will be available to the user even if he has no online functionality
(some functions may not work properly but the user will still have access to
content in the pages).
Trying to navigate to one of the items that have not been catched in
memory, will provide the user with info about the loss in connectivity.
If the user has“stored”items, these will be available to certain extent
(possibly not the embedded media in them).
Screen ID
15 02
SCP Application - Personal mode
(Connection lost)
The SCP will try to provide the user with info regarding the sudden Wi-Fi
connectivity drop by displaying the small notification in the upper right
corner.
The item that the user has selected previously will still be visible because it
was catched in memory but all media connected to the post will not be
available (only potentially available if previously stored) and this will be
represented by the video in the background being faded as well as the
options that the user can perform on the post (Retweet, Reply) - they are
also not available. URLs featured in the post will become plain text in order
to not be confusing to the user and the user will not be able to post status
updates.
Potentially related content can or can’t be displayed.
The hint displayed for offline (connection lost) will be displayed until the
device is connected again or until the user taps on the hint itself to hide it.
Tap on
item (Perform
selection)
My feed headline
<First line>
My edition
Related
content
Related
content
Related
content
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Reply
Retweet Store it
13 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. http://www.youtube.com/watch?v=acOIAP0gkxE
The highlighted Tweet headline
shared by <Name>
Related
content
Related
content
Screen ID
15 03
SCP Application - Personal mode
(Connection found)
The SCP will provide the user with info about when there is full
connectivity again. The Video in the background will be available again as
well as the Option buttons, Status update field, the URL and the Related
content.
The hint displayed for online (connection found) will be transient and
dissapear after X amount of seconds.
Connection lost Connection found
Offline - lost Wi-Fi
connection
(No user input)
Online - found Wi-Fi
connection
(No user input)
After X amount
of seconds
(No user input)
16. Page 16Two Paths - Use Case 3 - Browsing through content/feeds
Buongiorno Dual screen tablet concept
Handling of content/feed updates
Screen ID
16 01
Accessing the manual update
The user has navigated to the top of the feeds list (by flicking downwards in
the feed list). Once at the top the list bounces back but if the user continues
to drag downwards (see next wireframe) the user is able to update the
feed list.
My feed headline
<First line>
My edition
Related
content
Related
content
Related
content
Related
content
The highlighted Facebook headline
shared by <Name>
8 hours ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, cursus ut eleifend ut, venenatis non
arcu. Mauris at enim magna, eu volutpat ligula. Praesent
pulvinar auctor congue. Nunc pulvinar nisi vitae quam
tempor a pharetra turpis auctor.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Comment
Share Like
Store it
Screen ID
16 02
Initiating the feed list update
The user initiates the update by explicitly dragging the list down and
releasing the finger.
Before releasing the finger the user can“dismiss”an update by instead
dragging the finger upwards again (hiding the“update area”).
My edition
Related
content
Related
content
Related
content
Related
content
The highlighted Facebook headline
shared by <Name>
8 hours ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, cursus ut eleifend ut, venenatis non
arcu. Mauris at enim magna, eu volutpat ligula. Praesent
pulvinar auctor congue. Nunc pulvinar nisi vitae quam
tempor a pharetra turpis auctor.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
shared by <Name>
Facebook headline
shared by <Name>
Comment
Share Like
Store it
Pull down to update
Screen ID
16 03
One new update has been fetched
The user is presented with new posts (in this case only one new post has
been found). The lastest post is automatically expanded so the user can
read it instantly.
New posts are added at the top of the“My edition”list.
My edition
Related
content
Related
content
Related
content
Related
content
The highlighted Facebook headline
shared by <Name>
8 hours ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, cursus ut eleifend ut, venenatis non
arcu. Mauris at enim magna, eu volutpat ligula. Praesent
pulvinar auctor congue. Nunc pulvinar nisi vitae quam
tempor a pharetra turpis auctor.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Updating posts
The“update area”is changed to
let the user know that an update
is beeing performed (animated
eggtimer).
Facebook headline (first sentence)
shared by <Name>
Comment
Share Like
Store it
Screen ID
16 04
Setting My editor (feeds) auto update
Search Discovery
Directory
Manage
account
General
Settings
Help Logout
By extracting the Menu (pressing the [Menu]-button, the user will be able
to reach the settings for Auto-update. Here the user will be able to set the
frequence of automated updates.
Once an update has been performed (manually
or automated) a notification toast dialog
appears in the upper right corner of the upper
screen.
The toast dialog informs the user of the matter
and provides information about how many new
feeds that have been downloaded/fetched.
If the update was initiated automatically and no
new updates has been fetched, then no
notification will be displayed.
But if it was initiated manually -“No new posts”
will be displayed to the end user.
3 new updates You have started to subscribe to BBC news
1 new update
17. Page 17Two Paths - Use Case 3 - Browsing through content/feeds
Buongiorno Dual screen tablet concept
Managing My Edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Service tagline
Service name
Screen ID
17 01
SCP Application - Start screen (Select
manage My Edition)
The user is on the SCP Start screen and he taps on the“My Edition
manager”-icon in the“Personal feed”list to select it.
Screen ID
17 02
SCP Application - My Edition management
(Social networks)
This is the“Edition manager”where the user can manage his“Edition”for
his content. It is split in to two parts - Social networks and Service
packages. The visual representation is different for each of the two parts of
which the Edition is comprised.
This is the Social networks part and from here the user can manage which
social networks he is connected to and which his top contacts are for each
connected account.
The user can also opt in for letting the Smartstream service display ranking
of the users contacts (Not available at first, but at a later stage when the
Smartstream service knows more about the user).
Screen ID
17 03
SCP Application - My Edition management
(Service packages)
This is the second part (Service packages) where the user can subscribe or
unsubscribe to Service packages and manage which Official feeds he is
following from each subscribed Service package.
Tap on Edition manager
item (Perform
selection)
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
Available offline
My online edition
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
Related
content
Related
content
The highlighted feed headline
Example services
in package
Available services
Finance
Service packages
To add one - drag in to your edition
Furniture
Sports
Fashion
Service package <name>
Added services
<Name> <Name> <Name>
<Name> <Name> <Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name> <Name> <Name>
<Name>
<Name>
<Name>
<Name>Package overview -
Add/Remove services
from package
<Name>
<Name>
<Name>
Socialnetworks
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
Available offline
My online edition
My feed headline
<First line>
My feed headline
<First line>
My feed headline
<First line>
Related
content
Related
content
The highlighted feed headline
Available contacts
Facebook
Social networks
To add one - drag in to your edition
Twitter
Youtube
Smartstream
Social network <name>
Top contacts
<Name> <Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
<Name>
Social network overview -
Add/Remove contacts
Servicepackages
The worlds most
famous video
sharing site.
Join now and
begin sharing
videos with the
rest of the world
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name>
<Name> <Name><Name>
Service packages
Drag-n-drop to
piechart to
subscribe to them
Social networks
Drag-n-drop to
piechart to
connect to them
Services/Official
feeds
Drag-&-drop to
Service package
list (Add)
Contacts
Drag-&-drop to
Social network
list (Top contacts)
Tap on [Service packages]
to manage them
Tap on [Social networks]
to manage them
My Edition ON
Piechart overview
Representing connected
Social networks
The user can either rotate or
tap on a “piebit” in order to
change its focus
My Edition ON
Piechart overview
Representing subscribed to
Service Packages
The user can either rotate or
tap on a “piebit” in order to
change its focus
18. Page 18Two Paths - Use Case 4 - Enjoying content
Buongiorno Dual screen tablet concept
Reading content within a webview
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Service tagline
Service name
My feed headline
<First line>
My edition
Related
content
Related
content
Related
content
Related
content
10 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, cursus ut eleifend ut, venenatis non
arcu. Mauris at enim magna, eu volutpat ligula. Praesent
pulvinar auctor congue. Nunc pulvinar nisi vitae quam
tempor a pharetra turpis auctor.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, cursus ut eleifend ut, venenatis non
arcu.
Nunc pulvinar nisi vitae quam
tempor a pharetra turpis auctor.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui.
In in urna vitae justo vulputate laoreet sed quis mauris.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Share Store it Like
The highlighted RSS headline
published by <Name>
Screen ID
18 01
SCP Application - Start screen (Select
Personal feed)
The user is on the SCP Start screen and he taps on one of the items in the
“Personal feed”list to select it (in example an RSS feed).
Screen ID
18 02
SCP Application - Personal mode
(Selecting an external URL in content)
By selecting the item in the list, the item which is an RSS feed will be
displayed on the right area across the two screens. The area where the item
was selected in the list will be overlayed with a set of option buttons
(Share, Store it, Like). The option buttons will be dependent of the kind of
item they relate to (in example - RSS feed).
The user reads through the RSS feed on the right area and selects an URL
by tapping on it.
Screen ID
18 03
SCP Application - Personal mode -
Webview overlay (External webpage)
The external content (in this example a website) will be opened in an
overlay which keeps the original content in the background as well as it
loads the website from where the article originates. The external content
will have related content, which uses the same paradigm as within the SCP
application (maximize/minimize).
The user can scroll the website within the webview itself independantly of
the related content on the bottom. The related content will have a fixed
position on the bottom and it will also be scrollable within that area but
expanding related content will enlarge the area to be used for interacting
with it (possibly the whole bottom screen but never across both screens).
The website behind the article can be navigated to by tapping on the
corner where it is visible (Closing the article).
A tap on the“Close”-button in the upper right corner will close the
webview overlay.
If the website contains URLs, these can be selected as well but navigation
will be very limited and only navigating back or forward will be possible
(the user will not be allowed to enter a new URL address in the address
field). The user will also have the possibility to refresh the webpage by
tapping on the“refresh”-button.
Tap on
item (Perform
selection)
Tap on URL (web link)
opens in overlayed
webview browser
My feed headline
<First line>
My edition
Related
content
Related
content
Related
content
Related
content
10 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, cursus ut eleifend ut, venenatis non
arcu. Mauris at enim magna, eu volutpat ligula. Praesent
pulvinar auctor congue. Nunc pulvinar nisi vitae quam
tempor a pharetra turpis auctor.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, cursus ut eleifend ut, venenatis non
arcu.
Nunc pulvinar nisi vitae quam
tempor a pharetra turpis auctor.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui.
In in urna vitae justo vulputate laoreet sed quis mauris.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Share Favorite
The highlighted RSS headline
published by <Name>
http://www.engadget.com/2010/10/28/ibuypower-revamps/
Web page
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis
quis eros consequat suscipit. Donec adipiscing vestibulum dolor dapibus
tempus. Vivamus a quam ligula, at aliquet nibh. Integer egestas, tellus in
mollis rutrum, magna turpis adipiscing ante, sit amet consequat orci nisi
vel est.
Vivamus egestas iaculis sapien, ac dapibus dui volutpat a. In commodo
ligula at dolor interdum eget convallis nunc imperdiet. Nullam at mattis
eros.
Aenean quis tellus purus, vitae commodo augue. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Phasellus egestas nunc eget eros laoreet sollicitudin. Duis non augue eu
tellus viverra ornare quis eget justo. Vivamus a hendrerit nibh. Aenean
nec urna neque.
Integer malesuada massa a nunc varius congue. Suspendisse felis velit,
placerat at convallis vel, cursus non libero. In consequat, massa a
fermentum tristique, est nunc iaculis metus, nec euismod risus eros quis
velit.
Lorem Ipsum Dolorsit Amet Consectetur Adipiscing Necturpis
Related
content
Related
content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec turpis
quis eros consequat suscipit. Donec adipiscing vestibulum dolor dapibus
tempus. Vivamus a quam ligula, at aliquet nibh. Integer egestas, tellus in
mollis rutrum, magna turpis adipiscing ante, sit amet consequat orci nisi
vel est.
Vivamus egestas iaculis sapien, ac dapibus dui volutpat a. In commodo
ligula at dolor interdum eget convallis nunc imperdiet. Nullam at mattis
eros.
Aenean quis tellus purus, vitae commodo augue. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Phasellus egestas nunc eget eros laoreet sollicitudin. Duis non augue eu
tellus viverra ornare quis eget justo. Vivamus a hendrerit nibh. Aenean
nec urna neque.
Integer malesuada massa a nunc varius congue. Suspendisse felis velit,
placerat at convallis vel, cursus non libero. In consequat, massa a
fermentum tristique, est nunc iaculis metus, nec euismod risus eros quis
velit.
Sed pellentesque arcu vel nulla sagittis congue at at tellus. Mauris sit
amet quam et lectus porttitor tincidunt. Mauris sed viverra enim. Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pharetra,
Engadget Article
Tap on “Close”-button
(To close webview overlay)
[Refresh]-button
(Refreshes current content)
[Back] & [Forward]-buttons
(Navigation between websites)
URL address field
Overlay options
(Same as original post/feed)
19. Page 19Two Paths - Use Case 4 - Enjoying content
Buongiorno Dual screen tablet concept
Playback of media within an embedded media player (pt. 1 - video)
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
My feed headline
<First line>
My edition
Related
content
Related
content
Related
content
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Reply
Retweet Store it
13 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. http://www.youtube.com/watch?v=acOIAP0gkxE
The highlighted Tweet headline
shared by <Name>
Related
content
Related
content
Service tagline
Service name
Screen ID
19 01
SCP Application - Start screen (Select
Personal feed)
The user is on the SCP Start screen and he taps on one of the items in the
“Personal feed”list to select it (in example a Twitter post).
Screen ID
19 02
SCP Application - Personal mode
(Selecting an external URL in content)
By selecting the item in the list, the item which is a Twitter post will be
displayed on the right area across the two screens. The area where the item
was selected in the list will be overlayed with a set of option buttons
(Retweet, Store it, Reply). The option buttons will be dependent of the kind
of item they relate to (in example - Twitter post).
The user reads through the Twitter post on the right area and selects the
video (Shown behind the post) by tapping on the play button or the URL at
the bottom.
Screen ID
19 03
SCP Application - Personal mode -
Webview overlay (External video)
The external content (in this example a video) will be opened in an overlay
which keeps the original content in the background. The external content
will have related content, which uses the same paradigm as within the SCP
application (maximize/minimize).
The user can Play/Pause the video, interact with the progress slider of the
video and adjust the volume of the video. The related content will have a
fixed position on the bottom and it will also be scrollable within that area
but expanding related content will enlarge the area to be used for
interacting with it (possibly the whole bottom screen but never across both
screens).
A tap on the“Close”-button in the upper right corner will close the
webview overlay.
When the video has ended, the user will have a“Replay”-button centered
over the video area.
Tap on
item (Perform
selection)
Tap on video play/
URL (video link)
opens in overlayed
video player
My feed headline
<First line>
My edition
Related
content
Related
content
Related
content
Related
content
10 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, cursus ut eleifend ut, venenatis non
arcu. Mauris at enim magna, eu volutpat ligula. Praesent
pulvinar auctor congue. Nunc pulvinar nisi vitae quam
tempor a pharetra turpis auctor.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, cursus ut eleifend ut, venenatis non
arcu.
Nunc pulvinar nisi vitae quam
tempor a pharetra turpis auctor.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui.
In in urna vitae justo vulputate laoreet sed quis mauris.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Share Favorite
The highlighted RSS headline
published by <Name>
Related
content
Related
content
Tap on “Close”-button
(To close webview overlay)
Swedish House Mafia Vs Tinie Tempah - Miami 2 Ibiza (Offi...
0:11 / 3:36
[Volume]-slider
(Sets video volume)
[Progress]-slider
(Displays the progress
of the video)[Play] / [Pause]
-button
(Plays or pauses
video)
Video
Overlay options
(Same as original post/feed)
20. Page 20Two Paths - Use Case 4 - Enjoying content
Buongiorno Dual screen tablet concept
Playback of media within an embedded media player (pt. 2 - music)
My feed headline
<First line>
My edition
Related
content
Related
content
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Comment
Share
Store it
Like
Comment
Share Unlike
Store it
13 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, cursus ut eleifend ut, venenatis non
arcu. Mauris at enim magna, eu volutpat ligula. Praesent
pulvinar auctor congue. Nunc pulvinar nisi vitae quam
tempor a pharetra turpis auctor.
http://www.beemp3.com/Jeremih - Down on me.mp3
The highlighted Facebook headline
shared by <Name>
Related
content
Related
content
Related
content
Related
content
Jeremih - Down on me.mp3
0:11 / 3:36
Goes to
Screen ID
21 01
[Volume]-slider
(Sets music volume)
[Progress]-slider
(Displays the progress
of the music track)RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
My edition
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
My feed headline
<First line>
My edition
Related
content
Related
content
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
Lorem ipsum dolor sit amet, consectetur.
RSS headline
<First line>
RSS headline
Lorem ipsum dolor sit amet, consectetur.
Tweet headline
shared by <Name>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ligula id sem...
Tweet headline
shared by <Name>
Facebook headline
shared by <Name>
Facebook headline
shared by <Name>
Comment
Share
Store it
Like
Comment
Share Unlike
Store it
13 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi ut tellus ac purus pulvinar fermentum vel egestas
dui. In in urna vitae justo vulputate laoreet sed quis mauris.
Mauris magna tortor, Jeremih - Down on me.mp3, venenatis
non arcu. Mauris at enim magna, eu volutpat ligula.
Praesent pulvinar auctor congue. Nunc pulvinar nisi vitae
quam tempor a pharetra turpis auctor.
www.beemp3.com
The highlighted Facebook headline
shared by <Name>
Related
content
Related
content
Service tagline
Service name
Screen ID
20 01
SCP Application - Start screen (Select
Personal feed)
The user is on the SCP Start screen and he taps on one of the items in the
“Personal feed”list to select it (in example a Facebook post).
Screen ID
20 02
SCP Application - Personal mode
(Selecting an external URL in content)
By selecting the item in the list, the item which is a Facebook post will be
displayed on the right area across the two screens. The area where the item
was selected in the list will be overlayed with a set of option buttons
(Share, Like, Comment, Store it). The option buttons will be dependent of
the kind of item they relate to (in example - Facebook post).
The user reads through the Facebook post on the right area and selects the
music albumart (Shown behind the post) by tapping on the play button or
the music URL.
Selecting the web URL at the bottom will open a website (unknown at this
stage if it contains music) in a webview overlay.
Tap on
item (Perform
selection)
Tap on music play/
URL (music link)
opens in overlayed
music player
Tap on URL (web link)
opens in overlayed
webview browser
Screen ID
20 03
SCP Application - Personal mode -
Webview overlay (External Music file)
The external content (in this example an mp3 music file) will be opened in
an overlay which keeps the original content in the background. The
external content will have related content, which uses the same paradigm
as within the SCP application (maximize/minimize).
The user can Play/Pause the music, interact with the progress slider of the
music and adjust its volume. The related content will have a fixed position
on the bottom and it will also be scrollable within that area but expanding
related content will enlarge the area to be used for interacting with it
(possibly the whole bottom screen but never across both screens).
A tap on the“Close”-button in the upper right corner will close the
webview overlay and a tap on the“Minimize”-button will minimize the
music in a small music player.
When the music has ended, the user will have a“Replay”-button centered
over the music albumart area.
Tap on “Close”-button
(To close webview overlay)
[Play] / [Pause]
-button
(Plays or pauses
music track)
Music
[Minimize]-button
(Music in miniplayer)
Overlay options
(Same as original post/feed)