AirtelLive for Android 20130729. 社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ：

Slides:

Advertisements

Similar presentations

Working With Tables, Graphics, and Columns Unit 1 Lesson 3 Word.

Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

Tyler SIS Mobile. © 2010 Tyler Technologies, Inc. When a Tyler SIS site is accessed via an iPhone, iPod touch, or BlackBerry, the code recognizes it is.

Microsoft Office 2010 Office 2010 and Windows 7: Essential Concepts and Skills Mark Worden Instructor Use your spacebar or down arrow key to advance slides.

Copyright © 2003 Pearson Education, Inc. Chapter 1, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.

LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,

1 Publisher Lesson 2 Enhancing Publisher Documents Microsoft Office 2010 Introductory Pasewark & Pasewark.

Interface Programming 1 Week 5. Interface Programming 1 CALENDAR.

 Key dissatisfier  Puts designer in control  Helps get your message across.

Interface / navigation COM 366 Web Design & Production.

Introduction to SVG & Batik Presented by Shang-Ming Huang.

Web Printing Continue on Web Usability It is a good idea that web sites can provide a printing version and browsing version for the same document.

Tutorial support.ebsco.com. Welcome to Explora, EBSCO’s engaging interface for schools and public libraries. Designed to meet the unique needs of its.

Information Architecture Week 7. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.

DESIGN PROJECT 2 (CITYDANCE WEBSITE REDESIGN) 4-APR-12 ADEEL BHATTI JESSIE CHEN KAYS FATTAL RAVIKANTH ARIKATLA VENKATA INFM700 – Information Architecture.

Marketing with Radio & Digital in 2014 Cumulus Media Salt Lake City reaches nearly two million website visitors every month with innovative, exclusive.

Microsoft Office 2010 Office 2010 and Windows 7: Essential Concepts and Skills.

Multimedia Authoring Tools Lecture 13

World Book Web. World Book Kids World Book Kids is designed to give younger students a rewarding online learning experience.

DESIGNING FOR IOS. iOS uses the following themes:  Deference. UI helps users understand and interact with the content, but never competes with it.

Scrap Book of Design Critiques by Rohit Maddipudi HF /03/2013 Bentley University 1.

CS 235: User Interface Design September 15 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak

Joomla! Week 6 LBSC 690 Information Technology. Key Ideas Web sites are made up of rectangular pieces Called “modules” Two basic types of modules exist.

Information Architecture The science of figuring out what you want your Web site to do and then constructing a blueprint before you dive in and put the.

In addition to Word, Excel, PowerPoint, and Access, Microsoft Office® 2013 includes additional applications, including Outlook, OneNote, and Office Web.

Why buy a flash drive without it? Presentation of specific industry examples of how StickyDrive™ is being used today StickyDrive LLC, Seattle Washington.

1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.

The New Elements © Main Menu Structure Media Canvas Form Click on one of the categories below to view information about the new HTML5 elements in.

XP Tutorial 1 Introduction to Macromedia Flash MX 2004.

LinkOut Update Medical Library Association Annual Meeting 2006 Phoenix, AZ.

Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at

1 EDIT 2013 User Interface Enhancements European Commission – Eurostat.

DESIGN ELEMENTS: IDEAS May 25, Template Examples 2 Navigation is organized by topic and by audience. Global navigation is horizontal. “Stories”

Document 3: Website Focus Group Discussions A Summary of Our Findings.

Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.

PBA Front-End Programming Page Composition. Page composition Now we know about – Colors – Fonts, texts and editorial style – Links and navigation – …

Be the first to know CNN.com/international re-launch 1 st July 2007.

New face of TOI.com Do we need it?. Present TOI.com homepage Content has evolved, design has not Caters to original thought: print edition on the net.

Pasewark & Pasewark 1 Publisher Lesson 2 Enhancing Publisher Documents Microsoft Office 2007: Introductory.

FrontPage ® 2003 – Essentials Intermediate Lesson.

Lesson 2 Basic editing Word 2013.

Last.fm Hall of F/S Brian Morris Edward Nishihama.

1 Principles of IT Using the Tool Palette Vocabulary Copyright © Texas Education Agency, All rights reserved.

Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.

