Tips and Tricks #13 Making your Sailfish OS Apps Beautiful and Better

Standard

Jolla published a new tutorial about Common Pitfalls in Sailfish Application Development Apps to help Sailfish OS Developers in making their apps beautiful and useful.

wpid-toomanypulleyitems.png

1. Too many items in the pulley menu

You wouldn’t squeeze 6-8 items into a traditional mobile application toolbar, and neither should you in a Sailfish PullDownMenu menu. Most Sailfish platform applications provide only 1-3 pulley menu actions per page. To secure easy access and uncluttered experience, never display more than four actions in the pulley menu

cover

2. Lack of proper active cover

The concept of active covers may not seem important when porting applications to Sailfish, given that Android, iOS and original N9 Meego applications do not have this concept, but it is important to realise that this concept is at the core of the multitasking capabilities of Sailfish. If you implement an attractive and useful cover, users are much more likely to keep your application open on the Homescreen. An active cover should give a good summary of the application’s contents and any open tasks, and provide shortcuts for any common actions like saving a new item or performing a search.

deep pag

3. Unwieldy page hierarchy

The deeper the page hierarchy, the harder it is to navigate between pages and the easier it is for users to get lost. When your page stack has grown to over four levels deep, consider replacing the existing pages in the stack instead of pushing on additional pages. For example, the platform Maps application’s in-app search replaces the existing search pages instead of pushing new ones to avoid an unwieldy (and in theory infinitely growing) page stack hierarchy.

paddibg

4. Lack of padding

Application user interface elements and user content should align nicely in the display. Alignment is important for visual appeal and readability. As a rule of thumb, maintain padding Theme.paddingLarge around the screen edges.

Some UI components like combo boxes, text fields and page headers implicitly include correct margins, but for some components like list items, you have to add the padding yourself

label coloring

5. Incorrect label coloring

Coloring is used to indicate whether an user interface element is interactive. There are few exceptions, but in general buttons, switches, list elements and other items that react to touch input are colored with white primary color, and descriptive items like static labels, page and section headers are painted with the ambience highlight color

press effect

6. Incomplete press effects

Color labels and icons with the highlight color when they are pressed. Some UI components like icon buttons and context menus do this automatically, but for some custom components like list items you will have to implement the press-effect coloring yourself

touch areas

7. Using buttons instead of platform-style gestures

In Sailfish, the accept and cancel dialog gestures replace the traditional accept and cancel buttons for user confirmation or cancelation. The back-stepping gesture makes traditional back buttons obsolete. The edge-swipe-to-home gesture makes application exit and home buttons unnecessary. Pulley menus replace traditional application toolbars.

These gestures should be used wherever possible to provide a user experience that is consistent with platform apps. For example, the model data modified by the user input in the dialog below is saved or reverted depending on whether the dialog is accepted or rejected, instead of providing separate ‘Save’ and ‘Clear’ buttons:

scroll

8. Missing scroll decorators

Any view, which can accumulate more content than fits the view should include scroll decorators. Scroll decorators indicate the relative position of the viewport and if there exists more content off-screen

SavedPicture-201428205539.png

9. Touch areas that are too small

Application developers sometimes have the tendency to create apps with user interface elements that are very small. This is a problem if the elements are interactive, as small touch areas require more cognitive effort to hit successfully. Also, most Sailfish UI components lack visual borders so it is easy to accidentally define incorrect touch areas

SavedPicture-201428205545.png

10. Incorrect text editor labeling

Every Sailfish text editor should define values for the placeholder text and label properties. The placeholder text is displayed when the editor is empty; it describes what the user should enter into the editor. The label has the same purpose, but is displayed after user has already entered text to the editor. Both properties can use the same descriptive string, such as “Name”, “Password”, “City”, and so on.

SavedPicture-201428205554.png

11.Lack of enter key customization

Since the enter key does not produce new lines in a single-line text editor, this key can be overloaded to perform a custom action for the editor using the EnterKey attached property. Usually, the enter key is used to move the keyboard focus between successive text fields

SavedPicture-201428205558.png.

11. Disabled pulley menus

Some pulley menus only provide actions when certain conditions apply. Empty pulley menus with nothing but inactive menu items should be hidden rather than disabled.

Source: SailfishOS.org

Advertisements

Tips And Tricks #12 Installing Terminal and Native File Manager

Standard

File Manager is a must have app for every phone, Obviously it allows you to manage your files on your phone. Sailfish OS File Manager is hidden and you cannot download it on Jolla Store. You can only install it by using Terminal which is also hidden.

Installing Terminal

1. Go to Settings menu
2. Click Developer Mode, click Accept
3. Wait 🙂
4. After that Terminal is now installed on your Jolla

