We have moved to a new Sailfish OS Forum. Please start new discussions there.

HowTo Naming: Jolla UI screens, gestures and elements?

asked 2013-12-29 04:47:10 +0300

this post is marked as community wiki

This post is a wiki. Anyone with karma >75 is welcome to improve it.

updated 2014-02-05 11:15:59 +0300

foss4ever gravatar image

In this forum when questions, answers and comments refer to Jolla UX framework and its componenst, elements, screens, transitions, swipes etc. it would be beneficial that we name the things in the UI in similar fashion.

Update: Changed this How-to to a a community wiki for so as not no get any karma from this, but enabling it for anyone to contribute. Keep this question description just as an index of naming related answers here by UI/UX category so they are more easy to find.

edit retag flag offensive close delete


@jjaone I agree, but I don't quite find the question in this?

simo ( 2014-01-03 15:13:00 +0300 )edit

This is more like a howto or suggestion on how we should name the things when we talk about Jolla UX. Different ways to name same things are confusing and generate a lot of secondary trafic in this site. Ofc I.could rewrite the title to read: 'Should we refer to Jolla UI elements consistently and using official naming conventions?' ;)

foss4ever ( 2014-01-05 20:04:08 +0300 )edit

@PeterParker thanks for converting title to a question, now we can just start waiting all the 'yes we can' answers that start to pour in ;)

foss4ever ( 2014-01-06 04:12:53 +0300 )edit

what is application-screen? we have lock-, home-, task-manager-, launcher-screen - swipes get you to ambience-chooser- and notification-screen...

chemist ( 2014-01-14 17:03:54 +0300 )edit

@chemist Home screen is the ”task-manager screen' and App(lication) screen/page is the currently active application running 'fullscreen'. See the image linked in the question description, they are all there.. ;)

foss4ever ( 2014-01-14 17:54:12 +0300 )edit

3 Answers

Sort by » oldest newest most voted

answered 2014-01-06 04:40:32 +0300

updated 2014-02-05 11:20:34 +0300

foss4ever gravatar image

I made some screenshots out of Jollas SDK emulator to show the most important UI Elements:

  1. Buttons:Buttons
  2. Combo Box:Combo Box
  3. Slider:Slider
  4. Progress Indicators:Progress Indicators
  5. Labels:Labels
  6. Dialog Date: a) Year/Month:Year/Month b) Day:Day
  7. Dialog Time:Dialog Time
  8. Dialog Color:Dialog Color
  9. Panels:Panels
edit flag offensive delete publish link more


Yes cool, any chance if making them a bit smaller?

foss4ever ( 2014-01-06 04:46:27 +0300 )edit

And. how did you manage to get the images shown? I tried to add an image tag and url to the original question, but they only show a link to the image.

foss4ever ( 2014-01-06 04:52:58 +0300 )edit

jjaone: I tried to upload, without success, so I uploaded them to my personal homepage for embedding them

PeterParker ( 2014-01-06 07:20:18 +0300 )edit

jjaone: resized them to 40%

PeterParker ( 2014-01-06 07:20:34 +0300 )edit

What is the official name for the dots in the top of the screen that show you where you are in the horizontal ordering of pages/levels?

evdw ( 2014-07-07 12:02:29 +0300 )edit

answered 2014-01-14 18:52:40 +0300

chemist gravatar image

updated 2014-01-15 12:39:44 +0300

Swipes & Pulls

  1. Swipes

    • Sliding your finger from outside the display area inside, they are called swipe.
    • As long as you do not lift the finger and go the way back outside it is called peek,
  2. Pulls

    • Sliding your finger over the glass from inside the display area they are called pull.
    • Left/Right pulls on covers are triggering a cover-action.
    • Up/down slides the main-screens (lock- home- launcher-screen)
edit flag offensive delete publish link more


Yes, and how about push, long-press, flip, (double) tap, and edge-swipe that some are using to differentiate from in-screen swipes..

foss4ever ( 2014-01-15 01:34:39 +0300 )edit

you push buttons you flip your phone you tap an item inside the display or even double-tap it let them call it edge-swipe for swipe but swipe does mean from the outside to the inside in terms of Jolla's gestures guide

chemist ( 2014-01-15 12:29:23 +0300 )edit

See https://together.jolla.com/question/15615/suggestion-change-term-push-to-swipe-in-developer-environment/#post-id-15717 Basically the user-guide has the correct use of terminology.

lbt ( 2014-01-16 12:50:41 +0300 )edit

yeah have seen it, well 80 people working at a company trying to get everything up to speed means there will be some outdated docs unwashed cups and snorring people in the hallway some nights.

chemist ( 2014-01-16 17:47:39 +0300 )edit

answered 2014-01-20 11:51:18 +0300

foss4ever gravatar image

updated 2014-03-16 23:49:27 +0300

jgr gravatar image

Jolla UX top-level screens

Lock screen

Home screen

Launcher screen

Application page (app running fullscreen)

Events feed

Ambience Chooser screen (left or right pull on Lock or Home screen)

image description

edit flag offensive delete publish link more



Could the Ambience Chooser be added to that image?

vattuvarg ( 2014-02-05 16:35:22 +0300 )edit

The figure is from https://sailfishos.org/core-article.html better go there for more info.

saturn ( 2015-01-10 22:13:18 +0300 )edit
Login/Signup to Answer

Question tools



Asked: 2013-12-29 04:47:10 +0300

Seen: 1,256 times

Last updated: Mar 16 '14