#tinyux — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #tinyux, aggregated by home.social.
-
Idea for new simple app, goal buddies.
Every month you set a goal. It is shared with 2 personal buddies. For me, that would be my mother and my best friend.
Then they receive message, and can reply only with short emoticon via button. Low effort for them, but essential feedback.
At end of month, you evaluate. Again this is auto shared to buddies.
Goals:
- Empower people, by providing a rythm to zoom out, plan & reflect
- strengthen connections -
New TinyUX update, a bit smaller icons to make the wireframes look better.
-
And another update to TinyUX, added white and gray 'flat' rounded rectangles.
Here is a linkedin wireframe I created with TinyUX on my phone.
-
And another small TinyUX update with some visual tweaks, like improving how merged icons (like arrows) are rendered on buttons.
With TinyUX you can create wireframes on your phone. It's grid based, and larger shapes 'merge' depending on how you place them. No fiddling with dragging and alignment.
-
With latest TinyUX update you can create wrapping, multi-line text. I also added a 'lorum ipspum' button.
Have to think about what should be next focus. Probably some smaller tweaks to make the wireframes look better.
#wireframes #TinyUX #UXdesign #uxTools #MobileDevelopment #lorumIpsum
-
New TinyUX update, now you can import components from my online library.
More about TinyUX: https://tinyux.app
The online page:
https://www.tinyux.app/ux-content-library/I'll be adding more items to the library later :).
-
New TinyUX update (1.1.6), now you can import components via text.
Next I'll be adding export to 'ux source code'. So you could then send someone a component/page that they can import in their app.
Also it should be possible to write a script that turns 'ux source' to HTML, or perhaps some other format you might want to use.
Https://tinyux.app
#ux #wireframes #uxdesign #tinyUX #wires #app #sourceCode #uxsource -
Recent TinyUX update made some UI improvements regarding selections.
Next I'm planning to add 'component import'. You can write a .csv like notation to create a component. Like:
```
button, button, button/arrow_right
```An export feature will soon follow, so you can backup and share components and screens.
-
The AI helped me to create a simple dashboard with a custom Wordpress plugin that reads the logs.
The data is a bit skewed at the start, since it will only send stats every 100th event or if is o a new day.
Happy to not have had to implement a third party library. This only sends what I care about; what features are used (most).
-
Going to collect some stats in TinyUX on how often buttons are pressed. Will probably send the list of stats on each 100th tap to a flask server.
Hope this will be a good-enough solution t learn from, while not having to add something like Firebase Analytics.
User will also be able to see their stats (see screenshot).
-
Latest TinyUX update (1.1.2) includes text search.
You can search in a bunch of languages like English, French, German, Chinese, Russian.
Earlier update included the option to search by drawing with your finger.
#ux #uxdesign #wireframes #textsearch #search #icons #uxd #app #update #TinyUX
-
Small TinyUX update 1.1.1, for splash screen on startup.
-
Putting out v1.1.0 of TinyUX, with a small embedded neural network that enables you to search for icons by drawing with your finger.
Also, the free version now has a larger canvas.
Should be live later today.
-
Putting out v1.1.0 of TinyUX, with a small embedded neural network that enables you to search for icons by drawing with your finger.
Also, the free version now has a larger canvas.
Should be live later today.
-
Creating training data for the neural net that will enable visual search in #TinyUX.
About 220 icons, 100 drawings / icon.
I've been doing this for many many hours in the evening while watching a football match or something.
I don't know if the feature will be used much, but wanted to get experience in embedding a neural net in an app that was actually used. Not just a demo.
Https://tinyux.app for more about the app.
-
Creating training data for the neural net that will enable visual search in #TinyUX.
About 220 icons, 100 drawings / icon.
I've been doing this for many many hours in the evening while watching a football match or something.
I don't know if the feature will be used much, but wanted to get experience in embedding a neural net in an app that was actually used. Not just a demo.
Https://tinyux.app for more about the app.
-
Making good progress with my visual search feature in TinyUX.
The simple neural net is stored on the device. It is now only trained on letters and numbers. Will need to train for all icons.
I use the same interface to draw content for the neural network to train on. Still quite number of hours of work ahead for creating that training content.
#neuralnet #ux #icons #pytorch #reactnative #tinygrad #tinyux
-
Micrograd is very simple, only fully connected layers. So first trying to find out if it can even learn numbers based on MNIST dataset.
Then I hope to at least be able to verfit, so the essence works. Then I'll have the challenge of trying to make it work for every icon in the app.
Presumably I have to create/generate a huge set of icon images to train on..
#ux #micrograd #reactNative #MLP #MNIST #TinyUX #Karpathy #ai #NeuralNet
-
I got the basic thing working. I also have a script to convert my icon images into arrays of floats, so almost ready to train it for real.
First attempt will be just 2 hidden layers of 64 neurons. I expect this to be good enough. But can be fun to later follow the other tutorials and make it more fancy.
More long term I want the app to be able to interpret images of wireframes. That requires a more advanced network..
-
The advantage of having a wireframing app on your phone, is that you can brainstorm your next feature while you are in bed not really wanting to start the day.
Here I'm working on the select feature for TinyUX so it will be easier to move things around.
Option B seems more elegant, but a bit more work to implement.
#uxdesign #tinyux #wireframing #select #icons #brainstorming #brainstorm #uxd #uiconcept #interactionDesign
-
The advantage of having a wireframing app on your phone, is that you can brainstorm your next feature while you are in bed not really wanting to start the day.
Here I'm working on the select feature for TinyUX so it will be easier to move things around.
Option B seems more elegant, but a bit more work to implement.
#uxdesign #tinyux #wireframing #select #icons #brainstorming #brainstorm #uxd #uiconcept #interactionDesign
-
Next update will allow for larger icons. 2x2 or 3x3.
Seems obvious, but was quite a lot of work to figure how to go about it. putting 4 smaller icons in a square will auto-merge them.
The 3x3 does show the pixels a bit, so eventually need to create SVG icons.
Hope to put the update live later today.
-
In TinyUX you create wireframes based on a grid. It's a bit like paint with large pixels. You tap your buttons, icons, etc. And it merges the buttons/etc to create larger shapes.
Now making the improvement so text will be cut if it wouldn't fit the button.
#UXtools #TinyUX #wireframing #app #UXD #ellipse #buttons #Wireframes
-
Working on improving the onboarding experience of TinyUX. You'll start first with tutorial video, and the first canvas will have some content on it.
To create the first canvas screen I'm also using my new 'ux source code', a csv file that will hold a group of cells. It will also be used for export and import
-
Was working on refactoring code in TinyUX, accidentally created a dark mode. It does seem to make the canvas look smaller, so not sure if I like it..
Also now I have to figure out UI for to toggls on/off dark mode. I might not release the dark mode yet in next release so I can first get the cleaner, slightly better performant code live first.
-
New TinyUX update (1.0.25), you can now align text to the right.
I launched the app at the end of 2022 as early as possible. Since then I've been updating the app every week or so.
More about TinyUX over here:
https://tinyux.app#UX #Wireframing #TinyUX #UXTools #TextAlignment #UXUI #Wireframe #lowfi
-
Used Google Translate to translate TinyUX website to French, Spanish and Chinese.
The app itself doesn't have text in it so can be used in any country. Would it make sense to translate the site to literally every language?
Https://tinyux.app/fr/
Https://tinyux.app/es/
Https://tinyux.app/zh/ -
Used Google Translate to translate TinyUX website to French, Spanish and Chinese.
The app itself doesn't have text in it so can be used in any country. Would it make sense to translate the site to literally every language?
Https://tinyux.app/fr/
Https://tinyux.app/es/
Https://tinyux.app/zh/ -
Next TinyUX mobile app update (1.0.22) allows for 'split surfaces'.
Or in other words, you can have buttons and large rectangles next to each other without auto-merging to form one large button/rectangle.
Seems obvious, but was a bit of a ux puzzle.
#ux #wireframing #uxDesign #uxTools #uxd #app #wireframes #split #tinyUX
-
Fairly happy with the swipe gesture and animation now. Tomorrow will try something to speed up switching icon groups (tapping bottom bar buttuns). Then will put out a new release.
#ux #uxdesign #gestures #reactNative #animation #swipe #wireframes #tinyux
-
Fairly happy with the swipe gesture and animation now. Tomorrow will try something to speed up switching icon groups (tapping bottom bar buttuns). Then will put out a new release.
#ux #uxdesign #gestures #reactNative #animation #swipe #wireframes #tinyux
-
Working on swipe up/down to show multiple rows of icon brushes.
Never did much with gestures and animation before in #ReactNative, but after spending most of yesterday on something I didn't really like, now I think I know how to make it work smooth. I hope.
Probably will add more gesture related features later.
About TinyUX: https://tinyux.app
-
Thinking about making pre-made components based on brushes (icon to draw).
So you'd long tap any icon in submenu and extra bar shows up with components.
For example with the checkbox, you get the component where a text is next to the checkbox.
-
TinyUX free version with single small board live:
https://play.google.com/store/apps/details?id=com.juliushuijnk.tools.tinyux.free
I've renamed the paid version TinyUX+
TinyUX is for grid based low-fi wireframing on your phone or tablet. If you need to quickly visualize an idea, you tap tap tap and share image.
On google Play:
https://play.google.com/store/apps/details?id=com.juliushuijnk.tools.tinyux.free
Paid version:
https://play.google.com/store/apps/details?id=com.juliushuijnk.tools.tinyux
#ux #uxDesign #uxui #wireframes #wireframing #tinyux #uxtools #ixd
-
Thinking about how import & export should work on TinyUX.
#ux #uxdesign #dogfooding #uxui #import #export #tinyux #uiux #wireframes #wireframing
-
Next update to #TinyUX (1.0.16) includes a tutorial video in the help pop-up.
#ux #wireframes #uxdesign #uxd #lowfi #appdevelopment #tutorial #howto