How to Develop a Custom Mobile App in 3 Simple Steps

Thursday, April 30, 2015

Introducing a New 3 Step Mobile App Development Cycle

Gone are the days when web or mobile app development needed lengthy development procedures. In this fast forward world where technology changes within a blink of an eye or can be said that technology is ephemeral – you cannot just stick to old methodologies. In this age of portability and mobility your Mobile app development should be as mobile as water.

1

Looking at the proliferating figures of Mobile phone purchases and comparatively lesser demand for other gadgets such as personal computers, it is expected that the mobile traffic curve will all of a sudden will take a steep rise.

2

This has again created a great market need, as now each and every business is either looking for mobile optimization or is looking for a mobile app development.

If you are also looking for the same, then this is the best guide to switch to mobile app development.

1) Step 1: Get acquainted

3

In order to deliver a high performance app, with high performance we specifically imply that apps which are not dependent on platforms. It can be quite a task to figure out the difference between all of these. So, in this section we will segregate what kind of apps you can make which can suit your budget.

a) Native Apps:

iOS, Android, Windows and Blackberry are four dominating mobile operating systems in market. Apps for Android are built on Android OS and for iOS is built on Objective. Thus, these types of applications run only on the particular device which runs on the particular operation system.

Moreover, users are fragmented across the globe. Which creates a dilemma among the developers to make a choice.

b)Web Apps:

To give you air of relief! web apps run on every enabled devices irrespective of the operating system installed in the device. Web apps are a good news for companies who have already built invested on responsive web design. With web app development your mobile presence is not hampered due to the device barrier. They are built on JavaScript, HTML 5 and can run on any device. However, on a lower note these applications are confined to internet and offer less offline functionalities

c) Hybrid Apps:

After combining the aforementioned apps we get Hybrid apps. These apps are generally web apps which are further packed into an app ¬store specific systems and thus runs on every platform. To the brighter side, these apps are more secure than the native apps as compared to the web apps. Furthermore, the development process of these apps is easy and therefore these apps are gaining credence among various enterprises.

Step 2: Designing

Designing is one of the most lengthiest process in the development phase. If not executed with care and precision, it can lead to a lot of cost overruns and can lead to deadline delay. Formulating the most accurate design strategy is what you need for an overall success of your project. Moreover, if you can get to know the right way, you can save your time and efforts of designing the complete app from the scratch.

Native Cross Platform

Let us suppose, what will happen if you have to develop apps for every native platform. Even if you target the three major platforms, your development

cost will be triple. Quite a hassle, isn’t it. Do not worry! Now you can easily cover up all the major operating systems namely Android, iOS, Windows and Blackberry.

Web and Hybrid

Web and Hybrid apps are easier to build and also come with different designing tools which enable designers to design mobile applications for all the platforms efficiently. These features make Web and Hybrid designs certainly better than the cross platform native apps.

Step 3: Back¬end services and Quality control

Mobile apps comes with a lot of additional responsibilities of providing good back end services. Features such as database integration, push notifications, cloud storage and identity management should be provided with mobile apps. On the publicity point to view you need to target the online marketplaces where you will showcase you apps to the users. Sign up on the app stores, get you account approved. Do not wait for the development phase to get over. This is a lengthy process and will consume time. Start these activities as soon as you app reaches the testing phase and meanwhile let the testers do their work.

Quality Control:

At times Mobile app testing cost surpasses the development cost….

Testing is certainly not a small process. Moreover, at times it can be seen that the testing phase surpasses the development phase. In order to avoid such circumstances you must be ready with a fortified testing plan for your app.

In order to start away with testing you first need to contemplate a few things. You need to understand why mobile quality matters to your reputation.. This will help you strengthen your mobile app testing goal. Further you need to figure out all the testing methodologies to get each an every aspect of your app correct.

Therefore, at Xicom we have categorized the testing phase into three major categories namely :

Functional testing Performance testing Usability testing

Enumerated below are some major challenges while crafting and testing your mobile app.

a) Numerous Mobile Devices

2014 was remarkable for Mobile phones, as shipments of Android

smartphones exceeded 1 billion units. The most noteworthy thing is the growth rate from the year 2013, which was down to 780.8 millions. Not just Android, a fair amount of growth was seen in all the operating systems. The key factor to analyze here is that market will soon be engulfed by the smartphones, as per the data from Strategy Analysis.

Fragmentation can be easily seen in a report by IDC, shown below is the graph form the report.

