Stencils and Components

Total Page:16

File Type:pdf, Size:1020Kb

Stencils and Components Templates & guidelines mobile design elements Stencils and components Prepared by Steven Hoober with contributions from Clayton Beese, Eric Berkman, Laura Fisk, Brian Mason, France Rupert & Jana Silverman 17 April 2011 Elements, unless noted, shared under Creative Commons MobileDesignElements-2011april15 Saved on 17 April 2011 at 4:02 PM Brand and format ©2011 Steven Hoober Attribution-Share Alike 3.0 http://creativecommons.org/licenses/by-sa/3.0/ 4ourth Mobile Design Elements, Stencils and Components A High Level Diagramming 1 Flow Charting & Annotation Title all notes A1 A1 A1 A1 A1 A1 A1 Title all notes Title of Title of Title of Title of Title of Title of Title of Briefly state the Briefly state the in- information and Element Element Element Element Element Element Element formation and point point out the rel- out the relevant areas. evant areas. Avoid Avoid all superfluous all superfluous com- commentary. mentary. 6 Make sure the box is Make sure the box only as long as is need- A1 A1 A1 A1 A1 A1 A1 is only as long as is ed, and do NOT stretch needed, and do NOT Title of Title of Title of Title of Title of Title of Title of the pointer out. stretch the pointer Element Element Element Element Element Element Element out. B Clustered element title A1 A1 A1 A1 A1 A1 A1 Title of Title of Title of Title of Title of Title of Title of Element Element Element Element Element Element Element Client Datastore No CHK-A4 Valid signon? Yes E8 Exit 3-Strikes Elements, unless noted, shared under Creative Commons MobileDesignElements-2011april15 Saved on 17 April 2011 at 4:02 PM Brand and format ©2011 Steven Hoober Attribution-Share Alike 3.0 2 http://creativecommons.org/licenses/by-sa/3.0/ 4ourth Mobile Design Elements, Stencils and Components A High Level Diagramming 2 Information Boxing High level diagramming involves describing the entire interaction set of the prod- uct, without drawing elements or developing interface designs. Generally, flow F14 Audio Settings charts are followed by the boxes to the right detailing all display and interactive 217, 205, 716 • W-Web, Consumers elements for each state of the system. Information: Interaction: Each element is described in order; items may be added or removed as needed: a Audio Settings Panel • Display current mute setting • Selector to mute all tones, over- Title block: • Display current status (enabled, rides the below setting Unique element number, descriptive title of the element. When applicable or needed, re- level) of each setting: • Selector to disable/enable or quirement numbers, domain and/or users. • Tone notices change volume level for each of • Tone alerts the following: Information: • Vibrate alerts • Tone notices All items displayed on the screen are described in detail. Conditional display items include • Voice readback of certain • Tone alerts the conditions. instructions • Vibrate alerts • When the mute function is • Voice readback of certain Interaction: activated, the setting for audible instructions Controls (including links, buttons, scrollbars and anything else) that the user can interact mode is visible, but “grayed out” • [Save changes] F1 with. The result is described and external links or refreshes are shown as arrows. External to make it clear this is deacti- • <Cancel> F1 links are labeled with the element number. Links are surrounded by greater-than/less-than vated signs, buttons are surrounded by square brackets. b Audio Settings – First Time Use Pop-up Variations: • Explain that these are system • [OK] change settings Variant displays of a particular frame may be displayed within the box as shown, or may be sounds only (tones used on • <Tell me more> help D1 broken out among several boxes, mostly depending on the space available. each screen) Automated actions: • Inform users that even if muted, video will play with audio on, un- Used for items such as audio cues that appear when the page loads, or to describe automatic less the device volume is muted behaviors that cannot be covered in the Information side above. • Explain that the volume level set here is subsidiary to the device volume level On load: “Page loaded” tone Elements, unless noted, shared under Creative Commons MobileDesignElements-2011april15 Saved on 17 April 2011 at 4:02 PM Brand and format ©2011 Steven Hoober Attribution-Share Alike 3.0 3 http://creativecommons.org/licenses/by-sa/3.0/ 4ourth Mobile Design Elements, Stencils and Components B Mid-Level Diagramming These are valuable for developing and defining interaction – especially for flow charting – and for defining components to be used throughout an application. They specifically do not express the graphic or brand look of a service, so can be used to abstract the discussion, or to define a common set of behaviors for sev- eral looks (e.g. vendor specifications). 2 “Assign photo to” 5 “Picture ID” 7 “Contacts” 8 “Select a contact” 9 “Photo ID set” Annunciator row Softkeys Main menu grid List / Single-select list Multi-select list Softkey menu Forked dialog Forked dialog Forked dialog Standard single select Complete - confirm Media File Viewer Media File Viewer Media File Viewer Media File Viewer list Media File Viewer Image menu Assign 3 Screen Saver 6 “Assigned this Delete 4 “Incoming Calls” “Saving to phone” picture...” Phone number or Go to Album Email Address Auto-Send Single select with Form elements and Softkey menu open Print keyword filter widget select mode widget (e.g. address book) Forked dialog Short wait Complete - timeout Media File Viewer Media File Viewer Media File Viewer The diagram above is an example use of the Mid-level diagram as a Loading flow charting tool. Each link is defined, color codes (similar to those Short wait Pop-up Two-way Pop-up in button behaviors, later) are used to define active and inactive re- Informational Pop-up Multi-option Pop-up gions, and each frame is labeled with re-usable components contained Title within. Multi-option Pop-up with softkey behavior Message Long wait Pop-up Completion confirm Pop-up Elements, unless noted, shared under Creative Commons MobileDesignElements-2011april15 Saved on 17 April 2011 at 4:02 PM Brand and format ©2011 Steven Hoober Attribution-Share Alike 3.0 4 http://creativecommons.org/licenses/by-sa/3.0/ 4ourth Mobile Design Elements, Stencils and Components C Handsets, Screens & Frames 1 Small Screens (50% - 1pt = 0.5px) 128 x 176 px 176 x 220 px 240 x 320 px 3:52PM 3G 3G 3G 3G 3:52PM 3:52PM 3:52PM 3:52PM 5 px top margin 7 px top margin 10 px top margin Titles 14 pt. Titles 16 pt. Titles 18 pt. Web Browser Text Message Left align most Cannot Install: From: Sending service text. Which is 3 px wide Left align most text. 7 px left and Left align most text. 16 pt 10 px left and The application cannot be 12 pt. scroll indicator 14 pt medium. right margins medium. right margins installed on this device. A reminder was sent, but Small text is 10 pt. Small text is 12 pt. Small text is 14 pt. the application did not run, 5 px left and 4 px wide 6 px wide Or it can even be as Stuff can be centered if The device may be incom- and may need to be re- small as 9 pt. right margins you just have to. scroll indicator Stuff can be centered if you scroll indicator Left Right just have to. patible, or your carrier installed. Stuff can be centered if you just have to. If there’s too much to fit may not have a billing on one page, then you Stuff can be centered if agreement in place. Please download the appli- canLeft just keep typing,Right and you just have to. cation to continue: can just keep typing, and If there’s too much to can just keep typing, and fit on one page, then you can just keep typ- whatever you type can http://mobile.appname.com ing, and whatever you just extend below the /new.php?af1309e type can just extend page, no problem. If there’s too much to fit below the page, no problem. I’d add some line feeds onLeft one page, then youRight Options Back Options Back I’d add some line under the mask, and can just keep typing, and feeds under the repeat the part that gets can just keep typing, and mask, and repeat cut off so it’s more clear the part that gets it’s an extension of the can just keep typing, and cut off so it’s more clear it’s an exten- page. whatever you type can just sion of the page. extend below the page, no Footers should be differ- Footers should be dif- entiated somehow. problem. ferentiated somehow. I’d add some line feeds under the mask, and repeat the part that gets cut off so it’s more clear it’s an extension of the page. Footers should be differenti- ated somehow. To indicate a break To truncate a page, as (when a large amount when there is much of content would exist, content but the rest is but it would be cum- of no significance to bersome to show it all) the discussion, use this use this element. element. Can be flipped to only show the bottom, or use two to show the middle of a page. Elements, unless noted, shared under Creative Commons MobileDesignElements-2011april15 Saved on 17 April 2011 at 4:02 PM Brand and format ©2011 Steven Hoober Attribution-Share Alike 3.0 5 http://creativecommons.org/licenses/by-sa/3.0/ 4ourth Mobile Design Elements, Stencils and Components C Handsets, Screens & Frames 3 Scaled Handsets for Design Framing (50% - 1pt = 0.5px) DEF 3G 3G MNO 3:52PM 3:52PM Space WXYZ Back 3 6 9 # JKL TUV ABC Next OK 2 5 8 0 GHI Shift PQRS 1 4 7 * 1Q 2W 3E 4R 5T Y6 U7 I 8 O9 P0 !A @S #D $F %G H& J* K( L) Back _ - = + / ‘ “ CAPS Z X C V B N M Pg up OK : , ; ~ OK Back Shift Sym ? Space .
Recommended publications
  • Manual Del Usuario Para Nokia N8-00
    Manual del Usuario para Nokia N8-00 Edición 3.1 2Contenido Contenido Restaurar configuraciones originales 31 Personalización 32 Seguridad 5 Perfiles 32 Cambiar el tema 33 Inicio 6 Pantalla de inicio 34 Teclas y partes 6 Organizar las aplicaciones 36 Cambiar el volumen de una llamada, Acerca de Tienda Nokia 37 canción o video 8 Descargar un juego, aplicación u otro Bloquear o desbloquear las teclas y la elemento 38 pantalla 8 Insertar o quitar la tarjeta SIM 9 Teléfono 38 Insertar o quitar la tarjeta de Llamar a un número de teléfono 38 memoria 11 Activar el altavoz durante una Carga 12 llamada 39 Ubicaciones de la antena 14 Buscar un contacto desde el Colocar la correa para muñeca 15 marcador 39 Auricular 15 Colocar el teléfono en silencio 40 Encender o apagar el teléfono 16 Llamar a un contacto 40 Usar el teléfono por primera vez 16 Contestar una llamada en espera 41 Copiar contactos o fotos desde el Realizar una llamada de video 41 teléfono anterior 17 Responder una llamada de video 42 Usar el manual del usuario en el Rechazar una llamada de video 42 teléfono 18 Realizar una llamada de multiconferencia 43 Instalar Nokia Suite en la Llamar a los números que usa con computadora 18 más frecuencia 44 Usar su voz para llamar a un Uso básico 19 contacto 44 Usar la barra de herramientas 19 Hacer llamadas por Internet 45 Acciones de la pantalla táctil 19 Llamar al último número marcado 46 Usar accesos directos 22 Grabar una conversación telefónica 46 Alternar entre las aplicaciones Ver las llamadas perdidas 46 abiertas 23 Llamar al buzón de
    [Show full text]
  • CSS Font Stacks by Classification
    CSS font stacks by classification Written by Frode Helland When Johann Gutenberg printed his famous Bible more than 600 years ago, the only typeface available was his own. Since the invention of moveable lead type, throughout most of the 20th century graphic designers and printers have been limited to one – or perhaps only a handful of typefaces – due to costs and availability. Since the birth of desktop publishing and the introduction of the worlds firstWYSIWYG layout program, MacPublisher (1985), the number of typefaces available – literary at our fingertips – has grown exponen- tially. Still, well into the 21st century, web designers find them selves limited to only a handful. Web browsers depend on the users own font files to display text, and since most people don’t have any reason to purchase a typeface, we’re stuck with a selected few. This issue force web designers to rethink their approach: letting go of control, letting the end user resize, restyle, and as the dynamic web evolves, rewrite and perhaps also one day rearrange text and data. As a graphic designer usually working with static printed items, CSS font stacks is very unfamiliar: A list of typefaces were one take over were the previous failed, in- stead of that single specified Stempel Garamond 9/12 pt. that reads so well on matte stock. Am I fighting the evolution? I don’t think so. Some design principles are universal, independent of me- dium. I believe good typography is one of them. The technology that will let us use typefaces online the same way we use them in print is on it’s way, although moving at slow speed.
    [Show full text]
  • Vision Performance Institute
    Vision Performance Institute Technical Report Individual character legibility James E. Sheedy, OD, PhD Yu-Chi Tai, PhD John Hayes, PhD The purpose of this study was to investigate the factors that influence the legibility of individual characters. Previous work in our lab [2], including the first study in this sequence, has studied the relative legibility of fonts with different anti- aliasing techniques or other presentation medias, such as paper. These studies have tested the relative legibility of a set of characters configured with the tested conditions. However the relative legibility of individual characters within the character set has not been studied. While many factors seem to affect the legibility of a character (e.g., character typeface, character size, image contrast, character rendering, the type of presentation media, the amount of text presented, viewing distance, etc.), it is not clear what makes a character more legible when presenting in one way than in another. In addition, the importance of those different factors to the legibility of one character may not be held when the same set of factors was presented in another character. Some characters may be more legible in one typeface and others more legible in another typeface. What are the character features that affect legibility? For example, some characters have wider openings (e.g., the opening of “c” in Calibri is wider than the character “c” in Helvetica); some letter g’s have double bowls while some have single (e.g., “g” in Batang vs. “g” in Verdana); some have longer ascenders or descenders (e.g., “b” in Constantia vs.
    [Show full text]
  • Typographers'
    TUGboat, Volume 39 (2018), No. 3 171 Typographers’ Inn Table 1: Widths of set for some related serif, sans-serif, and monospace fonts Peter Flynn CMR abcdefghijlkmnopqrstuvwxyz O0|I1l Font tables CMSS abcdefghijlkmnopqrstuvwxyz O0|I1l CMTT abcdefghijlkmnopqrstuvwxyz O0|I1l Peter Wilson has rightly called me to account for PT Serif abcdefghijlkmnopqrstuvwxyz O0|I1l missing out the fonttable (two t’s) package in the de- PT Sans abcdefghijlkmnopqrstuvwxyz O0|I1l scription of my experimental fontable (one t) package PT Mono abcdefghijlkmnopqrstuvwxyz O0|I1l [4, p 17]. Libertine abcdefghijlkmnopqrstuvwxyz O0|I1l The fonttable package is much more powerful Biolinum abcdefghijlkmnopqrstuvwxyz O0|I1l than the one I am [still] working on, and I was so Lib. Mono abcdefghijlkmnopqrstuvwxyz O0|I1l intent on reimplementing the specific requirements Plex Serif abcdefghijlkmnopqrstuvwxyz O0|I1l abcdefghijlkmnopqrstuvwxyz O0|I1l A Plex Sans of the allfnt8.tex file in X LE TEX to the exclusion Plex Mono abcdefghijlkmnopqrstuvwxyz O0|I1l of pretty much everything else that I didn’t do any Nimbus Serif abcdefghijlkmnopqrstuvwxyz O0|I1l justice to fonttable (and a number of other test and do. Sans abcdefghijlkmnopqrstuvwxyz O0|I1l display tools). do. Mono abcdefghijlkmnopqrstuvwxyz O0|I1l I am expecting shortly to have more time at my do. Mono N abcdefghijlkmnopqrstuvwxyz O0|I1l disposal to remedy this and other neglected projects. Times abcdefghijlkmnopqrstuvwxyz O0|I1l Helvetica abcdefghijlkmnopqrstuvwxyz O0|I1l Monospace that fits Courier abcdefghijlkmnopqrstuvwxyz O0|I1l Luxi Mono * abcdefghijlkmnopqrstuvwxyz O0|I1l One of the recurrent problems in documentation is finding a suitable monospace font for program listings Times, Helvetica, and Courier (unrelated) are included for or other examples of code.
    [Show full text]
  • CVAA Support Within the Kaltura Player Toolkit Last Modified on 06/21/2020 4:25 Pm IDT
    CVAA Support within the Kaltura Player Toolkit Last Modified on 06/21/2020 4:25 pm IDT The Twenty-First Century Communications and Video Accessibility Act of 2010 (CVAA) focuses on ensuring that communications and media services, content, equipment, emerging technologies, and new modes of transmission are accessible to users with disabilities. All Kaltura players that use the Kaltura Player Toolkit are now CVAA compliant by default and are based on on Twenty-First Century Communications and Video Accessibility Act of 2010 (CVAA). The player includes capabilities for editing the style and display of captions and can be modified by the end user. The closed captions styling editor includes easy to use markup and testing controls. The Kaltura Player v2 delivers a great keyboard input experience for users and a seamless browser-managed experience for better integration with web accessibility tools. This is in addition to including the capability of turning closed captions on or off. Features The Kaltura Player v2 CVAA features include: Studio support - Enable options menu Captions types: XML, SRT/DFXP, VTT(outband) Displaying and changing fonts in 64 color combinations using eight standard caption colors currently required for television sets. Adjusting character opacity Ability to adjust caption background in eight specified colors. Copyright ©️ 2019 Kaltura Inc. All Rights Reserved. Designated trademarks and brands are the property of their respective owners. Use of this document constitutes acceptance of the Kaltura Terms of Use and Privacy Policy. 1 Ability to adjust character edge (i.e., non, raised, depressed, uniform or drop shadow). Ability to adjust caption window color and opacity.
    [Show full text]
  • Nokia N8-00 Schematics
    Service schematics RM-596 IMPORTANT Version information Contents This document is intended for use by authorized Nokia service centers only. Please use the document together While every effort has been made to ensure that the Front page 1 with other documents such as the Service Manual and document is accurate, some errors may exist. Please Service Bulletins. always check for the latest published version for this Imaging processor, Camera 2 document. RAPS, Imaging processor, Display IF, Touch IF, HDMI 3 If you find any errors in the document please Measurements send email to: [email protected] RAPS, Mass memory, Combo memory, Sensors, LEDs, UI keys 4 All measurements were made using the following equipment: GAZOO, Battery, HS USB, SIM, Power key 5 Nokia repair SW : Phoenix 2009.34.014.40684 1.0 First approved version. 6 Oscilloscope : PicoScope 3206 GAZOO, Audio, AV connector, MMC 2.0 Second approved version. Spectrum Analyzer : Advantest R3162 7 Multimeter : Fluke 175 BTH FM, WLAN, GPS The measurement points in the schematics are linked to the oscillo- RF part 8 grams on the signal overview page. The links cycle between the meas- urement point in the schematics, the oscillogram and the measurement Signal overview top 9 point in the component finder. Component finder top 10 This material,including documentation and any related computer programs is protected 11 by copyright, controlled by Nokia. All rights are reserved. Copying, including reproducing, Component finder bottom modifying, storing, adapting or translating any or all of this material requires the prior written consent of Nokia. This material also contains company confidential information, which may not be disclosed to others without the prior written consent of Nokia.
    [Show full text]
  • Advance Reporting Open Source Licenses 6-67513-02 Rev a August 2012
    Advanced Reporting Open-Source Licenses The following table lists the open-source software components used in Quantum Advanced Reporting, as well as the associated licenses. For information on obtaining the Open Source code, contact Quantum Support. (Refer to Getting More Information on page 26 for contact information.) Note: Open source licenses for StorNext® and DXi® products are listed in separate documents, so those licenses are not included in this document. Component Open-Source License AS3 Commons Lang Apache License Version 2.0, January 2004 AS3 Commons Reflect Apache License Version 2.0, January 2004 Cairngorm BSD-style license (BSD Exhibit #2) DejaVu Fonts Bitstream Vera and Arev Font Licenses Image Cropper BSD-style license (BSD Exhibit #3) Libpng BSD 3-Clause, with acknowledgements (BSD Exhibit #1) Perl Licensed under either the Artistic License 2.0 or GNU General Public License version 1 or later. Prototype JS The MIT License rrdtool GNU General Public License, version 2 Scriptaculous The MIT License Spring ActionScript Apache License Version 2.0, January 2004 6-67513-02 Rev A, August 2012 Advance Reporting Open Source Licenses 6-67513-02 Rev A August 2012 Apache License Version 2.0, January 2004 TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 1. Definitions. “License” shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document. “Licensor” shall mean the copyright owner or entity authorized by the copyright owner that is granting the License. “Legal Entity” shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity.
    [Show full text]
  • P Font-Change Q UV 3
    p font•change q UV Version 2015.2 Macros to Change Text & Math fonts in TEX 45 Beautiful Variants 3 Amit Raj Dhawan [email protected] September 2, 2015 This work had been released under Creative Commons Attribution-Share Alike 3.0 Unported License on July 19, 2010. You are free to Share (to copy, distribute and transmit the work) and to Remix (to adapt the work) provided you follow the Attribution and Share Alike guidelines of the licence. For the full licence text, please visit: http://creativecommons.org/licenses/by-sa/3.0/legalcode. 4 When I reach the destination, more than I realize that I have realized the goal, I am occupied with the reminiscences of the journey. It strikes to me again and again, ‘‘Isn’t the journey to the goal the real attainment of the goal?’’ In this way even if I miss goal, I still have attained goal. Contents Introduction .................................................................................. 1 Usage .................................................................................. 1 Example ............................................................................... 3 AMS Symbols .......................................................................... 3 Available Weights ...................................................................... 5 Warning ............................................................................... 5 Charter ....................................................................................... 6 Utopia .......................................................................................
    [Show full text]
  • Nokia N8–00 User Guide
    Nokia N8–00 User Guide Issue 2.1 2Contents Contents Organise your applications 35 Download a game, application, or other item 35 Safety 5 Telephone 36 Get started 6 Call a phone number 36 Keys and parts 6 Search for a contact 36 Change the volume of a call, song, or Call a contact 37 video 8 Make a video call 37 Lock or unlock the keys and screen 8 Make a conference call 38 Insert or remove the SIM card 9 Use speed dial 39 Insert or remove the memory card 10 Use your voice to call a contact 39 Charging 12 Make calls over the internet 40 Antenna locations 14 Call the last dialled number 41 Attach the wrist strap 15 Record a phone conversation 41 Headset 15 Turn to silence 41 Switch the device on or off 15 View your missed calls 42 Use your device for the first time 16 Call your voice mailbox 42 Copy contacts or pictures from your old Divert calls to your voice mailbox or device 16 another phone number 42 Device set-up 17 Prevent making or receiving calls 43 Use the in-device user guide 17 Allow calls only to certain numbers 44 Video sharing 44 Install Nokia Ovi Suite on your PC 18 Contacts 46 Basic use 19 About Contacts 46 Touch screen actions 19 Save phone numbers and mail Interactive home screen elements 22 addresses 46 Switch between open applications 23 Save a number from a received call or Write text 23 message 47 Display indicators 26 Contact your most important people Set the notification light to blink for quickly 47 missed calls or messages 28 Set a ringing tone for a specific Search in your device and on the contact 47 internet
    [Show full text]
  • Nokia 808 Pureview 41 Megapixel Camera with Carl Zeiss Lens
    Sep 22, 2012 14:50 IST Nokia 808 PureView 41 megapixel Camera with Carl Zeiss lens The all new Nokia 808 PureView is a game changing phone in the world of smartphones. This exclusive hand set has got 4 inches AMOLED dispay which is clear black. The feel of this great hand set is quite similar to that of Nokia 5800 with an allusion of Nokia Lumia 610. Although these mentioned phones are small and had flat backs. In India the Nokia 808 PureView price is Rs.30, 499. The quality of the calls in this phone comes without any kind of issues. Comparing the size of Nokia 808 PureView with the iPhone 4S it is not that small having 123.9mm x 60.2mm x 13.9mm as its proper dimensions which gets expanded to 17.95 mm when the camera bulges out. This new Nokia phone has arrived in the market with a camera of 41 MP although Nokia N8 is said to have got the finest cameras under the Nokia phone range. The total hardware weight makes the Nokia 808 PureView a bit heavy having a mass of 169 grams. This is the heaviest phone out of all the smartphones that are available in the market. There is a smart dial system on the interface of the phone dialer. There also a soft button at the bottom of the phone which gives an easy access to the contacts as well as the call logs. The messaging option in this Nokia 808 PureView phone is free from any sorts of trouble.
    [Show full text]
  • Mobile OS: Analysis of Customers’ Values
    Mobile OS: analysis of customers’ values Georgii Shamugiia Bachelor's Thesis Business Administration 2020 Mobile OS 01.11.2020 Author(s) Georgii Shamugiia Degree programme Bachelor of Business Administration SAMPO18 Report/thesis title Number of pages Mobile OS: analysis of customer's values and appendix pages 14 + 47 The rapid development of the mobile industry since the start of new millennium led to much more extensive usage of mobile devices than desktop computers. Fast-developing technol- ogies of wireless networking led to the excessive need of a device, which can search any info on the web conveniently, be a decent communicational tool and be able to adapt to dif- ferent needs of customers. The device which fully fulfils this need is a smartphone, which is being widely used today by the majority of the global population. In this thesis, the author digests the tools, which allows smartphones to work appropriately, give consumers a pleasuring experience while using them and run all the operations and data stored on them. These tools are mobile op- erating systems – platforms, which allow all those things and even more. In this research, the author investigates the historical development of mobile operating systems, which put a mark in the history of the industry. By digesting three cases of Nokia, Blackberry and Mi- crosoft, the author explains what were the selling points, that succeeded and managed to popularise each mobile operating system globally among consumers and gadget manufac- turers and what were the reasons that caused their global downfall. A separate chapter of this research is dedicated to a survey regarding customer values and customer opinions about mobile devices and mobile operating systems.
    [Show full text]
  • Higher Quality 2D Text Rendering
    Journal of Computer Graphics Techniques Vol. 2, No. 1, 2013 Higher Quality 2D Text Rendering http://jcgt.org Higher Quality 2D Text Rendering Nicolas P. Rougier INRIA No hinting Native hinting Auto hinting Vertical hinting Figure 1. When displaying text on low-resolution devices (DPI < 150), one typically has to decide if one wants to respect the pixel grid (e.g., Cleartype technology / Microsoft / native hinting) for crisp rendering or, to privilege glyph shapes (Quartz technology / Apple / no hinting) at the cost of blurring. There is, however, a third way that may combine the best of the two technologies (vertical hinting). Abstract Even though text is pervasive in most 3D applications, there is surprisingly no native sup- port for text rendering in OpenGL. To cope with this absence, Mark Kilgard introduced the use of texture fonts [Kilgard 1997]. This technique is well known and widely used and en- sures both good performances and a decent quality in most situations. However, the quality may degrade strongly in orthographic mode (screen space) due to pixelation effects at large sizes and to legibility problems at small sizes due to incorrect hinting and positioning of glyphs. In this paper, we consider font-texture rendering to develop methods to ensure the highest quality in orthographic mode. The method used allows for both the accurate render- ing and positioning of any glyph on the screen. While the method is compatible with complex shaping and/or layout (e.g., the Arabic alphabet), these specific cases are not studied in this article. 50 Journal of Computer Graphics Techniques Vol.
    [Show full text]