You are going to see this Icon on your App List

Installing Terminal on Jolla Sailfish Os

Installing File Manager

1. Go to the Terminal App
2. Type ” pkcon install jolla-fileman ”
3. Wait
4. After that File Manager is now installed on your Jolla

File Manager Jolla Sailfish OS

Watch:

Tips And Tricks #11 WiFi Tethering On Your Jolla

Standard

Tethering is one of the best feature of a smartphone. It allows you to share mobile data to other people. Connection of
the phone or tablet with other devices can be done over wireless LAN (Wi-Fi), over Bluetooth
or by physical connection using a cable, for example through USB.

If tethering is done over Wi-Fi, the feature may be branded as a Mobile Hotspot

Tethering is not yet available for Jolla but there’s an app for that. It is called Harbour Tethering The app allows sharing the mobile data connection over Wifi or
Bluetooth.

You can download the app here
https://github.com/jlehtoranta/harbour-tethering-gui/raw/master/pkg/harbour-tethering-gui-0.2.5-1.armv7hl.rpm

Tips And Tricks #9 Installing And Downloading Apps From 1Mobile Android Market

Standard

We’ve been covering bits and pieces on how to download Apps from different App store such as Amazon App store, Jolla store, Aptoide and Google Play Store and now we bring you 1Mobile Android App store

What is 1Mobile?

  • Over 500,000 free android apps direct downloads

    1Mobile Market is a collection of more than 500,000 free android apps direct downloads, with more exciting, practical and unique apps added everyday.

  • Unique and original contents

    The professional editorial team have curated the latest and hottest apps through specialist in-depth approach and recommendations that count.

  • Language and content support for 13 languages.

    In accordance with different languages a more unique and accurate Android app download experience has been provided.

  • Larger Screen, Easy Browsing

How To Download?

1.First things first you need to go to http://www.1mobile.com/app/market/ on your phone browser.

2. Tap “For Phone” to download

3. Wait for the App to install and open the app

4. Search for the App that you want to download

5. Tap “free” to begin the download

6. When the install is done, tap “Open” to start the app​

Watch:

 

Thanks for the Tip Mauritz N.!

 

Tips And Tricks #8 Downloading Android Apps From Google Play Store Website

Standard

The good thing about Jolla is that there are a lot of App Stores where you can download an application like Jolla Store, Yandex, Amazon App Store and Aptoide but one thing is missing the Google Play Store.

Downloading APK Files from the computer is not a new thing. It allows you have those paid app and apps that are not available for your Android phone.
We will teach you How to download and install APK Files.

1. Open APK downloader apps.evozi.com/apk-downloader/ in your web browser
2. Open Google Play in a new tab and look for the application you want
3. Copy the url of the application from the Play Store and paste it to APK downloader
4. Click “Generate download Link” button
5. Wait
6. Click “Click here to download {name of your application package} now
7. Save the .apk file to your
computer
8. Upload the downloaded .apk file to Dropbox/Skydrive.
9. Open Dropbox /Skydrive
application in Jolla
10. Click on the .apk package in Dropbox/Skydrive
11. Jolla automatically installs the application
12. That´s it.

UPDATE:
You can also send the apk’s over with bluetooth. Once transferred, tap on the package (Settings /
System settings / Downloads) and
the installation begins.
Thanks MRMI!
Source: Marcus Lundqvist

Tips And Tricks #5 Gestures – Swipes, Pulls, Taps and Flicks

Standard

Your Jolla enjoys being stroked and different strokes get different responses. To keep things clear, we describe the gestures first, so when we use them later in this guide you know what we mean.

Waking up

Your Jolla’s screen goes to sleep when you’re not using it – if this happens, do not give your Jolla coffee. Instead, when you pick it up you just double tap on the screen or press the power button to wake it up.

A brief press on the power button sends the screen to sleep when you’re done (your Jolla is still working but this helps the battery last longer).

A quick summary

Swipes are used to switch between tasks and start with a touch off the edge of the screen – you can swipe from all sides. It’s a bit like moving the whole screen.

wf-swipe-side

Pulls are used to move around inside an application and start within the screen border – again you can pull in any direction. This feels a little like dragging the application around to see different parts of it – it’s a natural movement when you have a list of things.

wf-pull-down

Flicks are just fast pulls – they get you to the end more quickly and are often used to open menus. You don’t need to try hard to do a flick, they just happen as you get more familiar with your Jolla.

Of course you can tap on things too – or in some places you can do a long tap (when you press and hold) to access more detail.

wf-long-tap-select

For Further Understanding Watch These Videos:

Jolla Phone The Basics

Sleeping And Waking Up

The Pulley Menu

 

Image Source: Jolla