4

5

This wide fragmentation in the market is a challenge for the testers, as there

are different specifications for different smartphones and thus this pose a problem with the compatibility issue. There is actually no plausible number of devices which you can test on.

b) Operating system fragmentation

Instead of making any native app you have chosen to make a hybrid app or a cross platform web app in HTML 5. Great Choice! But numerous operating system present in the market will certainly be a challenge in testing. As we know that there is only one flagship phone of Apple, perhaps Android being an open source operating system and its third party manufactures is a major bottleneck in the testing.

Around 12,000 distinct Android device models are in the market. This is somewhere a very alarming situation for Tester. In addition, there is a considerable progressive growth rate in the number of manufactures, as there were only 4,000 devices in the market in 2012. Though daunting, but the task is not impossible. Compatibility with the hardware and software seems to create a lot of challenges for the testers. With advanced testing methodologies such as cloud testing, mobile app developers can easily test their apps to provide high quality user experience to their users.

Ephemeral technology

This is one of the most irritating things.. Well this was purely based on personal experiences and the reason being; soon after purchasing iPhone 5 S here was iPhone 6 with iOS 8. Technology has certainly become ephemeral and this has created a lot of problem for the testers. You never know whether users are still using Android Jelly beans or have switched to Android Lollipop, or if they have what, is the number.

It involves a lot of deep analysis.

c) Different kinds of mobile apps

We know that Mobile apps are further classified into three types, as discussed in the very beginning of the article. As they all are different types of apps, thus there testing also varies.

Native, web and Hybrid, all these apps have different functionalities and

installation procedure. Wherefore, their testing methodologies and coverage also varies from one another. In order to delve deeper into the testing phase you can go through this testing tutorial.

d) Varied number of test interfaces

In the modern age testing, simulators and emulators are the prime requisite of testing, as they allows the tester to cross the general functionalities and also perform regression tests. Simulators and emulators work as arbitrary space where testing can be easily carried as if in a real case scenario.

However, these tools provide limited amount of advantage and cannot be a substitute of real world testing methodology. For a strong testing method and to get maximum advantage of your test cases, you need to follow both the process in tandem.

A good idea can certainly be a popular one, if executed ingeniously or can rot in some corner of your app developer’s computer folder. All depends on what choices you make. We aim to make smart choices and adopt the best means to accomplish our goals.

I hope this blog might have helped you to get a clear picture of your next Mobile app development project. Being into development for more than a decade we know every nook and cranny of the technology.

We engineer our ideas to get the best out of technology.

You can count on us for your mobile app development projects!

Author Bio: Juana Steves is an android developer by profession and works for Xicom Technologies, an android app development company. If you are looking to hire android developer for your android-based project, you can get in touch with Juana on Twitter. She loves sharing information regarding android development tips & tricks.

The post How to Develop a Custom Mobile App in 3 Simple Steps appeared first on Web Design Blog | Magazine for Designers.



via http://ift.tt/1bjpLEM

20 Premium and Free BBPress Plugins

Wednesday, April 29, 2015

bbPress is forum software with a twist from the creators of WordPress. With bbPress you can easily setup discussion forums inside your WordPress.org powered site. If you want to power up your WordPress forums, then you may need to try some of these premium and free bbPress plugins.

These premium and free bbPress plugins offer a lot of extra features for your forums, from signatures, attachments options, search, support tickets and more.

Check them out!

BBP SIGNATURE

This plugin adds user signature support to bbPress 2.0 and above. Currently support has been added for BuddyPress installations as well which have site wide forums enabled.

BBPRESS SEARCH WIDGET

This small and lightweight plugin is pretty much like the regular, packaged bbPress search widget but just offers up to 13 awesome options for you! For example, easily change the search, placeholder and button texts.

BBPRESS SEARCH WIDGET

BBPRESS THREADED REPLIES

bbPress Threaded Replies is based on comment-display functions from WordPress and topic-display functions from bbPress. Settings can be adjusted on the bbPress Forums options page of WordPress. bbPress running as a WordPress plugin is required.

Ajax Search Pro for WordPress – Live Search Plugin

Ajax Search Pro for WordPress was designed to boost the user search experience to the maximum. It provides a live ajax search, which makes the wordpress search experience more confortable.

Ajax Search Pro for WordPress - Live Search Plugin

BBPRESS QUOTES

