HowTo Naming: Jolla UI screens, gestures and elements?

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

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

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

foss4ever
13056 ●97 ●134 ●141

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

Comments

@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

6

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

PeterParker
1575 ●11 ●16 ●17

http://burning-thornbush....

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

foss4ever
13056 ●97 ●134 ●141

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

Buttons:
Combo Box:
Slider:
Progress Indicators:
Labels:
Dialog Date: a) Year/Month: b) Day:
Dialog Time:
Dialog Color:
Panels:

edit flag offensive delete publish link

Comments

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

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

1

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

1

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

5

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

chemist
41469 ●392 ●542 ●615

moderator

http://talk.maemo.org/

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

Swipes & Pulls

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,
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

Comments

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

0

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

foss4ever
13056 ●97 ●134 ●141

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

jgr
1589 ●123 ●155 ●177

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

Comments

2

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

HowTo Naming: Jolla UI screens, gestures and elements?

Comments

3 Answers

Comments

Swipes & Pulls

Comments

Jolla UX top-level screens

Comments

Question tools

Stats

Related questions

HowTo Naming: Jolla UI screens, gestures and elements?

Comments

3 Answers

Comments

Swipes & Pulls

Comments

Jolla UX top-level screens

Comments

Question tools

Public thread

Stats

Related questions