Site map NMA Site Home Page 0.0 Gallery 4.0 Animation 3.1 Interface Design 3.2 Information Architecture 3.3 Admissions 5.0 Faculty 6.0 VERSION REVISED.

Copyright Ó Oracle Corporation, All rights reserved Working with Other Canvases.

Vertical Horizontal Two layers of horizontal navigation at the top of the page…

Vocabulary Using Drawing Tools. MS Word 2007 Ribbons –An organized group of related commands displayed by clicking its tab. Each collection of commands.

 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.

1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.

By Lauren Mayer WEBSITE RESEARCH. NYLON MAGAZINE WEBSITE Header, this is the title of the website and should be the main attraction. This example had.

Presented by: Rashedul Chowdhury Contributors: Anthony Ritrivi, Hegde Mahabaleshwa and Long Pham GES DISC UWG May 11, 2011 GES DISC Homepage Redesign.

Unit 8.2 / Lesson 1 / presentation1b Website Styles.

Web Site Development - Process of planning and creating a website.

News Story Pages for KPCC Expanding KPCC’s Journalistic Excellence in a New Medium March 2007.

Building User Interfaces Basic Applications

NoveList K-8 Overview. The Homepage The Search For… box appears on each page in NoveList K-8. We put recommendations for popular titles right on the homepage.

Session: 8. © Aptech Ltd. 2Creating Navigational Aids and Division-Based Layout / Session 8  Explain HTML5 semantic tags  Explain HTML5 semantic tag.

Online Magazine Press LO: To examine the pre-release material and predict what you may be asked.

ILO Public web site guided tour. WEBDEV Page 2 The way we were...  The ILO web presence is composed of about 150 different sites  On top of them there.

Using Drawing Tools Vocabulary.

Basics of Website Development

PBA Front-End Programming

HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks

Office 2010 and Windows 7: Essential Concepts and Skills

Web Technologies for Business

HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks

Integrating, Enhancing Two Solutions

Overview of Curriki Site and Features

IS213 Project Presentation - April 6, 2006

Presentation transcript:

AirtelLive for Android

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Design Variations Stream Line UIGraphical UIMetro UI Grid Pattern UIFlip Board UIPanel Display UICube UI 11 design patterns

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. StreamLineUI

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Stream Line UI Top

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Stream Line UI News List

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Stream Line UI Concept Advantage Concept = Simple Structure (Vertical for contents, Navigation for horizontal line) Advantage = Easy to browse around, (1 action to jump into different contents) = Easy to understand the site structure

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Graphical UI Concept Graphical UI

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Graphical UI Concept Concept = Show as much image contents as possible at 1 st glance. Advantage = Each line is swipable horizontally, so information density can be increased.

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Graphical UI Top

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Metro UI

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Metro UI Top

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Metro UI Concept Concept = Make the AirtelLive into an everyday tool. Advantage = The users would have easier access to necessary information at 1 st glance. = Offer a rationale to the users by making the app into a everyday tool like a schedule manegement tool.

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Grid Pattern UI

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Grid Pattern UI Top

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Grid Pattern UI News

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Grid Pattern UI Concept Concept = Put the navigation function as vertical line, and contents in the horizontal line, which makes the simple grid layout. Advantage = One page can contain a lots of information, so it’s easy for the users to find the information they want. By scrolling the contents horizontally, the users can browse contents eternally.

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Flip Board UI

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Flip Board UI Top

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Flip Board UI news article

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Flip Board UI Concept & Advantage Concept = Like a calendar or book, flilp the information and discover the exciting information Advantage = Flipping the contents brings fun and playfulness to the user experience

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Panel Display UI

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Panel Display UI Top Flick

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Panel Display UI News List

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Panel Display UI Concept Concept = Merge the category and contents into one section at Top Advantage = Simple UI architecture is simple to understand for the users.

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Cube UI

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Cube UI Top Rotate

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Cube UI Menu

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Cube UI News

社内開示先限定 Version: 1 AirtelLive.com Renewal 2013/01/18 AirtelLive.com UI TEST Specification Project Name ： Case Name ： So Onari Created By ： Place ： Revised on ： Created on ： 2013/03/05 Global Business Promotion Dept. Cube UI Concept Concept = Be unique by the use of completely distinctive 3 dimensional UI Advantage = Playful UI, and rich animation brings the user experience into the next level.