This plugin lets you add the ability to quote bbPress forum topics and replies. Add a quote button to the end of replies so users can easily quote another user.

BUDDY-BBPRESS SUPPORT TOPIC

This is a free bbPress plugin to manage your support requests. Administrators are able to manage the support topics from the Topics backend menu.

AllDocs – Knowledge Base for WordPress

AllDocs is a knowledge base built as a plugin for WordPress. It includes all the features that you need to offer proper documentation to your customers. If you’re using bbPress, it also integrates with it. Here’s a few highlighted features to work with documents.

AllDocs - Knowledge Base for WordPress

BBPRESS – MARK AS READ

This add-on plugin for bbPress will add new links to the top of bbPress topics that let the current user mark topics as either read or unread. You can view a list of all unread topics by going to your bbPress profile page.

BBPRESS TOPIC THUMBNAILS

This plugin adds support for Topic Thumbnails with bbPress. It works by retrieving the first image from each topic and displaying it alongside the topic title on the index page.

Searchford WordPress Advanced Search

Improve your website’s in-site search results immediately with this plugin. Sort results by relevance instead of date, and search for the term in the content, categories, tags, comments, and author name etc!

Searchford WordPress Advanced Search

GD BBPRESS WIDGETS

This plugin offers a collection of widgets for bbPress plugin powered forums. Currently includes: search topics and expanded topic views list.

GD BBPRESS WIDGETS

BBPRESS WP TWEAKS

bbPress WP Tweaks replaces regular sidebar with forum specific sidebar. When forum page loaded then forum specific sidebar will be displayed.

BBPRESS ENABLE TINYMCE VISUAL TAB

bbPress 2.3.0 disabled the TinyMCE “visual tab” by default. When activated, this plugin brings it back.

bbPress Activity Tracker

bbPress Activity Tracker/Analyzer tracks all bbPress forum activities and alerts you about the topic status using different labels so that you won’t miss a single thread.

bbPress Activity Tracker

Purchase Verifier for Envato Marketplace

This is a simple, lightweight and fast Purchasy Verifier for Envato marketplace. bbPress compatible. Works with [bbp-register] – shortcode. You can use this plugin for support forum of two Envato-accounts.

Popping Content for WordPress

Create popping custom responsive layouts in just a few clicks. Fill them with content – 50+ shortcodes. Choose from variety of overlays, positioning, page visibility, active period, open/close events, custom styling and much more.

Popping Content for WordPress

Different Menu in Different Pages

Different menu in different pages is a very lightweight and useful plugin that helps you to set different menu in different WordPress pages. You can set different menu in same location based on posts, pages, category, custom post types, custom taxonomies and even in virtual pages. Y

Different Menu in Different Pages

WordPress, BuddyPress Users Chat Plugin

bpchat is a buddypress, WordPress user based chat plugin. If this plugin installed to any user based wordpress blog, forum, community, directory, ecommerce or buddypress social network site then all the logged in users automatically can chat each other instantly.

WordPress, BuddyPress Users Chat Plugin

Rating Form

Create rating systems with choice of self made forms like Stars and Thumbs Up Down or create your own by uploading images that will turn into an rating form where users/guests can rate. With lot of features available and still extending.

Rating Form

Searchford WordPress Advanced Search

Improve your website’s in-site search results immediately with this plugin. Sort results by relevance instead of date, and search for the term in the content, categories, tags, comments, and author name etc!

Searchford WordPress Advanced Search

WP – Keywords To Tooltip

Certain words simply need to be explained, that’s why we’ve created this plugin. Easily add a brief to long explanation to certain words all over your blog or forum! Explain technical terms easily, and help your visitors stay longer on your website!

WP - Keywords To Tooltip

The post 20 Premium and Free BBPress Plugins appeared first on Web Design Blog | Magazine for Designers.



via http://ift.tt/1OEnUwK

Design your way

There are only a certain number of devices that can be held or worn at any one time by our hands. The space in our hands has almost always been filled up with our smartphones… that is, until the arrival of the smartwatch, which seeks to start a proverbial “turf war” with the main goal of completely eliminating redundancy between itself and the smartphone.

On the other hand, many individuals have gone on record of stating that in the near future, they expect both smartphones and smartwatches to equally keep our attention rather than eating away at it.

Smartphones and smartwatches are designed to obtain specific reactions from their users, though they both possess the same types of features in terms of messaging, and notifications. In terms of smartphones, they are designed more for making individuals notice them, while smartwatches are designed to essentially blend in to the background.

Apple Watch Design Guidelines - What You Need To Know
Image source

If you are one of the many individuals who believe that the Apple Watch was designed with the sole intent of making all other Apple products obsolete in nature, you may want to think again. The intent of the Apple Watch is to simply provide an alternative device in terms of weight and accessibility. This specific watch will definitely allow you to make the most of your time, especially with the state-of-the-art smart screen.

The screen of the Apple Watch is available in two different sizes: 38 millimeters and 42 millimeters. As expected, the screen is touch-sensitive, though actual gestures are not supported; however, the Apple Watch screen is able to differentiate between taps and holds thanks to the pressure-sensitive setting that the screen contains.

A digital crown on the watch’s side acts as a form of scrolling up and/or down in order to allow the user to not have to continuously touch the screen. The crown can also work for pressing buttons and zooming in and out of the screen.

Getting started with designing for Apple Watch: What you need to know

Getting started with designing for Apple Watch: What you need to know
Image source

The Apple Watch, obviously, allows for the installation of different applications; however, Apple Watch applications are designed much differently than applications that are compatible with a device such as the Apple iPhone. For instance, if you receive notifications on your Apple Watch, the screen will not allow much text to fit onto it. A great example of this is the fact that three to four characters for a screen tile will fit on the watch’s face itself, but only if the screen is smaller in size.

Furthermore, applications contained on the Apple Watch do not use UIKit; rather, they use a separate UI. Unlike the Apple iPhone, application logic is not executed on the Apple Watch. This is done in order to conserve battery life. This means that you will need to make yourself familiar with the layout engine that is used to construct Apple Watch applications.

This new layout engine is considered by many individuals to be great to work with despite the learning curve that is involved with it. There are also a lot of people who feel that Apple should have implemented something like this sooner rather than later, as well as hoping that Apple adopts this kind of an option for future products that they create.

First things first: Learn the guidelines

Apple Watch’s HIG, or Human Interface Guidelines, are said to be rather strict in nature. The same kind of thing could also technically be said for the guidelines established by the iOS operating system; however, multiple developers have pushed those very guidelines for the past number of years in order to create more unique experiences with the applications that they create.

If you are a developer looking to create applications that are compatible with the Apple Watch, your best bet will be to take the time to get acquainted with the Apple Watch design guidelines that have been set forth for that particular device in order to prevent running into any major issues down the road.

In order to aid application developers in the design process, Apple has released a set of PSDs that can be accessed via their developer resources. These give greatly detailed information regarding font sizes, hierarchy, and tables. It is recommended by Apple that developers study these PSDs as closely as possible.

Don’t forget about the screen size you are designing for

Apple Watch - Don't forget about the screen size you are designing for
Image source

The PSDs that Apple has released also enables application developers to obtain an excellent starting point in terms of arranging and conceptualizing various UI elements by prototyping different user interfaces. In order to have full access to this resource, a developer will first need to register for an Apple Developer account.

The first – and most important – thing to remember when it comes to designing an application for the Apple Watch is that you will not have the luxury of using a bigger screen such as would be the case with the Apple iPhone.

This means that you will need to constantly keep the smaller Apple Watch screen size in mind when developing an application for the device and show more emphasis on core functionality, as well as what message you are looking to deliver with your application. It’s also worth noting that you will be able to utilize the entire screen without having to worry about setting up any margins that would otherwise limit overall screen space.

Navigation

Apple Watch Navigation
Image source

As opposed to other various Apple-branded devices the navigation system for the Apple Watch is much different in the company’s WatchKit. Essentially, there are two different navigation types that are available to application developers:

  • Swiping the screen to reach the next page
  • Tapping the screen to reach the next page

Normally, iOS would allow a device’s user to effectively “mix and match” between the two options; however, in terms of the Apple Watch, the WatchKit navigation system only allows for one of these options to be used at a time. This essentially forces application developers to create a much more functional navigation system for their applications and to also be much more purposeful in their overall design.

One of the most interesting ways to address the previously mentioned limitations is through Apple’s Siri software, which will soon be available for developers to utilize for their applications thanks to the WatchKit SDK. This will allow applications on the Apple Watch to utilize Siri in terms of using verbal commands to add various items to a specific list in the application.

Hierarchical navigation

The term “hierarchical” is generally defined as a pattern of navigation that enables a device’s user to make selections via a scrolling list by tapping the device’s screen until they reach the page that they are looking for.

Page-based navigation

“Page-based” is another type of navigation style that involves a series of dots on the bottom of a device’s screen indicating which specific page that a device’s user is currently on.

It is virtually impossible to combine both hierarchical navigation and page-based navigation into the same application on a device; however, a developer can employ the services of modal sheets regardless of what specific navigation type they prefer to use for their applications.

Modal sheets

Apple Watch Modal sheets
Image source

A modal sheet is often described as a proverbial “card” that details specifically how someone can complete a certain task. These sheets often contain either single screens or multiple screens in a single page-based layout, with the only major difference being dots at the bottom of the screen, very similar to what is seen in traditional page-based navigation.

When designing a modal sheet, it’s important that you not add a “Close” button onto it, as the Apple Watch already employs one by default at the top left corner of the screen; however, you will be able to change the actual text of the “Close” button if you prefer to do so (i.e. “Exit,” “End,” etc.). Device users will also be able to close a screen by swiping their finger from the left of the screen.

When adding new buttons to a modal sheet, it’s absolutely essential that you ensure that they perform the tasks that they are intended to perform and close the sheet. This will prevent the device’s user from having to take the extra time to do so.

Apple also highly recommends that in order to avoid potential rejection of an application upon submission, application developers should not add a second modal interface from the initial one that already exists. Since the warning is coming from Apple themselves, it’s best to take heed of it unless you can prove that there is a legitimate enough reason not to.

Force touch menu

Apple Watch Force touch menu
Image source

A device’s force touch menu traditionally displays the optional context menu of the current screen that contains up to four actions. This is only the case if an optional context menu has actually been set up on the device itself. Depending on the order in which they have been added to the menu, the force touch menu will display items in one of two ways:

  • Left to right
  • Top to bottom

It’s also important to note that a user cannot actually scroll through the force touch menu.

When designing this type of menu, it is important for developers to keep in mind that all actions on the screen require both a label and an image that contains both line art and a single color with a background that is transparent. Keep the device’s size in mind and use a line weight that is the most suitable for it as well as the complexity of the icon itself. Apple recommends that the line weight be between 4px and 9px.

A force touch menu is the newest and most exciting way to personally interact with a device and is much easier to construct than simply adding extra buttons to a traditional menu screen.

Extensions

Apple Watch Extensions
Image source

Apple has made it known that nothing at all actually runs locally on the Apple Watch, and this is something extremely important for application developers to always keep in mind. This is where extensions come into play. These are typically defined as small applications that add a certain degree of functionality to one of two things:

  • The operating system itself
  • Other various applications

If you are new to working with extensions, it’s important that you keep in mind that these work much differently than a traditional iOS application. The Apple Watch extension is not an application itself; rather, it runs completely on its own. This can make for sharing data between the Apple iPhone and Apple Watch rather tricky.

It will likely take some time to figure out how to utilize sharing between the two devices, but there are different libraries that exist which can help aid you in this specific task.

It’s also important to keep in mind that the Apple Watch is, in essence, a projection screen that shows only what it is told to show, as well as sending a certain amount of feedback to the Apple iPhone.

Application developers will not only have to address these communication issues, but they will also have to address not being able to create applications with beautiful imagery and animations that have come to be customary with other devices such as the Apple iPhone and Apple iPad.

The smaller screen of the Apple Watch will be a true test for developers in terms of using size limitations to create and deploy animations.

User interface

Apple Watch User interface
Image source

Application developers will need to limit the overall number of horizontally-stacked elements to three in terms of using buttons or switches. This is to ensure that the target of each tap from a device’s user is not hampered in any way.

In lieu of actual text, Apple actually recommends that developers use different icons to maximize as much screen space as possible. Buttons that are not used as frequently as others should be placed in the contextual menu, which will prevent any active screen space from getting cluttered.

Buttons

Buttons and icons that are circular in shape possess more points that are adjacent to a person’s finger at the same distance when they are actually touching the screen. Square buttons and icons, on the other hand, contain a variable path next to them, which leads to a limit to the number of items that you can actually fit around a touch point.

Rather than using text, place icons side by side, ensuring that not more than three of them are situated next to each other. You may think that this sounds obvious, but again, it’s extremely important to remember that the screens of the Apple Watch are small in size. This means that as a developer, you will need to ensure that the buttons you create are as large as possible in order for them to be easier to tap on.

Icons

Apple Watch Icons
Image source

Icons should always be designed as square images. The system itself will then automatically create the circular shapes for them.

Here are the icon sizes for the Apple Watch WatchKit app:

  • Notification Center icon: 48x48px (38mm Apple Watch); 55x55px (42mm Apple Watch)
  • Long-Look notification icon: 80x80px (38mm Apple Watch); 88x88px (42mm Apple Watch)
  • Home Screen icon: 80x80px (38mm and 42mm Apple Watch)
  • Short-Look icon: 172x172px (38mm Apple Watch); 196x196px (42mm Apple Watch)
  • Apple Watch app icon for Apple iPhone: 58×58 (@2x) and 87×87 (@3x)

Colors

Apple Watch Colors
Image source

Apple Watch’s Human Interface Guide shows a contrast between background and text that is strong in distinction, while also, at the same time, avoiding bright colors. Application developers should consider making use of only a single primary color, which will be used to symbolize the overall branding of their application. This single color will also be used in labeling for titles and important information about the application.

It is very highly suggested by Apple that developers employ a black background for their applications. This will not only maximize the legibility of any text placed on it, but it will also allow for great visual blending as well.

Image sizes

Varios iOS application developers have gotten used to utilizing different screen sizes and resolutions in terms of images, especially when it comes to the past few versions of the Apple iPhone. The Apple Watch is no different whatsoever.

As a developer, if you find that the image you have created is not scaling very well in terms of the overall screen size, consider creating two separate images for both of the screen sizes. However, you will only need to provide your images as @2x when bundling them due to the fact that both screens will be retina display.

Tables

Tables are used to present rows of various data in one single column that a device’s user can scroll through vertically. When designing tables, ensure that they are kept smaller than 20 rows. Rows that are higher than that particular number will be rather difficult to scroll through.

If on the off chance you are able to design more than 20 rows, then the device’s user can be given the option to load more if they wish to do so. Depending on the overall number of rows that a table contains, they will be able to ignore any restrictions on height; however, it is highly recommended by Apple that you do not embed any tables inside any groups.

Typography

Apple Watch Typography
Image source

Apple Watch contains the San Francisco font, which is a new type of sans serif font. In addition, all of the fonts designed for the Apple Watch are designed in terms of only the best in legibility, as well as being based on the condensed letter spaces that will essentially take up the least amount of horizontal space as possible. There are also glyphs in the fonts containing larger apertures, which make it extremely easy to recognize the characters themselves.

Furthermore, as the font size increases, so too does it dramatically change in order to maintain its legibility. This is a process that is referred to as Dynamic Typing. Application developers will be able to obtain this service for absolutely free if they choose to employ the system font over customized font. Dynamic Typing essentially senses and adjusts the fonts, letter spacing, and line spacing. All the developer will need to do is specify whether the text should be used in the headline, body, or as a footnote.

If a developer supports dynamic fonts, they will also be supporting accessibility settings at the same time. However, if a developer decides to employ the use of customized font, then they will be solely responsible for managing all font sizes in accordance with accessibility changes.

It’s also important that, as a developer, you use only one single font throughout your entire application, as mixing fonts will run the risk of breaking UX best practices that Apple has always championed.

Animations

Apple Watch Animations
Image source

UI element interactions are almost always accompanied by various animations. Animations, if used intelligently, can greatly increase the overall understanding of a particular action and create a much more engaging experience, as well as influencing a device’s user to complete a task.

Most people ask themselves if animations are really necessary for an application. On one hand, they can risk causing delays, which is a bad thing no matter what kind of great enhancing qualities they may have. As a developer, you need to keep in mind that you are essentially creating something that is roughly the size of a postage stamp that also wirelessly streams data from the device that the application is installed on.

Notifications

Device users will receive notifications in one of two different ways: either short-look or long-look.

Apple Watch Notifications
Image source

Short-Look Notifications

Short-look notifications let the device’s user know which specific applications are notifying them, as well as giving a headline regarding what the specific notification is. The notification on the Apple Watch is immediately dismissed if the device’s user either does not lower their wrist quickly or of they do not tap on the screen.

However, an Apple Watch user does not necessarily have to physically interact with the device in order to force a notification to disappear. In terms of design, the short-look notification is template-based and contains the following information: application name, application icon, and a title string. Title strings should be designed short, yet meaningful.

Long-Look Notifications

Long-look notifications provide much more detail regarding an application’s specific notification to a device’s user. They are also able to be fully customized however the developer sees fit.

The overall structure is similar to that of the short-look notification, but the following can also be included: application name, application icon, custom application content, up to four different buttons, and a button to dismiss the notification.

Ending thoughts

Perhaps the biggest and most important aspect to keep in mind in terms of constructing an application for the Apple Watch is that the goal is not to simply copy onto a much smaller screen an already-existing mobile experience. Rather, the overall goal is to find ways that are more innovative to extend the basic functionality of a mobile application.



Source: http://ift.tt/1bea4i9

20 Gorgeous Free Thin Fonts for Subtle Designs

Tuesday, April 28, 2015

Thin fonts with feminine, elegant and delicate characteristics have been getting more and more popular, especially on personal and fashion blogs designs. These can be used for various other purposes as well, such as logos and prints.

In this list of 20 gorgeous free thin fonts with subtle designs you’ll find some great fonts you can use in your designs. You can feel free to download and use these beautiful free thin fonts as you please! Check them out!

If you’re looking for more great fonts similar to these high quality free thin fonts, check out these Free Retro Fonts,  free Behance fonts and Top Quality Free Fonts!

Thin Line Font Free

This is a beautiful thin line font which you can download for free. It has some really beautiful round edge details and can be used for logos as well.

Thin Line Font Free

SUNN – Free Handwriting Font

This is a free handwriting font, created by Rit Creative team. They wanted to create a handwriting font which would still be a little bit “clumsy” but with a strong construction underneath. This is a great decorative font for headlines, names and short descriptions.

SUNN - Free Handwriting Font

Typometry Free Font

This is a beautiful thin font with lovely details. It can be downloaded for free. You can also see the design process behind this, in the link above.

Typometry Free Font

CHE’s Bone – Free Font

This font has round edges and condensed skinny forms. The corner of each letter has a bone shape. This is a great font for dog/animal related businesses.

CHE's Bone - Free Font

AROLY FREE FONT

AROLY FONT is a polygonal heading font. Since polygon made a huge trend, this designer planned to make it as a typo which can adapt in all devices.

AROLY FREE FONT

Vector Battle

This free thin font was created in 1999! It still looks beautiful and can be used for various purposes. The details are great.

Vector Battle

Chavenir

This is a thin handwritten font with cute details. It has Italic , Bold, Versal and Lower Case versions as well. Personal use only, no commercial use.

Chavenir

Denigan

This thin font was created in 2011. It still looks good and can be used for many types of design projects. Personal use only, no commercial use.

Denigan

Tall Films

This is a gorgeous 2004’s font created by a very talented designer. It looks great and can be used in logos. Personal use only, no commercial use.

Tall Films

Redhead Goddess

You will get two font files with this download, one Regular version and one for Bold fonts. Personal use only, no commercial use.

Redhead Goddess

jd code

This Code thin font is 100% free and you can use it for both commercial and personal projects alike. It looks great for cyber projects.

jd code

Minidib

This is a thin free font with square and round details as well. Personal use only, no commercial use.

Minidib

Penna

Penna is a simple and elegant thin font which can be downloaded for free. Personal use only, no commercial use.

Penna

Resselle

This is a clean, light and modern free font. It has lovely serifs. You can use it in logos too! Personal use only, no commercial use.

Resselle

WHEN THE GOES SUN . SCENE

This thin font as a vintage vibe added to it, but in the same time looks modern and beautiful. Personal use only, no commercial use.

WHEN THE GOES SUN SCENE

Skarpalt

This 2011’s font is simple, clean and elegant. You can use t for various purposes. Personal use only, no commercial use.

Skarpalt

Free font Zag

Zag font is available for purchasing or free download (2 styles). The free version is limited but still beautiful!

Free font Zag

Znikomit

Take a look at this elegant thin font! It’s free! Commercial use allowed!

Znikomit

Anders (Free Font)

Using influences from modern font design, this designer wanted something very minimal and a little unique. Here’s the result. Feel free to use it commercially or personally.

Anders (Free Font)

MODEKA – Free Font

This designer wanted to create something elegant, modern and light. The main idea was to combine corners and round details of letters.

MODEKA - Free Font

The post 20 Gorgeous Free Thin Fonts for Subtle Designs appeared first on Web Design Blog | Magazine for Designers.



via http://ift.tt/1PTV3BH
 

The Cash Box Blueprint

Most Reading